/* ═══════════════════════════════════════════════════════════
   Tinza Child Theme — header.css
═══════════════════════════════════════════════════════════ */
/* ═══════════════════════════════════════════════════════════
   1. HEADER WRAPPER
═══════════════════════════════════════════════════════════ */

.site-header {
    box-sizing:     border-box;
    display:        flex;
    flex-direction: column;
    align-items:    stretch;
    width:          100%;
    min-height:     88px;           
    border-bottom:  1px solid rgba(0, 0, 0, 0.05);
    background:     var(--color-white);
    position:       sticky;
    top:            0;
    z-index:        var(--header-z);
    transition:     box-shadow var(--t-fast);
}

.site-header--scrolled {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
}

.site-header__inner {
    display:         flex;
    flex-direction:  row;
    justify-content: space-between;
    align-items:     center;
    padding:         20px 20px;   /* 80px = marge cart demandée */
    gap:             32px;
    width:           100%;
    max-width:       100%;        /* occupe toute la largeur */
    min-height:      88px;
    margin:          0;
    flex:            none;
    box-sizing:      border-box;
}


/* ═══════════════════════════════════════════════════════════
   2. LEFT : Hamburger + Logo + Categories
═══════════════════════════════════════════════════════════ */

.site-header__left {
    display:        flex;
    flex-direction: row;
    align-items:    center;
    gap:            80px;
    width:          350px;
    height:         42px;
    flex:           none;
}

.site-header__hamburger {
    display:         none;
    align-items:     center;
    justify-content: center;
    padding:         14px;
    width:           42px;
    height:          42px;
    background:      none;
    border:          none;
    cursor:          pointer;
    color:           #161A17;
    box-sizing:      border-box;
}
.site-header__hamburger svg {
    width:  14px;
    height: 14px;
}

.site-header__logo {
    display:         flex;
    align-items:     center;
    height:          42px;
    text-decoration: none;
    flex:            none;
}
.site-header__logo-text {
    font-family:    'Chillax', sans-serif;
    font-weight:    400;
    font-size:      40px;
    line-height:    1;
    margin-left: 60px;
    letter-spacing: -0.06em;        
    color:          #161A17;
}

.site-header__categories-wrapper {
    position: relative;
    flex:     none;
}

.site-header__categories {
    display:         flex;
    align-items:     center;
    gap:             8px;
    width:           151px;
    height:          42px;
    background:      var(--color-white) !important; 
    border:          none;
    cursor:          pointer;
    font-family:     'Chillax', sans-serif;
    transition:      opacity var(--t-fast);
}

.site-header__categories:hover,
.site-header__categories:focus,
.site-header__categories:active,
.site-header__categories:focus-visible {
    background: var(--color-white) !important;
    opacity:    0.7;
    outline:    none;
}

.site-header__categories-square {
    display:     flex;
    align-items: center;
    padding:     14px;
    width:       42px;
    height:      42px;
    box-sizing:  border-box;
    flex:        none;
}

.site-header__categories-icon {
    width:  14px;
    height: 14px;
    color:  #161A17;
}

.site-header__categories-label {
    font-family:    'Chillax', sans-serif;
    font-weight:    600;
    font-size:      16px;
    line-height:    22px;
    letter-spacing: 0.005em;
    text-transform: uppercase;
    color:          #161A17;
    flex:           none;
}

.mega-menu {
    position:       absolute;
    top:            calc(100% + 8px); 
    left:           0;
    width:          236px;
    min-height:     213px;
    background:     var(--color-white);
    border:         1px solid var(--color-border);
    border-radius:  6px;
    box-shadow:     0 8px 24px rgba(0, 0, 0, 0.08);
    z-index:        100;
    padding:        12px 0;
    display:        flex;
    flex-direction: column;
    gap:            8px;
}

.mega-menu__item a {
    display:         block;
    padding:         8px 24px;
    font-family:     'Chillax', sans-serif;
    font-weight:     400;
    font-size:       16px;
    line-height:     22px;
    color:           #161A17;
    text-decoration: none;
    transition:      color var(--t-fast), background var(--t-fast);
}
.mega-menu__item a:hover {
    color:      var(--color-primary);
    background: var(--color-bg-warm);
}


/* ═══════════════════════════════════════════════════════════
   3. CENTRE : Search
═══════════════════════════════════════════════════════════ */

