.wpil-header {
    position: relative;
    z-index: 1000;
    background: #fff;
}

.wpil-header .ast-icon,
.wpil-header .ast-arrow-svg,
.wpil-header .dropdown-menu-toggle,
.wpil-header .ast-header-navigation-arrow,
.wpil-dropdown-menu .ast-icon,
.wpil-dropdown-menu .ast-arrow-svg,
.wpil-menu-secondary .ast-icon,
.wpil-menu-secondary .ast-arrow-svg,
.wpil-menu-secondary .dropdown-menu-toggle,
.wpil-menu-primary .ast-icon,
.wpil-menu-primary .ast-arrow-svg {
    display: none !important;
}

.wpil-top-banner {
    background: transparent;
    color: #000;
    text-align: center;
    padding: 12px 20px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
}

.wpil-header {
    top: 0;
    z-index: 1001;
}

.wpil-header-main {
    background: #fff;
    border-bottom: 1px solid #eee;
    padding: 15px 0;
    transition: box-shadow 0.3s ease;
    min-height: 81px;
    box-sizing: border-box;
}

.wpil-header-main.is-stuck {
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.wpil-header-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.wpil-burger-menu {
    display: none;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    flex-direction: column;
    gap: 5px;
}

.wpil-burger-menu span {
    display: block;
    width: 24px;
    height: 2px;
    background: #000;
    transition: all 0.3s;
}

.wpil-burger-menu.active span:nth-child(1) {
    transform: rotate(45deg) translate(6px, 6px);
}

.wpil-burger-menu.active span:nth-child(2) {
    opacity: 0;
}

.wpil-burger-menu.active span:nth-child(3) {
    transform: rotate(-45deg) translate(6px, -6px);
}

.wpil-logo {
    flex: 0 0 auto;
}

.wpil-logo img {
    height: 50px;
    width: auto;
}

.wpil-logo a {
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 24px;
    font-weight: 700;
}

.wpil-nav-desktop {
    flex: 1;
    display: flex;
    justify-content: center;
    margin: 0 40px;
}

.wpil-menu-primary {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 30px;
}

.wpil-menu-primary li {
    position: relative;
}

.wpil-menu-primary a {
    text-decoration: none;
    color: #000;
    font-size: 17px;
    font-weight: 500;
    padding: 10px 0;
    display: block;
    transition: color 0.2s;
}

.wpil-menu-primary a:hover {
    color: #800020;
}

.wpil-menu-primary .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    min-width: 220px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    border-radius: 4px;
    padding: 10px 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1001;
}

.wpil-menu-primary li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.wpil-menu-primary .sub-menu li {
    padding: 0;
}

.wpil-menu-primary .sub-menu a {
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 400;
    display: block;
    white-space: nowrap;
}

.wpil-menu-primary .sub-menu a:hover {
    background: #f9f9f9;
    color: #800020;
}

.wpil-menu-primary .menu-item-has-children > a::after {
    content: 'â–¼';
    font-size: 10px;
    margin-left: 6px;
    opacity: 0.6;
}

.wpil-header-actions {
    display: flex;
    align-items: center;
    gap: 25px;
}

