/* =========================================================
   SICON GREEN - FINAL HOME HEADER FIX
   Exact structure used in index.php
========================================================= */

/* TOP CONTACT BAR */
.top-bar{
    width:100% !important;
    height:42px !important;
    min-height:42px !important;
    margin:0 !important;
    padding:0 !important;
    background:#0b4b32 !important;
    color:#fff !important;
    overflow:hidden !important;
}

.top-container{
    width:100% !important;
    max-width:none !important;
    height:42px !important;
    margin:0 !important;
    padding:0 45px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
}

.contact-marquee{
    flex:1 1 auto !important;
    min-width:0 !important;
    height:42px !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:center !important;
}

.contact-track{
    display:inline-flex !important;
    align-items:center !important;
    gap:60px !important;
    min-width:max-content !important;
    white-space:nowrap !important;
    font-size:13px !important;
    font-weight:600 !important;
    color:#fff !important;
    animation:siconContactScroll 22s linear infinite !important;
}

.contact-track span{
    display:inline-flex !important;
    align-items:center !important;
    height:42px !important;
    white-space:nowrap !important;
}

@keyframes siconContactScroll{
    from{transform:translateX(100vw);}
    to{transform:translateX(-100%);}
}

.social-icons{
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:28px !important;
    height:42px !important;
    margin:0 0 0 25px !important;
    padding:0 !important;
    background:#0b4b32 !important;
    color:#fff !important;
    font-size:13px !important;
    font-weight:700 !important;
    white-space:nowrap !important;
}

/* COMPLETE HEADER - TWO REAL ROWS */
.header{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
    border-bottom:1px solid #dfe4e8 !important;
    position:relative !important;
    z-index:1000 !important;
    overflow:visible !important;
}

/* Row 1 */
.header-main-row{
    width:100% !important;
    min-height:86px !important;
    padding:8px 40px !important;
    display:flex !important;
    align-items:center !important;
    gap:38px !important;
    background:#fff !important;
}

.header-main-row .logo{
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
}

.header-main-row .logo img{
    width:300px !important;
    max-width:300px !important;
    max-height:70px !important;
    height:auto !important;
    display:block !important;
    object-fit:contain !important;
}

/* Search */
.header-main-row .header-search{
    flex:1 1 auto !important;
    min-width:200px !important;
    max-width:665px !important;
    height:50px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    border:1px solid #c8d0d6 !important;
    border-radius:8px !important;
    overflow:hidden !important;
    background:#fff !important;
}

.header-main-row .header-search input{
    flex:1 1 auto !important;
    width:100% !important;
    height:48px !important;
    min-width:0 !important;
    border:0 !important;
    outline:0 !important;
    padding:0 18px !important;
    background:#fff !important;
    color:#263849 !important;
    font-size:15px !important;
}

.header-main-row .header-search button{
    flex:0 0 58px !important;
    width:58px !important;
    height:50px !important;
    border:0 !important;
    border-radius:0 !important;
    margin:0 !important;
    padding:0 !important;
    cursor:pointer !important;
    background:#0b4b32 !important;
    color:#fff !important;
    font-size:27px !important;
    line-height:1 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

/* Login / Wishlist / Cart */
.header-main-row .header-actions{
    flex:0 0 auto !important;
    margin-left:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:25px !important;
    white-space:nowrap !important;
}

.header-main-row .header-action{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    gap:7px !important;
    color:#23364a !important;
    font-size:16px !important;
    font-weight:600 !important;
    text-decoration:none !important;
}

.header-main-row .header-action svg{
    width:21px !important;
    height:21px !important;
    fill:currentColor !important;
    stroke:none !important;
    display:block !important;
}

.header-main-row .header-action:hover{
    color:#087044 !important;
}

.header-main-row .action-count,
.header-main-row .cart-count{
    position:absolute !important;
    top:-12px !important;
    left:15px !important;
    min-width:19px !important;
    height:19px !important;
    padding:0 4px !important;
    border-radius:50% !important;
    background:#146342 !important;
    color:#fff !important;
    font-size:11px !important;
    line-height:19px !important;
    text-align:center !important;
}

/* Row 2 - NAVIGATION ONLY */
.header-nav-row{
    width:100% !important;
    height:58px !important;
    min-height:58px !important;
    margin:0 !important;
    padding:0 40px !important;
    display:flex !important;
    align-items:center !important;
    background:#fff !important;
    border-top:1px solid #edf0f2 !important;
}

.header-nav-row .navbar{
    width:auto !important;
    height:58px !important;
    margin:0 !important;
    padding:0 !important;
    display:flex !important;
    flex-direction:row !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:40px !important;
}

.header-nav-row .navbar > a{
    height:58px !important;
    margin:0 !important;
    padding:0 !important;
    display:inline-flex !important;
    align-items:center !important;
    color:#263849 !important;
    font-size:16px !important;
    font-weight:600 !important;
    white-space:nowrap !important;
    text-decoration:none !important;
    position:relative !important;
}

.header-nav-row .navbar > a:hover,
.header-nav-row .navbar > a.active{
    color:#087044 !important;
}

.header-nav-row .navbar > a.active::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    height:3px !important;
    background:#087044 !important;
}