.site-header__search-outer {
    position:  relative;
    flex:      1 1 auto;     
    max-width: 495px;       
}

.site-header__search {
    box-sizing:     border-box;
    display:        flex !important;
    align-items:    center !important;
    width:          100% !important;
    height:         48px !important;
    background:     #FFFFFF;
    border:         1px solid #897971 !important; 
    border-radius:  8px !important;
    overflow:       hidden !important;            
}

.site-header__search-input {
    flex:         1 1 auto !important;
    height:       48px !important;
    padding:      8px 20px !important;
    border:       none !important;
    outline:      none !important;
    background:   #FFFFFF !important;
    font-family:  'Chillax', sans-serif !important;
    font-weight:  400 !important;
    font-size:    16px !important;
    line-height:  22px !important;
    color:        #5C665E !important;
    border-radius: 0 !important; 
    box-shadow:   none !important;
}

.site-header__search-input::placeholder {
    color: #5C665E;
}

.site-header__search-btn {
    position:        static !important;
    transform:       none !important;
    width:           48px !important;
    min-width:       48px !important;
    max-width:       48px !important;
    flex:            0 0 48px !important;
    height:          48px !important;
    background:      #A87A63 !important;
    border:          none !important;
    border-radius:   0 !important;
    padding:         0 !important;
    cursor:          pointer !important;
    display:         flex !important;
    align-items:     center !important;
    justify-content: center !important;
    box-shadow:      none !important;
}
.site-header__search-btn:hover {
    background: #8F6450 !important; 
}
.site-header__search-btn svg {
    width:  20px;
    height: 20px;
    color:  #FFFFFF;
}


/* ═══════════════════════════════════════════════════════════
   4. SEARCH DROPDOWN
═══════════════════════════════════════════════════════════ */
.search-results-dropdown {
    position:      absolute;
    top:           calc(100% + 6px); 
    left:          0;
    right:         0;                
    max-height:    420px;
    overflow-y:    auto;             
    background:    #FFFFFF;
    border:        1px solid #897971;
    border-radius: 8px;
    box-shadow:    0 8px 24px rgba(0, 0, 0, 0.08);
    z-index:       200;              
    padding:       4px 0;
}

.search-results-dropdown[hidden] {
    display: none;
}

.search-result-item {
    display:         flex;
    align-items:     center;
    gap:             12px;
    padding:         10px 16px;
    text-decoration: none;
    color:           #161A17;
    transition:      background var(--t-fast);
    font-family:     'Chillax', sans-serif;
}
.search-result-item:hover {
    background: #F7F4F1; 
}

.search-result-item__img {
    width:         44px;          
    height:        44px;          
    object-fit:    cover;         
    border-radius: 4px;          
    flex:          none;          
    background:    #F0EDE9;       
}

.search-result-item__info {
    flex:           1;
    min-width:      0;
    display:        flex;
    flex-direction: column;
    gap:            6px;
}

.search-result-item__name {
    font-size:     14px;
    font-weight:   500;
    color:         #161A17;
    white-space:   nowrap;
    overflow:      hidden;
    text-overflow: ellipsis;
}

.search-result-item__price {
    font-size:  13px;
    font-weight: 400;
    color:      #A87A63;
    margin-top: 2px;
}

.search-result-item--all {
    border-top:      1px solid #EEEBE7;
    justify-content: center;
    font-size:       13px;
    font-weight:     600;
    color:           #A87A63;
    text-transform:  uppercase;
    letter-spacing:  0.04em;
    padding:         12px 16px;
}

.search-result-empty {
    padding:    16px;
    font-size:  14px;
    color:      #5C665E;
    text-align: center;
    margin:     0;
}


/* ═══════════════════════════════════════════════════════════
   5. RIGHT : Actions (User + Heart + Cart)
═══════════════════════════════════════════════════════════ */

.site-header__actions {
    display:        flex;
    align-items:    center;
    width:          195px;
    height:         48px;
    flex:           none;
}

.site-header__mobile-search-btn {
    display:     none;
    align-items: center;
    gap:         4px;
    padding:     8px 14px;
    height:      48px;
    background:  none;
    border:      none;
    cursor:      pointer;
    color:       #161A17;
}
.site-header__mobile-search-btn svg {
    width:  20px;
    height: 20px;
}
.site-header__mobile-search-label {
    font-family: 'Chillax', sans-serif;
    font-weight: 500;
    font-size:   16px;
    line-height: 22px;
    color:       #161A17;
}