.wpil-mini-cart-container {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

.wpil-track-order,
.wpil-my-account,
.wpil-wishlist {
    text-decoration: none;
    color: #000;
    font-size: 17px;
    font-weight: 500;
    transition: color 0.2s;
    display: flex;
    align-items: center;
    gap: 6px;
}

.wpil-track-order svg,
.wpil-my-account svg,
.wpil-wishlist svg {
    flex-shrink: 0;
}

.wpil-track-order:hover,
.wpil-my-account:hover,
.wpil-wishlist:hover {
    color: #800020;
}

/* Track order & wishlist — icon only + tooltip */
.wpil-track-order,
.wpil-wishlist {
    position: relative;
}

.wpil-wishlist-tooltip,
.wpil-track-tooltip {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    background: linear-gradient(135deg, #7B1535 0%, #5c0f27 100%);
    color: #fff;
    padding: 8px 14px;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(123, 21, 53, 0.3);
    white-space: nowrap;
    font-size: 13px;
    font-weight: 500;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1001;
    pointer-events: none;
}

.wpil-wishlist-tooltip::before,
.wpil-track-tooltip::before {
    content: '';
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #7B1535;
}

.wpil-track-order:hover .wpil-track-tooltip,
.wpil-wishlist:hover .wpil-wishlist-tooltip {
    opacity: 1;
    visibility: visible;
}

.wpil-secondary-nav {
    background: #f9f9f9;
    border-bottom: 1px solid #eee;
}

.wpil-secondary-nav-clone {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background: #f9f9f9;
    border-bottom: 1px solid #eee;
    transform: translateY(-110%);
    transition: transform 0.35s ease;
}

.wpil-secondary-nav-clone.is-visible {
    transform: translateY(0);
}


.wpil-menu-secondary {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 35px;
    justify-content: center;
    align-items: center;
}

.wpil-menu-secondary li {
    padding: 12px 0;
    position: relative;
}

.wpil-menu-secondary a {
    text-decoration: none;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    transition: color 0.2s;
    display: flex;
    align-items: center;
    gap: 6px;
}

.wpil-menu-secondary a:hover {
    color: #800020;
}

.wpil-menu-secondary .sub-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    min-width: 200px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    border-radius: 4px;
    padding: 10px 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1001;
}

.wpil-menu-secondary li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.wpil-menu-secondary .sub-menu li {
    padding: 0;
}

.wpil-menu-secondary .sub-menu a {
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 400;
    display: block;
    white-space: nowrap;
}

.wpil-menu-secondary .sub-menu a:hover {
    background: #f9f9f9;
    color: #800020;
}

/* Secondary nav position will be controlled by JavaScript */


.wpil-desktop-dropdown {
    position: fixed;
    left: 0;
    right: 0;
    background: #f9f9f9;
    border-bottom: 1px solid #eee;
    z-index: 998;
    transform: translateY(-100%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.wpil-desktop-dropdown.active {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

body.wpil-sticky-active .wpil-desktop-dropdown {
    top: var(--wpil-header-height, 70px);
}

.wpil-dropdown-menu {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 35px;
    justify-content: center;
    align-items: center;
}

.wpil-dropdown-menu li {
    padding: 15px 0;
    position: relative;
}

.wpil-dropdown-menu a {
    text-decoration: none;
    color: #000;
    font-size: 17px;
    font-weight: 500;
    transition: color 0.2s;
    display: flex;
    align-items: center;
    gap: 6px;
}

.wpil-dropdown-menu a:hover {
    color: #800020;
}

.wpil-dropdown-menu .menu-item-has-children > a::after {
    content: 'â–¼';
    font-size: 10px;
    margin-left: 4px;
    opacity: 0.6;
}

.wpil-dropdown-menu .sub-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    min-width: 200px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    border-radius: 4px;
    padding: 10px 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%) translateY(-10px);
    transition: all 0.3s ease;
    z-index: 1001;
}

.wpil-dropdown-menu li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

.wpil-dropdown-menu .sub-menu li {
    padding: 0;
}

.wpil-dropdown-menu .sub-menu a {
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 400;
    display: block;
    white-space: nowrap;
}

.wpil-dropdown-menu .sub-menu a:hover {
    background: #f9f9f9;
    color: #800020;
}

/* ═══════════════════════════════════════════════════════════════════
   MOBILE MENU PANEL — V3 Redesign
   burgundy oklch(35% 0.13 10) | light oklch(94% 0.05 10)
   ═══════════════════════════════════════════════════════════════════ */

.wpil-mobile-menu {
    position: fixed;
    top: 0;
    left: -100%;
    width: 95%;
    max-width: 400px;
    height: 100%;
    background: #fdfaf9;
    z-index: 9999;
    transition: left 0.3s ease;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.wpil-mobile-menu.active {
    left: 0;
}

/* ── Burgundy header ── */
.wpil-mobile-header {
    background: oklch(35% 0.13 10);
    flex-shrink: 0;
}

.wpil-mobile-header-top {
    padding: 20px 20px 14px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.wpil-mobile-menu-close {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1.5px solid rgba(255, 255, 255, 0.22);
    background: transparent;
    color: white;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding: 0;
    transition: background 0.14s;
}

.wpil-mobile-menu-close:hover {
    background: rgba(255, 255, 255, 0.18);
}

.wpil-mobile-actions {
    padding: 0 16px 18px;
    display: flex;
    gap: 10px;
}

.wpil-mobile-btn-account {
    flex: 1;
    padding: 11px 12px;
    border: 1.5px solid rgba(255, 255, 255, 0.22);
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    color: white;
    font-size: 14px;
    font-weight: 500;
    transition: background 0.14s;
}

.wpil-mobile-btn-account:hover {
    background: rgba(255, 255, 255, 0.22);
    color: white;
}

.wpil-mobile-btn-cta {
    flex: 1;
    padding: 11px 12px;
    background: white;
    border: none;
    border-radius: 12px;
    color: oklch(35% 0.13 10);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.14);
    letter-spacing: 0.2px;
    transition: opacity 0.14s, transform 0.1s;
}

.wpil-mobile-btn-cta:hover {
    opacity: 0.9;
    color: oklch(35% 0.13 10);
    transform: translateY(-1px);
}

/* ── Nav list ── */
.wpil-mobile-nav {
    flex: 1;
    overflow-y: auto;
    scrollbar-width: none;
}

.wpil-mobile-nav::-webkit-scrollbar {
    display: none;
}

.wpil-mobile-menu-secondary {
    list-style: none;
    margin: 0;
    padding: 0;
}

.wpil-mobile-menu-secondary li {
    border-bottom: 1px solid oklch(90% 0.03 10);
}

.wpil-mobile-menu-secondary > li > a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 20px;
    color: #18100e;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: background 0.14s;
}

.wpil-mobile-menu-secondary > li > a:hover {
    background: oklch(94% 0.04 10);
}

/* Chevron right on non-dropdown items */
.wpil-mobile-menu-secondary > li:not(.menu-item-has-children) > a::after {
    content: '';
    width: 7px;
    height: 7px;
    border-right: 2px solid oklch(52% 0.05 10);
    border-top: 2px solid oklch(52% 0.05 10);
    transform: rotate(45deg);
    margin-left: auto;
    flex-shrink: 0;
    display: inline-block;
}

/* Emoji icon circle (injected by JS) */
.wpil-nav-icon {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    flex-shrink: 0;
    background: oklch(94% 0.05 10);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    line-height: 1;
}

/* Diverse: chevron down toggle */
.wpil-mobile-menu-secondary .menu-item-has-children > a {
    position: relative;
}

.wpil-mobile-menu-secondary .menu-item-has-children > a::after {
    content: '';
    width: 7px;
    height: 7px;
    border-right: 2px solid oklch(52% 0.05 10);
    border-bottom: 2px solid oklch(52% 0.05 10);
    transform: rotate(45deg);
    margin-left: auto;
    flex-shrink: 0;
    display: inline-block;
    transition: transform 0.22s ease;
}

.wpil-mobile-menu-secondary .menu-item-has-children.open > a::after {
    transform: rotate(225deg);
    margin-top: 3px;
}

/* Sub-menu */
.wpil-mobile-menu-secondary .sub-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.25s ease, opacity 0.2s ease;
}

.wpil-mobile-menu-secondary .menu-item-has-children.open > .sub-menu {
    max-height: 500px;
    opacity: 1;
}

.wpil-mobile-menu-secondary .sub-menu li {
    border-bottom: 1px solid oklch(90% 0.03 10);
}

.wpil-mobile-menu-secondary .sub-menu li:last-child {
    border-bottom: none;
}

.wpil-mobile-menu-secondary .sub-menu a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px 12px 36px;
    font-size: 14px;
    color: oklch(52% 0.05 10);
    font-weight: 400;
    text-decoration: none;
    transition: background 0.14s;
}