.header-nav-row .products-direct span{
    margin-left:4px !important;
    font-size:12px !important;
}

/* IMPORTANT: Home page has NO products popup */
.header .mega-menu,
.header .products-menu{
    display:none !important;
}

/* Hero always starts BELOW the complete header */
.home-slider{
    position:relative !important;
    z-index:1 !important;
    clear:both !important;
    margin-top:0 !important;
}

@media(max-width:1100px){
    .header-main-row{
        padding:8px 24px !important;
        gap:22px !important;
    }
    .header-main-row .logo img{
        width:240px !important;
        max-width:240px !important;
    }
    .header-main-row .header-actions{
        gap:16px !important;
    }
    .header-nav-row{
        padding:0 24px !important;
    }
}

@media(max-width:850px){
    .header-main-row{
        flex-wrap:wrap !important;
        padding:10px 18px !important;
    }
    .header-main-row .header-search{
        order:3 !important;
        flex:1 0 100% !important;
        max-width:none !important;
    }
    .header-nav-row{
        padding:0 18px !important;
        overflow-x:auto !important;
    }
    .header-nav-row .navbar{
        gap:26px !important;
    }
}

@media(max-width:600px){
    .top-container{
        padding:0 15px !important;
    }
    .social-icons{
        display:none !important;
    }
    .contact-track{
        gap:35px !important;
        font-size:12px !important;
    }
    .header-main-row .logo img{
        width:200px !important;
        max-width:200px !important;
    }
    .header-main-row .header-actions{
        gap:12px !important;
    }
    .header-main-row .header-action{
        font-size:13px !important;
    }
    .header-main-row .header-action svg{
        width:18px !important;
        height:18px !important;
    }
    .header-nav-row .navbar{
        gap:22px !important;
    }
}


/* =========================================================
   FINAL STANDARD LOGO FOR ALL PAGES
   Home-page symbol + Product-page SICON GREEN wordmark
========================================================= */
.header-main-row .logo{
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    gap:10px !important;
    text-decoration:none !important;
    min-width:255px !important;
}
.header-main-row .logo .logo-symbol{
    width:64px !important;
    height:64px !important;
    max-width:64px !important;
    max-height:64px !important;
    object-fit:contain !important;
    display:block !important;
}
.header-main-row .logo .logo-wordmark{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    line-height:1 !important;
    white-space:nowrap !important;
}
.header-main-row .logo .logo-wordmark strong{
    color:#23364a !important;
    font-size:28px !important;
    font-weight:800 !important;
    letter-spacing:.3px !important;
    line-height:1.05 !important;
}
.header-main-row .logo .logo-wordmark strong em{
    color:#17683f !important;
    font-style:normal !important;
}
.header-main-row .logo .logo-wordmark small{
    margin-top:5px !important;
    color:#17683f !important;
    font-size:10px !important;
    font-weight:700 !important;
    letter-spacing:.1px !important;
}
@media(max-width:600px){
    .header-main-row .logo{min-width:0 !important;gap:7px !important;}
    .header-main-row .logo .logo-symbol{width:52px !important;height:52px !important;}
    .header-main-row .logo .logo-wordmark strong{font-size:21px !important;}
    .header-main-row .logo .logo-wordmark small{font-size:8px !important;}
}