.site-header__action-btn {
    display:         flex;
    align-items:     center;
    justify-content: center;
    padding:         14px;
    width:           48px;
    height:          48px;
    background:      none;
    border:          none;
    cursor:          pointer;
    text-decoration: none;
    color:           #161A17;
    flex:            none;
    transition:      opacity var(--t-fast);
}
.site-header__action-btn:hover {
    opacity: 0.7;
}
.site-header__action-btn svg {
    width:  20px;
    height: 20px;
    color:  #161A17;
}

/* ── Cart — fixé à 80px du bord droit ── */
.site-header__cart-btn {
    display:         flex !important;
    align-items:     center !important;
    padding:         8px 20px 8px 16px !important;
    gap:             8px !important;
    width:           99px !important;
    height:          48px !important;
    background:      none !important;
    border:          none !important;
    cursor:          pointer !important;
    text-decoration: none !important;
    color:           #161A17 !important;
    flex:            none !important;
    position:        relative !important;
    transition:      opacity var(--t-fast) !important;
    box-sizing:      border-box !important;
    margin-right:    0 !important;
}
.site-header__cart-btn:hover {
    opacity: 0.7 !important;
}

.site-header__cart-icon-wrap {
    position:        relative;
    display:         flex;
    align-items:     center;
    justify-content: center;
    width:           20px;
    height:          20px;
    flex:            none;
}
.site-header__cart-btn svg,
.site-header__cart-icon-wrap svg {
    width:   20px !important;
    height:  20px !important;
    color:   #161A17 !important;
    display: block !important;
}

.header__cart-count {
    position:        absolute !important;
    top:             -6px !important;
    right:           -6px !important;
    display:         inline-flex !important;
    align-items:     center !important;
    justify-content: center !important;
    min-width:       16px !important;
    height:          16px !important;
    background:      #A87A63 !important;
    color:           #FFFFFF !important;
    border-radius:   50% !important;
    font-family:     'Chillax', sans-serif !important;
    font-size:       10px !important;
    font-weight:     700 !important;
    padding:         0 3px !important;
    line-height:     1 !important;
    pointer-events:  none !important; 
}
.header__cart-count--empty,
.header__cart-count[data-count="0"] {
    display: none !important;
}

.site-header__cart-label {
    font-family: 'Chillax', sans-serif !important;
    font-weight: 500 !important;
    font-size:   16px !important;
    line-height: 22px !important;
    color:       #161A17 !important;
    flex:        none !important;
}


/* ═══════════════════════════════════════════════════════════
   6. MOBILE SEARCH OVERLAY
═══════════════════════════════════════════════════════════ */

.mobile-search-overlay__field {
    position:  relative;
    flex:      1 1 auto;
    min-width: 0;
}

.mobile-search-overlay__input-wrap {
    display:       flex;
    align-items:   stretch;
    height:        48px;
    border:        1px solid #897971;
    border-radius: 8px;
    overflow:      hidden;
    background:    #FFFFFF;
    width:         100%;
    box-sizing:    border-box;
}

.mobile-search-overlay__input {
    flex:        1 1 auto;
    height:      100%;
    border:      none !important;
    outline:     none !important;
    background:  #FFFFFF !important;
    padding:     8px 14px;
    font-family: 'Chillax', sans-serif;
    font-size:   16px;
    color:       #5C665E !important;
    box-shadow:  none !important;
}
.mobile-search-overlay__input::placeholder {
    color: #5C665E;
}

.mobile-search-overlay__submit {
    display:         flex;
    align-items:     center;
    justify-content: center;
    width:           48px;
    min-width:       48px;
    height:          100%;
    background:      #A87A63 !important;
    border:          none;
    cursor:          pointer;
    padding:         0;
    outline:         none;
}
.mobile-search-overlay__submit:hover {
    background: #8F6450 !important;
}
.mobile-search-overlay__submit svg {
    width:   18px;
    height:  18px;
    display: block;
    filter:  brightness(0) invert(1);
}