.wpil-mobile-menu-secondary .sub-menu a:hover {
    background: oklch(94% 0.04 10);
}

.wpil-mobile-menu-secondary .sub-menu a::after {
    content: '';
    width: 6px;
    height: 6px;
    border-right: 1.5px solid oklch(52% 0.05 10);
    border-top: 1.5px solid oklch(52% 0.05 10);
    transform: rotate(45deg);
    flex-shrink: 0;
    display: inline-block;
}

/* Hide Astra arrow icons */
.wpil-mobile-menu-secondary .ast-icon,
.wpil-mobile-menu-secondary .icon-arrow,
.wpil-mobile-menu-secondary .ast-arrow-svg {
    display: none !important;
}

/* Primary menu — not used in V3 mobile design */
.wpil-mobile-menu-primary {
    display: none;
}

/* ── Footer ── */
.wpil-mobile-footer {
    padding: 12px 16px 16px;
    background: #FBF5EE;
    border-top: 1px solid #EADFD3;
    flex-shrink: 0;
}

/* Track order — secondary ghost CTA (last, least important) */
.wpil-mobile-btn-track {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    width: 100%;
    height: 36px;
    background: transparent;
    border: 1px solid #EADFD3;
    border-radius: 10px;
    padding: 0 14px;
    text-decoration: none;
    color: #4B2030;
    font-size: 12px;
    font-weight: 600;
    box-sizing: border-box;
    transition: background 0.14s;
}

.wpil-mobile-btn-track:hover {
    background: #F6EDE2;
    color: #4B2030;
}