/* =========================================================
   FINAL LOGO STANDARD - ALL PAGES
   Home symbol + Product-style SICON GREEN wordmark
========================================================= */
.header-main-row .logo{
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    min-width:285px !important;
    text-decoration:none !important;
}

.header-main-row .logo img.logo-symbol{
    width:64px !important;
    height:64px !important;
    min-width:64px !important;
    max-width:64px !important;
    max-height:64px !important;
    object-fit:contain !important;
    display:block !important;
}

.header-main-row .logo .logo-wordmark{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    line-height:1 !important;
    white-space:nowrap !important;
}

.header-main-row .logo .logo-wordmark strong{
    display:block !important;
    color:#23364a !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:28px !important;
    font-weight:800 !important;
    letter-spacing:.4px !important;
    line-height:1.05 !important;
}

.header-main-row .logo .logo-wordmark strong em{
    color:#17683f !important;
    font-style:normal !important;
}

.header-main-row .logo .logo-wordmark small{
    display:block !important;
    margin-top:5px !important;
    color:#17683f !important;
    font-family:Arial, Helvetica, sans-serif !important;
    font-size:10px !important;
    font-weight:700 !important;
    letter-spacing:.1px !important;
}

/* Prevent the old generic 300px logo rule from enlarging only the symbol. */
.header-main-row .logo > img.logo-symbol{
    width:64px !important;
    height:64px !important;
}

@media(max-width:600px){
    .header-main-row .logo{
        min-width:0 !important;
        gap:8px !important;
    }
    .header-main-row .logo img.logo-symbol{
        width:52px !important;
        height:52px !important;
        min-width:52px !important;
    }
    .header-main-row .logo .logo-wordmark strong{
        font-size:22px !important;
    }
    .header-main-row .logo .logo-wordmark small{
        font-size:8px !important;
    }
}


/* =========================================================
   FONT STANDARD - SAME HEADER FONT ON EVERY PAGE
   This only normalizes typography. Layout/design is unchanged.
========================================================= */
.top-bar,
.top-bar *,
.header,
.header *,
.header-main-row,
.header-main-row *,
.header-nav-row,
.header-nav-row *,
.navbar,
.navbar *,
.header-search input,
.header-search button,
.header-action,
.contact-track,
.social-icons{
    font-family:Arial, Helvetica, sans-serif !important;
}

/* =========================================================
   FINAL DESKTOP WIDTH FIX - NO RIGHT SIDE CROP
   Applies equally to Home, Products, About and Contact.
   Existing design/font/logo are unchanged.
========================================================= */
html, body{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    overflow-x:hidden !important;
}

.header,
.top-bar{
    width:100% !important;
    max-width:100% !important;
}

.header-main-row{
    min-width:0 !important;
}

.header-main-row .logo,
.header-main-row .header-search,
.header-main-row .header-actions{
    min-width:0 !important;
}

/* Normal desktop: keep all header items inside viewport. */
@media (min-width:851px) and (max-width:1450px){
    .top-container{
        padding-left:24px !important;
        padding-right:24px !important;
    }

    .header-main-row{
        padding-left:24px !important;
        padding-right:24px !important;
        gap:22px !important;
    }

    .header-main-row .logo{
        min-width:270px !important;
        flex:0 0 270px !important;
    }

    .header-main-row .header-search{
        flex:1 1 auto !important;
        width:auto !important;
        min-width:180px !important;
        max-width:none !important;
    }

    .header-main-row .header-actions{
        margin-left:0 !important;
        flex:0 0 auto !important;
        gap:18px !important;
    }

    .header-nav-row{
        padding-left:24px !important;
        padding-right:24px !important;
    }
}

/* Narrow desktop / laptop: allow search to take only available space,
   without pushing Login, Wishlist or Cart outside the screen. */