.mobile-search-overlay__close,
.mobile-search-overlay__close:hover,
.mobile-search-overlay__close:focus,
.mobile-search-overlay__close:active {
    display:         flex !important;
    align-items:     center !important;
    justify-content: center !important;
    width:           40px !important;
    min-width:       40px !important;
    height:          100% !important;
    background:      none !important;
    border:          none !important;
    border-left:     1px solid #E8E0DB !important; 
    font-size:       18px !important;
    color:           #5C665E !important;
    cursor:          pointer !important;
    padding:         0 !important;
    outline:         none !important;
    transition:      none !important;
}

.mobile-search-overlay__field .search-results-dropdown {
    position:   absolute;
    top:        calc(100% + 6px);
    left:       0;
    right:      0;
    z-index:    99999;
    max-height: 300px;
    overflow-y: auto;
}


/* ═══════════════════════════════════════════════════════════
   7. MOBILE NAV DRAWER
═══════════════════════════════════════════════════════════ */

.mobile-nav {
    position:       fixed;
    top:            0;
    left:           0;
    width:          85%;
    max-width:      320px;
    height:         100dvh;
    background:     #FFFFFF;
    z-index:        9998;
    transform:      translateX(-100%);
    transition:     transform var(--t-slow);
    display:        flex;
    flex-direction: column;
    box-shadow:     4px 0 24px rgba(0, 0, 0, 0.12);
}
.mobile-nav[hidden] {
    display: flex;
}
.mobile-nav--open {
    transform: translateX(0);
}

.mobile-nav__header {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    padding:         16px 20px;
    border-bottom:   1px solid #E1E2DC;
}
.mobile-nav__title {
    font-family: 'Chillax', sans-serif;
    font-weight: 600;
    font-size:   18px;
    margin:      0;
    color:       #161A17;
}

.mobile-nav__content {
    flex:           1;
    overflow-y:     auto;
    padding:        12px 0;
    display:        flex;
    flex-direction: column;
}
.mobile-nav__content a {
    padding:         14px 20px;
    font-family:     'Chillax', sans-serif;
    font-size:       16px;
    color:           #161A17;
    text-decoration: none;
    border-bottom:   1px solid #F0EDE9;
}
.mobile-nav__content a:hover {
    background: #F7F4F1;
}
.mobile-nav__content hr {
    border:     none;
    height:     8px;
    background: #F7F4F1;
    margin:     8px 0;
}

.mobile-nav__overlay {
    position:       fixed;
    inset:          0;
    background:     rgba(0, 0, 0, 0.45);
    z-index:        9997;           
    opacity:        0;
    pointer-events: none;
    transition:     opacity var(--t-slow);
}
.mobile-nav__overlay--visible {
    opacity:        1;
    pointer-events: auto;
}


/* ═══════════════════════════════════════════════════════════
   8. TABLET ≤ 1024px
═══════════════════════════════════════════════════════════ */
@media (max-width: 1024px) {
    .site-header__inner {
        padding: 16px 24px;
        gap:     16px;
    }
    .site-header__left {
        width: auto;
        gap:   24px;
    }
    .site-header__search-outer {
        max-width: 380px;
    }
}

