/*
 * Heikaya v6.20.11 — phone-only mobile header icon correction.
 * The reference screenshots show that the header/logo height was already
 * essentially correct; the remaining mismatch was the actual rendered SVG
 * artwork, especially Search, which an older high-specificity 16px rule was
 * still shrinking. These overrides target the SVG elements directly.
 * Desktop/tablet are intentionally untouched.
 */

@media (max-width: 767px) {
    /* Reference white header is ~90px tall at the same viewport scale. */
    #lumiere-site-header .lumiere-header__inner,
    #lumiere-site-header .lumiere-header__actions {
        height: 90px !important;
        min-height: 90px !important;
        max-height: 90px !important;
    }

    #lumiere-site-header .lumiere-primary-nav {
        max-height: calc(100svh - 90px) !important;
    }

    /* Keep the logo's visual height: it already matches the reference well. */
    #lumiere-site-header .lumiere-header__brand .custom-logo {
        max-width: 116px !important;
        max-height: 62px !important;
    }

    /*
     * IMPORTANT: include the parent control + svg element so these rules beat
     * the older `#lumiere-site-header .lumiere-search-toggle svg {16px}` rule.
     */
    #lumiere-site-header .lumiere-search-toggle svg.heikaya-header-icon--search-mobile {
        display: block !important;
        width: 25px !important;
        min-width: 25px !important;
        height: 25px !important;
        min-height: 25px !important;
        overflow: visible !important;
        fill: none !important;
        stroke: #15120f !important;
        stroke-width: 1.5 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    #lumiere-site-header .lumiere-header__cart svg.heikaya-header-icon--bag-mobile {
        display: block !important;
        width: 28px !important;
        min-width: 28px !important;
        height: 28px !important;
        min-height: 28px !important;
        overflow: visible !important;
        fill: none !important;
        stroke: #15120f !important;
        stroke-width: 1.45 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    /* Match the reference button footprints and spacing. */
    #lumiere-site-header .lumiere-search-toggle,
    #lumiere-site-header .lumiere-header__cart {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 !important;
    }

    /* Hamburger dimensions measured from the reference: 3 x ~22px lines. */
    #lumiere-site-header .lumiere-mobile-toggle {
        width: 42px !important;
        min-width: 42px !important;
        height: 42px !important;
        min-height: 42px !important;
        gap: 5px !important;
    }

    #lumiere-site-header .lumiere-mobile-toggle span,
    #lumiere-site-header .lumiere-mobile-toggle span + span {
        width: 22px !important;
        max-width: 22px !important;
        height: 1.4px !important;
        margin: 0 !important;
        background: #15120f !important;
    }

    /* Drawer account/wishlist use the same thin outline weight and scale. */
    #lumiere-site-header .heikaya-mobile-account-menu svg.heikaya-masu-menu-icon,
    #lumiere-site-header .heikaya-mobile-wishlist-menu svg.heikaya-masu-menu-icon {
        width: 25px !important;
        min-width: 25px !important;
        height: 25px !important;
        min-height: 25px !important;
        fill: none !important;
        stroke: currentColor !important;
        stroke-width: 1.45 !important;
        stroke-linecap: round !important;
        stroke-linejoin: round !important;
    }

    /* No empty-cart bubble. */
    #lumiere-site-header .lumiere-cart-count[data-cart-count="0"] {
        display: none !important;
    }

    @media (max-width: 380px) {
        #lumiere-site-header .lumiere-search-toggle svg.heikaya-header-icon--search-mobile {
            width: 24px !important;
            min-width: 24px !important;
            height: 24px !important;
            min-height: 24px !important;
        }

        #lumiere-site-header .lumiere-header__cart svg.heikaya-header-icon--bag-mobile {
            width: 27px !important;
            min-width: 27px !important;
            height: 27px !important;
            min-height: 27px !important;
        }
    }
}