@media (min-width:851px) and (max-width:1180px){
    .header-main-row{
        gap:14px !important;
        padding-left:18px !important;
        padding-right:18px !important;
    }

    .header-main-row .logo{
        flex:0 0 245px !important;
        min-width:245px !important;
        gap:8px !important;
    }

    .header-main-row .logo .logo-symbol{
        width:56px !important;
        height:56px !important;
        min-width:56px !important;
    }

    .header-main-row .logo .logo-wordmark strong{
        font-size:24px !important;
    }

    .header-main-row .header-actions{
        gap:12px !important;
    }

    .header-main-row .header-action{
        font-size:15px !important;
        gap:5px !important;
    }
}

/* Guarantee page content never creates horizontal crop. */
.simple-page,
.main,
.products-layout,
.products-column,
.category-column,
.quote-column{
    max-width:100% !important;
}

/* =========================================================
   FINAL 1366px DESKTOP FIX
   Keep ALL 3 social icons and all header actions visible.
========================================================= */
html, body{
    overflow-x:hidden !important;
}

.top-bar{
    overflow:hidden !important;
}

.top-container{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    padding-left:24px !important;
    padding-right:24px !important;
    min-width:0 !important;
}

.contact-marquee{
    min-width:0 !important;
    flex:1 1 auto !important;
}

.social-icons{
    flex:0 0 118px !important;
    width:118px !important;
    min-width:118px !important;
    margin-left:18px !important;
    gap:24px !important;
    justify-content:flex-end !important;
    overflow:visible !important;
}

.social-icons span{
    display:inline-flex !important;
    flex:0 0 auto !important;
    visibility:visible !important;
}

/* Header row: use only available viewport width, never push Cart outside. */
.header-main-row{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    padding:8px 24px !important;
    gap:20px !important;
    overflow:hidden !important;
}

.header-main-row .logo{
    flex:0 0 270px !important;
    width:270px !important;
    min-width:0 !important;
    overflow:hidden !important;
}

.header-main-row .header-search{
    flex:1 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    max-width:none !important;
}

.header-main-row .header-actions{
    flex:0 0 auto !important;
    min-width:0 !important;
    margin-left:0 !important;
    gap:18px !important;
}

.header-nav-row{
    box-sizing:border-box !important;
    width:100% !important;
    max-width:100% !important;
    padding-left:24px !important;
    padding-right:24px !important;
}

/* 1366px and smaller desktop/laptop */
@media (min-width:851px) and (max-width:1400px){
    .top-container{
        padding-left:20px !important;
        padding-right:20px !important;
    }

    .social-icons{
        flex-basis:110px !important;
        width:110px !important;
        min-width:110px !important;
        gap:20px !important;
        margin-left:14px !important;
    }

    .header-main-row{
        padding-left:20px !important;
        padding-right:20px !important;
        gap:16px !important;
    }

    .header-main-row .logo{
        flex-basis:280px !important;
        width:280px !important;
    }

    .header-main-row .header-search{
        min-width:0 !important;
    }

    .header-main-row .header-actions{
        gap:14px !important;
    }

    .header-main-row .header-action{
        font-size:15px !important;
        gap:5px !important;
    }

    .header-nav-row{
        padding-left:20px !important;
        padding-right:20px !important;
    }
}

@media (min-width:851px) and (max-width:1180px){
    .header-main-row .logo{
        flex-basis:245px !important;
        width:245px !important;
    }

    .header-main-row .header-actions{
        gap:10px !important;
    }

    .header-main-row .header-action{
        font-size:14px !important;
    }
}

/* =========================================================
   FINAL ALL-PAGES DESKTOP HEADER FIX
   Home / Products / About / Contact / Login / Register
   Search reduced so full SICON GREEN wordmark remains visible.
========================================================= */
html, body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
}
.header,
.top-bar,
.header-main-row,
.header-nav-row,
.top-container{
    box-sizing:border-box !important;
    max-width:100% !important;
}