.wpil-mobile-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.wpil-mobile-overlay.active {
    opacity: 1;
    visibility: visible;
}

body.wpil-menu-open {
    overflow: hidden;
}

@media (max-width: 768px) {
    .wpil-desktop-dropdown {
        display: none !important;
    }
    
    .wpil-nav-desktop {
        display: none;
    }
    
    .wpil-burger-menu {
        display: flex;
    }
    
    .wpil-secondary-nav {
        display: none !important;
    }
    
    .wpil-track-order,
    .wpil-my-account,
    .wpil-wishlist {
        display: none !important;
    }
    
    .wpil-cart-text {
        display: none !important;
    }
    
    .wpil-header-container {
        justify-content: space-between;
        gap: 15px;
    }
    
    .wpil-logo {
        flex: 1;
        text-align: center;
    }
    
    .wpil-header-actions {
        gap: 0;
    }
    
    .wpil-menu-secondary {
        gap: 20px;
        font-size: 15px;
    }
    
    .wpil-header-container {
        padding: 0 15px;
    }
    
    .wpil-top-banner {
        font-size: 14px;
        padding: 10px 15px;
    }
    
    .wpil-logo img {
        height: 40px;
    }
    
    .wpil-secondary-nav {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
    
    .wpil-menu-secondary {
        justify-content: flex-start;
        gap: 20px;
        padding: 0 15px;
    }
    
    .wpil-menu-secondary li {
        flex-shrink: 0;
        padding: 10px 0;
    }
    
    .wpil-menu-secondary a {
        font-size: 14px;
        white-space: nowrap;
    }
    
    .wpil-track-order {
        font-size: 14px;
    }
    .wpil-header {
        position: sticky;
    }
}

@media (max-width: 480px) {
    .wpil-logo img {
        height: 35px;
    }

    .wpil-top-banner {
        font-size: 12px;
    }
}

/* Back-to-category pill next to scroll-to-top button */
.wpil-back-to-category {
    position: fixed;
    bottom: 30px;
    right: calc(30px + 2.1em + 12px);
    z-index: 99;
}

.wpil-back-to-category a {
    display: block;
    background: #ffffff;
    border: 2px solid #333333;
    border-radius: 25px;
    padding: 3px 14px;
    font-size: 13px;
    font-weight: 600;
    color: #333333;
    text-decoration: none;
    white-space: nowrap;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
    transition: background 0.3s ease, color 0.3s ease;
}

.wpil-back-to-category a:hover {
    background: #333333;
    color: #ffffff;
}

.wpil-back-to-category a::before {
    content: "";
}

@media (max-width: 600px) {
    .wpil-back-to-category {
        right: calc(30px + 2.1em + 8px);
        bottom: 25px;
    }

    .wpil-back-to-category a {
        padding: 5px 10px;
        font-size: 12px;
        margin-bottom: 4px;
    }
}

/* Hide menu-item-430 from mobile menu */
.wpil-mobile-menu .menu-item-430 {
    display: none !important;
}

/* ── Mobile footer: Variant B — progress card + wallet ── */

.wpil-mfb-progress-card {
    background: #fff;
    border: 1px solid #EADFD3;
    border-radius: 18px;
    padding: 12px 14px;
    margin-bottom: 8px;
}

.wpil-mfb-pc-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.wpil-mfb-level-pill {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #F5C518;
    color: #6E1A36;
    padding: 4px 10px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.2px;
    flex-shrink: 0;
}

.wpil-mfb-active-discount {
    font-size: 13px;
    color: #4B2030;
    font-weight: 600;
    margin-left: auto;
}

.wpil-mfb-bar-area {
    margin-bottom: 10px;
}

.wpil-mfb-bar-track {
    position: relative;
    height: 8px;
    background: #F6EDE2;
    border-radius: 999px;
    margin-bottom: 8px;
}

.wpil-mfb-bar-fill {
    position: absolute;
    left: 0; top: 0; bottom: 0;
    background: linear-gradient(90deg, #6E1A36, #F5C518);
    border-radius: 999px;
    transition: width 0.3s ease;
}

.wpil-mfb-dot {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #EADFD3;
}

.wpil-mfb-dot.is-reached {
    background: #6E1A36;
    border: none;
}

.wpil-mfb-dot.is-current {
    width: 14px;
    height: 14px;
    background: #F5C518;
    border: none;
    box-shadow: 0 0 0 3px #fff, 0 2px 6px rgba(110,26,54,0.3);
}

.wpil-mfb-dot.is-vip {
    background: #FBE9EC;
    border: 2px solid #6E1A36;
}

.wpil-mfb-tier-labels {
    position: relative;
    height: 14px;
}

.wpil-mfb-tier-num {
    position: absolute;
    font-size: 10px;
    font-weight: 600;
    color: #8A6B73;
    white-space: nowrap;
    letter-spacing: 0.2px;
    line-height: 1;
}

.wpil-mfb-tier-num.is-current {
    font-weight: 800;
    color: #6E1A36;
}

.wpil-mfb-next-reward {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #F6EDE2;
    border-radius: 10px;
    padding: 8px 10px;
}

.wpil-mfb-next-lbl {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: #8A6B73;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}

.wpil-mfb-next-val {
    font-size: 12px;
    font-weight: 700;
    color: #6E1A36;
}

/* Wallet button */
.wpil-mfb-wallet {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    background: #fff;
    border: 1px solid #EADFD3;
    border-left: 4px solid #F5C518;
    border-radius: 14px;
    padding: 12px 14px;
    margin-bottom: 8px;
    text-decoration: none;
    box-shadow: 0 2px 6px -3px rgba(110,26,54,0.15);
    box-sizing: border-box;
    transition: background 0.14s;
}

.wpil-mfb-wallet:hover {
    background: #FBF5EE;
}

.wpil-mfb-wallet-icon {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: linear-gradient(135deg, #F5C518 0%, #E5A800 100%);
    display: grid;
    place-items: center;
    box-shadow: inset 0 -2px 4px rgba(0,0,0,0.08);
    flex-shrink: 0;
}

.wpil-mfb-wallet-body {
    flex: 1;
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.wpil-mfb-wallet-label {
    font-size: 11px;
    font-weight: 700;
    color: #8A6B73;
    letter-spacing: 0.5px;
    text-transform: uppercase;
}

.wpil-mfb-wallet-sub {
    font-size: 13px;
    font-weight: 600;
    color: #4B2030;
}

.wpil-mfb-wallet-amount {
    display: flex;
    align-items: baseline;
    gap: 3px;
    color: #6E1A36;
    flex-shrink: 0;
}

.wpil-mfb-amount-val {
    font-size: 22px;
    font-weight: 800;
    line-height: 1;
}

.wpil-mfb-amount-unit {
    font-size: 12px;
    font-weight: 700;
}

/* ── My Account + Mini Cart — icon only + tooltip (desktop) ── */
@media (min-width: 1200px) {
    /* Hide text labels */
    .wpil-my-account span {
        display: none;
    }
    .wpil-cart-text {
        display: none !important;
    }

    /* Shared tooltip base */
    .wpil-my-account::after,
    .wpil-mini-cart-wrapper::after {
        position: absolute;
        top: calc(100% + 10px);
        left: 50%;
        transform: translateX(-50%);
        background: linear-gradient(135deg, #7B1535 0%, #5c0f27 100%);
        color: #fff;
        padding: 8px 14px;
        border-radius: 8px;
        box-shadow: 0 4px 15px rgba(123, 21, 53, 0.3);
        white-space: nowrap;
        font-size: 13px;
        font-weight: 500;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        z-index: 1001;
        pointer-events: none;
    }

    /* Shared arrow */
    .wpil-my-account::before,
    .wpil-mini-cart-wrapper::before {
        content: '';
        position: absolute;
        top: calc(100% + 4px);
        left: 50%;
        transform: translateX(-50%);
        border: 6px solid transparent;
        border-bottom-color: #7B1535;
        opacity: 0;
        visibility: hidden;
        transition: opacity 0.3s ease, visibility 0.3s ease;
        z-index: 1002;
        pointer-events: none;
    }

    /* My Account */
    .wpil-my-account {
        position: relative;
    }
    .wpil-my-account::after {
        content: 'Contul meu';
    }
    .wpil-my-account:hover::after,
    .wpil-my-account:hover::before {
        opacity: 1;
        visibility: visible;
    }

    /* Mini Cart */
    .wpil-mini-cart-wrapper {
        position: relative;
    }
    .wpil-mini-cart-wrapper::after {
        content: 'Coșul meu';
    }
    .wpil-mini-cart-wrapper:hover::after,
    .wpil-mini-cart-wrapper:hover::before {
        opacity: 1;
        visibility: visible;
    }
    .wpil-mini-cart-wrapper.open::after,
    .wpil-mini-cart-wrapper.open::before {
        opacity: 0 !important;
        visibility: hidden !important;
    }
}