/* ═══════════════════════════════════════════════════════════
   9. MOBILE ≤ 768px
═══════════════════════════════════════════════════════════ */
@media (max-width: 768px) {

    .site-header,
    .site-header__inner {
        height:          64px !important;
        min-height:      64px !important;
        padding:         0 16px !important;
        display:         flex !important;
        align-items:     center !important;
        justify-content: space-between !important;
        flex-wrap:       nowrap !important;
        gap:             0 !important;
        box-sizing:      border-box !important;
    }

    .site-header__left {
        display:     flex !important;
        align-items: center !important;
        gap:         8px !important;
        flex:        0 1 auto !important;   
        width:       auto !important;
        min-width:   0 !important;
        max-width:   calc(100% - 130px) !important;
        overflow:    hidden !important;
    }

    .site-header__hamburger {
        display:         flex !important;
        align-items:     center !important;
        justify-content: center !important;
        width:           36px !important;
        height:          36px !important;
        min-width:       36px !important;  
        padding:         0 !important;
        flex:            none !important;
        background:      none !important;
        border:          none !important;
        outline:         none !important;
    }
    .site-header__hamburger:hover,
    .site-header__hamburger:focus {
        background: none !important;
        outline:    none !important;
    }
    .site-header__hamburger svg {
        width:  16px !important;
        height: 16px !important;
    }

    .site-header__logo {
        flex:      1 1 auto !important;
        min-width: 0 !important;
        overflow:  hidden !important;
        height:    auto !important;
    }
    .site-header__logo-text {
        font-size:      30px !important;
        line-height:    1 !important;
        white-space:    nowrap !important;
        overflow:       hidden !important;
        text-overflow:  clip !important;
        letter-spacing: -0.06em !important;
    }

    .site-header__categories-wrapper {
        display: none !important;
    }
    .site-header__search-outer {
        display: none !important;
    }

    .site-header__actions {
        display:         flex !important;
        align-items:     center !important;
        justify-content: flex-end !important;
        flex:            0 0 auto !important;  
        width:           auto !important;
        gap:             4px !important;
        padding-left:    8px !important;
        min-width:       0 !important;
    }

    .site-header__mobile-search-btn {
        display:         flex !important;
        align-items:     center !important;
        justify-content: center !important;
        gap:             4px !important;
        height:          36px !important;
        padding:         0 8px !important;
        background:      transparent !important;
        border:          none !important;
        flex:            none !important;
        cursor:          pointer !important;
    }
    .site-header__mobile-search-btn svg {
        width:  18px !important;
        height: 18px !important;
        flex:   none !important;
    }
    .site-header__mobile-search-label {
        display:     block !important;
        font-size:   14px !important;
        font-weight: 500 !important;
        color:       #161A17 !important;
        white-space: nowrap !important;
        line-height: 1 !important;
    }

    .site-header__action-btn--user {
        display: none !important;
    }

    .site-header__action-btn,
    .site-header__cart-btn {
        display:         flex !important;
        align-items:     center !important;
        justify-content: center !important;
        width:           36px !important;
        height:          36px !important;
        min-width:       36px !important;
        padding:         8px !important;
        flex:            none !important;
        background:      none !important;
        border:          none !important;
        cursor:          pointer !important;
        text-decoration: none !important;
        color:           #161A17 !important;
        box-sizing:      border-box !important;
        margin-right:    0 !important;    /* annuler le 80px sur mobile */
    }
    .site-header__action-btn svg,
    .site-header__cart-btn svg,
    .site-header__cart-icon-wrap svg {
        width:  18px !important;
        height: 18px !important;
    }
    .site-header__cart-label {
        display: none !important;
    }
}


/* ── ≤ 480px ── */
@media (max-width: 480px) {
    .site-header,
    .site-header__inner {
        padding: 0 12px !important;
    }
    .site-header__left {
        max-width: calc(100% - 106px) !important;
    }
    .site-header__mobile-search-label {
        display: none !important;
    }
    .site-header__mobile-search-btn {
        padding: 0 4px !important;
        width:   32px !important;
    }
    .site-header__logo-text {
        font-size: 27px !important;
    }
}

/* ── ≤ 390px ── */
@media (max-width: 390px) {
    .site-header,
    .site-header__inner {
        padding: 0 10px !important;
    }
    .site-header__left {
        gap:       4px !important;
        max-width: calc(100% - 100px) !important;
    }
    .site-header__logo-text {
        font-size: 25px !important;
    }
    .site-header__hamburger,
    .site-header__action-btn,
    .site-header__cart-btn,
    .site-header__mobile-search-btn {
        width:     32px !important;
        height:    32px !important;
        min-width: 32px !important;
    }
    .site-header__actions {
        gap: 2px !important;
    }
}

/* ── ≤ 360px ── */
@media (max-width: 360px) {
    .site-header,
    .site-header__inner {
        padding: 0 8px !important;
    }
    .site-header__left {
        gap:       4px !important;
        max-width: calc(100% - 96px) !important;
    }
    .site-header__logo-text {
        font-size: 23px !important;
    }
    .site-header__hamburger {
        width:     30px !important;
        height:    30px !important;
        min-width: 30px !important;
    }
    .site-header__hamburger svg {
        width:  14px !important;
        height: 14px !important;
    }
    .site-header__action-btn,
    .site-header__cart-btn,
    .site-header__mobile-search-btn {
        width:     30px !important;
        height:    30px !important;
        min-width: 30px !important;
        padding:   6px !important;
    }
    .site-header__action-btn svg,
    .site-header__cart-btn svg,
    .site-header__cart-icon-wrap svg,
    .site-header__mobile-search-btn svg {
        width:  15px !important;
        height: 15px !important;
    }
    .site-header__actions {
        gap: 0 !important;
    }
}