.top-container{
    padding:0 30px !important;
    overflow:hidden !important;
}
.social-icons{
    flex:0 0 auto !important;
    min-width:max-content !important;
    gap:24px !important;
    margin-left:18px !important;
}
.social-icons span{
    display:inline-block !important;
    white-space:nowrap !important;
}

.header-main-row{
    width:100% !important;
    min-width:0 !important;
    padding:8px 28px !important;
    gap:22px !important;
    overflow:hidden !important;
}

/* Full logo: symbol + complete SICON GREEN text */
.header-main-row .logo{
    flex:0 1 280px !important;
    width:280px !important;
    min-width:0 !important;
    max-width:280px !important;
    gap:10px !important;
    overflow:visible !important;
}
.header-main-row .logo .logo-symbol,
.header-main-row .logo > img.logo-symbol{
    flex:0 0 60px !important;
    width:60px !important;
    height:60px !important;
    min-width:60px !important;
    max-width:60px !important;
    max-height:60px !important;
}
.header-main-row .logo .logo-wordmark{
    flex:1 1 auto !important;
    min-width:0 !important;
    overflow:visible !important;
}
.header-main-row .logo .logo-wordmark strong{
    font-size:27px !important;
    letter-spacing:.2px !important;
    white-space:nowrap !important;
}

/* Smaller search box so logo and right actions never crop */
.header-main-row .header-search{
    flex:1 1 360px !important;
    min-width:180px !important;
    max-width:600px !important;
    width:auto !important;
    margin:0 !important;
}

/* Keep Login / Wishlist / Cart inside the viewport */
.header-main-row .header-actions{
    flex:0 0 auto !important;
    min-width:0 !important;
    margin-left:0 !important;
    gap:18px !important;
}
.header-main-row .header-action{
    font-size:16px !important;
    flex:0 0 auto !important;
}

.header-nav-row{
    padding:0 28px !important;
    overflow:hidden !important;
}

@media (max-width:1200px){
    .header-main-row{
        padding:8px 20px !important;
        gap:16px !important;
    }
    .header-main-row .logo{
        flex-basis:250px !important;
        width:250px !important;
        max-width:250px !important;
    }
    .header-main-row .logo .logo-wordmark strong{
        font-size:24px !important;
    }
    .header-main-row .header-search{
        max-width:540px !important;
    }
    .header-main-row .header-actions{
        gap:13px !important;
    }
    .header-nav-row{
        padding:0 20px !important;
    }
}

@media (max-width:900px){
    .header-main-row{
        flex-wrap:wrap !important;
        overflow:visible !important;
    }
    .header-main-row .header-search{
        order:3 !important;
        flex:1 1 100% !important;
        width:100% !important;
        max-width:none !important;
    }
    .header-main-row .logo{
        flex:0 1 auto !important;
        width:auto !important;
        max-width:none !important;
    }
}

@media (max-width:600px){
    .top-container{ padding:0 15px !important; }
    .header-main-row{ padding:10px 15px !important; }
    .header-nav-row{ padding:0 15px !important; overflow-x:auto !important; }
    .header-main-row .logo .logo-symbol,
    .header-main-row .logo > img.logo-symbol{
        flex-basis:52px !important;
        width:52px !important;
        height:52px !important;
        min-width:52px !important;
    }
}

/* =========================================
   USER PROFILE / LOGOUT POPUP
   ========================================= */
.header-main-row{
    position:relative !important;
    z-index:20000 !important;
    overflow:visible !important;
}
.header-nav-row{
    position:relative !important;
    z-index:10 !important;
}
.header-main-row .header-actions{
    position:relative !important;
    overflow:visible !important;
    z-index:20001 !important;
}
.user-menu{
    position:relative !important;
    display:inline-flex !important;
    align-items:center !important;
    z-index:20002 !important;
}
.user-menu-toggle{
    border:0 !important;
    background:transparent !important;
    padding:0 !important;
    cursor:pointer !important;
    font-family:inherit !important;
}
.user-caret{
    font-size:13px !important;
    margin-left:3px !important;
}
.user-dropdown{
    position:absolute !important;
    top:calc(100% + 14px) !important;
    right:0 !important;
    min-width:150px !important;
    padding:7px !important;
    background:#fff !important;
    border:1px solid #dfe5e1 !important;
    border-radius:10px !important;
    box-shadow:0 12px 30px rgba(0,0,0,.16) !important;
    display:none !important;
    z-index:999999 !important;
}
.user-menu.open .user-dropdown{
    display:block !important;
}
.user-dropdown a{
    display:block !important;
    padding:10px 13px !important;
    border-radius:7px !important;
    color:#263849 !important;
    text-decoration:none !important;
    font-size:14px !important;
    font-weight:600 !important;
}
.user-dropdown a:hover{
    background:#eef7f1 !important;
    color:#087044 !important;
}
.user-dropdown .logout-option{
    color:#b42318 !important;
}
.user-dropdown .logout-option:hover{
    background:#fff1f0 !important;
    color:#b42318 !important;
}


