/*
Theme Name: Solene Child
Theme URI: https://solene.qodeinteractive.com
Description: A child theme of Solene Theme
Author: Elated Themes
Author URI: http://themeforest.net/user/elated-themes
Version: 1.0.0
Text Domain: solene
Template: solene
*/

/* --- BnK 2026-08-26: Urban Wedding Visuals logo sizing ---------------------
   The header logo is the Elementor site-logo widget .elementor-element-8b4de79.
   Elementor styles it as `width:80%; height:100px; object-fit:contain` inside a
   ~112px container. The new wordmark is wide (2.38:1), so in that box it
   rendered ~90x38 and was barely legible.

   height:auto neutralises the 1000x1000 width/height attributes still stored in
   the widget markup. The widget cell must grow with the image, otherwise the
   wider logo overlaps the nav items sitting left and right of it.
-------------------------------------------------------------------------- */
.elementor-element-8b4de79 {
    width: auto !important;
    flex-basis: auto !important;
    flex-shrink: 0 !important;
}

.elementor-element-8b4de79 .elementor-widget-container,
.elementor-element-8b4de79 a {
    display: block;
    width: auto !important;
    max-width: none !important;
}

.elementor-element-8b4de79 img,
img[src*="paderborn-logo"] {
    width: 150px !important;
    max-width: none !important;
    height: auto !important;
    object-fit: contain;
}

@media (max-width: 1024px) {
    .elementor-element-8b4de79 img,
    img[src*="paderborn-logo"] {
        width: 130px !important;
    }
}

@media (max-width: 480px) {
    .elementor-element-8b4de79 img,
    img[src*="paderborn-logo"] {
        width: 120px !important;
    }
}

/* --- BnK 2026-08-27: keep the admin bar out of the logo rule ---------------
   The selector above matches by filename, so it also hit the 150x150 site icon
   in the logged-in admin bar and blew it up to 150x63 inside a 32px bar.
   WordPress sizes that icon 20x20; here the wordmark is wide, so cap the height
   and let the width follow to keep it legible without breaking the bar.
-------------------------------------------------------------------------- */
#wpadminbar img[src*="paderborn-logo"],
#wpadminbar .elementor-element-8b4de79 img,
#wpadminbar #wp-admin-bar-site-name > .ab-item .site-icon {
    width: auto !important;
    height: 20px !important;
    max-width: 60px !important;
    object-fit: contain;
    vertical-align: middle;
}