/* ═══════════════════════════════════════════════════════════
   MINI-CART DRAWER
═══════════════════════════════════════════════════════════ */

.mini-cart {
    position:       fixed;
    top:            0;
    right:          0;
    width:          420px;       
    max-width:      100vw;
    height:         100dvh;      
    background:     #FFFFFF;
    z-index:        99999;
    transform:      translateX(100%);   
    transition:     transform 0.3s ease;
    display:        flex;
    flex-direction: column;
    box-shadow:     -4px 0 32px rgba(0,0,0,0.12);
    overflow:       hidden;
}
.mini-cart--open {
    transform: translateX(0);   
}

.mini-cart__header {
    display:         flex;
    align-items:     center;
    justify-content: space-between;
    padding:         20px 24px;
    border-bottom:   1px solid #EEEBE7;
    flex:            none;
}
.mini-cart__title {
    font-family: 'Chillax', sans-serif;
    font-weight: 600;
    font-size:   18px;
    color:       #161A17;
    margin:      0 !important;
}

.mini-cart__close,
.mini-cart__close:hover,
.mini-cart__close:focus,
.mini-cart__close:active,
.mini-cart__close:focus-visible {
    background:    none !important;
    border:        none !important;
    box-shadow:    none !important;
    border-radius: 0 !important;
    padding:       0 !important;
    margin:        0 !important;
    width:         auto !important;
    height:        auto !important;
    font-size:     22px !important;
    line-height:   1 !important;
    cursor:        pointer !important;
    color:         #161A17 !important;  
    display:       flex !important;
    align-items:   center !important;
    transition:    none !important;
    outline:       none !important;
}

.mini-cart__notice {
    padding:     12px 24px;
    font-family: 'Chillax', sans-serif;
    font-size:   14px;
    font-weight: 500;
    flex:        none;
    display:     flex;
    align-items: center;
    gap:         8px;
}
.mini-cart__notice[hidden] {
    display: none;
}
.mini-cart__notice--success {
    background:    #E8F5E9;
    color:         #2E7D32;
    border-bottom: 1px solid #C8E6C9;
}
.mini-cart__notice--removed {
    background:    #FFF3F3;
    color:         #B71C1C;
    border-bottom: 1px solid #FFCDD2;
}

.mini-cart__body {
    flex:           1;
    overflow-y:     auto;
    overflow-x:     hidden;
    padding:        16px 24px 0;
    display:        flex;
    flex-direction: column;
    -webkit-overflow-scrolling: touch;
}
.mini-cart__body .widget_shopping_cart_content {
    flex:           1;
    display:        flex;
    flex-direction: column;
}

.mini-cart__body .woocommerce-mini-cart__total {
    display:         flex !important;
    justify-content: space-between !important;
    padding:         16px 0 12px !important;
    margin:          auto 0 0 !important;
    border-top:      1px solid #EEEBE7 !important;
    font-family:     'Chillax', sans-serif !important;
    font-size:       16px !important;
    font-weight:     600 !important;
    color:           #161A17 !important;
}
.mini-cart__body .woocommerce-mini-cart__total strong {
    font-weight: 600 !important;
}

.mini-cart__body .woocommerce-mini-cart__buttons {
    display:        flex !important;
    flex-direction: column !important;
    align-items:    stretch !important;
    gap:            10px !important;
    padding:        0 0 20px !important;
    margin:         0 !important;
}
.mini-cart__body .woocommerce-mini-cart__buttons::before,
.mini-cart__body .woocommerce-mini-cart__buttons::after {
    display: none !important;
}
.mini-cart__body .woocommerce-mini-cart__buttons a,
.mini-cart__body .woocommerce-mini-cart__buttons .button {
    font-family:   'Chillax', sans-serif !important;
    margin-bottom: 0 !important;
    box-sizing:    border-box !important;
    width:         100% !important;
}
.mini-cart__body .woocommerce-mini-cart__buttons .checkout {
    display:         flex !important;
    justify-content: center !important;
    align-items:     center !important;
    padding:         8px 20px !important;   
    height:          64px !important;      
    background:      #161A17 !important;
    border:          1px solid #161A17 !important;
    border-radius:   8px !important;        
    color:           #FFFFFF !important;
    text-decoration: none !important;
    font-family:     'Chillax', sans-serif !important;
    font-weight:     500 !important;        
    font-size:       16px !important;       
    width:           100% !important;
}
.mini-cart__body .woocommerce-mini-cart__buttons .checkout:hover {
    background:   #2A2F2C !important;
    border-color: #2A2F2C !important;
}
.mini-cart__body .woocommerce-mini-cart__buttons a:not(.checkout) {
    padding:         8px !important;
    text-align:      center !important;
    text-decoration: underline !important;
    font-size:       14px !important;
    color:           #5C665E !important;
    background:      none !important;
    border:          none !important;
}
.mini-cart__body .woocommerce-mini-cart__buttons a:not(.checkout):hover {
    color: #A87A63 !important;
}