/* FINAL USER DROPDOWN FIX - works with mouse, keyboard and page stacking */
.header{overflow:visible !important;}
.header-main-row{position:relative !important; z-index:50000 !important; overflow:visible !important;}
.header-nav-row{position:relative !important; z-index:1 !important; overflow:visible !important;}
.header-main-row .header-actions{position:relative !important; z-index:50001 !important; overflow:visible !important;}
.user-menu{position:relative !important; z-index:50002 !important; overflow:visible !important;}
.user-menu-toggle{position:relative !important; z-index:50003 !important;}
.user-dropdown{z-index:2147483647 !important; pointer-events:auto !important;}
.user-menu.open .user-dropdown,
.user-menu:focus-within .user-dropdown{display:block !important;}


/* MY ACCOUNT POPUP - customer account menu */
.user-dropdown.account-popup{
    width:240px !important;
    min-width:240px !important;
    padding:8px !important;
    top:calc(100% + 10px) !important;
    right:0 !important;
    border:1px solid #dfe7e2 !important;
    border-radius:11px !important;
    background:#fff !important;
    box-shadow:0 12px 28px rgba(11,75,50,.15) !important;
    color:#0b3450 !important;
}
.account-popup .account-item,
.account-popup .account-subitem,
.account-popup .account-heading{
    width:100% !important;
    box-sizing:border-box !important;
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    min-height:39px !important;
    padding:8px 12px !important;
    border-radius:8px !important;
    text-decoration:none !important;
    font-family:inherit !important;
    font-size:14px !important;
    font-weight:600 !important;
    line-height:1.2 !important;
    color:#12364d !important;
}
.account-popup .account-active{
    background:#eef8f2 !important;
    color:#0b4b32 !important;
}
.account-popup .account-item:hover,
.account-popup .account-subitem:hover{
    background:#eef8f2 !important;
    color:#0b4b32 !important;
}
.account-popup .account-heading{
    min-height:38px !important;
    color:#12364d !important;
    cursor:default !important;
}
.account-popup .account-subitem{
    margin-left:27px !important;
    width:calc(100% - 27px) !important;
    min-height:37px !important;
    padding-left:12px !important;
    border-left:1px solid #d9e4df !important;
    border-radius:0 7px 7px 0 !important;
}
.account-popup .account-divider{
    height:1px !important;
    margin:5px 8px !important;
    background:#e5ebe8 !important;
}
.account-popup .account-icon{
    flex:0 0 18px !important;
    width:18px !important;
    text-align:center !important;
    color:#0b4b32 !important;
    font-size:17px !important;
    font-weight:700 !important;
}
.account-popup .logout-option,
.account-popup .logout-option .account-icon{
    color:#c21f16 !important;
}
.account-popup .logout-option:hover{
    background:#fff1ef !important;
    color:#c21f16 !important;
}

/* MOBILE ACCOUNT POPUP ONLY - desktop styles remain unchanged */
@media (max-width:600px){
 .user-menu .user-dropdown.account-popup{position:fixed !important; width:240px !important; min-width:240px !important; max-width:calc(100vw - 20px) !important; top:0 !important; left:0 !important; right:auto !important; z-index:2147483647 !important;}
 .user-menu:not(.open) .user-dropdown.account-popup{display:none !important;}
}