.mini-cart__overlay {
    position:       fixed;
    inset:          0;
    background:     rgba(0,0,0,0.45);
    z-index:        99998;
    opacity:        0;
    pointer-events: none;
    transition:     opacity 0.3s ease;
}
.mini-cart__overlay--visible {
    opacity:        1;
    pointer-events: auto;
}

@media (max-width: 1200px) {
    .mini-cart { width: 380px; }
}
@media (max-width: 900px) {
    .mini-cart { width: 340px; }
    .mini-cart__header { padding: 16px 20px; }
    .mini-cart__body { padding: 12px 20px 0; }
    .mini-cart__notice { padding: 10px 20px; }
}
@media (max-width: 600px) {
    .mini-cart { width: 75%; max-width: 100vw; }
    .mini-cart__header { padding: 14px 16px; }
    .mini-cart__body { padding: 12px 16px 0; }
    .mini-cart__notice { padding: 10px 16px; }
    .mini-cart__body .woocommerce-mini-cart__buttons { padding-bottom: 24px !important; }
    .mini-cart__body .woocommerce-mini-cart__buttons .checkout { padding: 16px !important; }
}
@media (max-width: 380px) {
    .mini-cart__title { font-size: 16px; }
    .mini-cart__body .woocommerce-mini-cart__total { font-size: 15px !important; }
}


/* ═══════════════════════════════════════════════════════════
   SIGN IN + WISHLIST COUNTER
═══════════════════════════════════════════════════════════ */

.site-header__action-btn--signin {
    display:         flex !important;
    align-items:     center !important;
    padding:         9px 20px 9px 2px !important;
    background:      none !important;
    border:          none !important;
    color:           #161A17 !important;
    text-decoration: none !important;
    font-family:     'Chillax', sans-serif !important;
    font-weight:     500 !important;
    font-size:       16px !important;
    line-height:     22px !important;
    flex:            none !important;
    white-space:     nowrap !important;
    cursor:          pointer !important;
    transition:      opacity 0.2s ease !important;
}
.site-header__action-btn--signin:hover {
    opacity: 0.7 !important;
    color:   #161A17 !important;
}

@media (max-width: 1024px) {
    .site-header__action-btn--signin { padding: 9px 16px 9px 2px !important; }
}
@media (max-width: 768px) {
    .site-header__action-btn--signin { font-size: 14px !important; padding: 0 8px 0 2px !important; }
}
@media (max-width: 480px) {
    .site-header__action-btn--signin { font-size: 13px !important; padding: 0 6px 0 2px !important; }
}
@media (max-width: 390px) {
    .site-header__action-btn--signin { font-size: 12px !important; padding: 0 4px 0 2px !important; }
}
@media (max-width: 360px) {
    .site-header__action-btn--signin { font-size: 11px !important; padding: 0 4px 0 2px !important; }
}

.site-header__wishlist-wrap {
    position:        relative;
    display:         flex;
    align-items:     center;
    justify-content: center;
    width:           20px;
    height:          20px;
}

.header__wishlist-count {
    position:        absolute !important;
    top:             -6px !important;
    right:           -6px !important;
    display:         inline-flex !important;
    align-items:     center !important;
    justify-content: center !important;
    min-width:       16px !important;
    height:          16px !important;
    background:      #A87A63 !important;
    color:           #FFFFFF !important;
    border-radius:   50% !important;
    font-family:     'Chillax', sans-serif !important;
    font-size:       10px !important;
    font-weight:     700 !important;
    padding:         0 3px !important;
    line-height:     1 !important;
    pointer-events:  none !important;
}
.header__wishlist-count--empty,
.header__wishlist-count[data-count="0"] {
    display: none !important;
}