/* === NAV BAR — fixed + auto-hide + responsive === */

/* FIXED — immune au body{overflow:hidden} d'Elementor */
.elementor-location-header,header.site-header,header[role="banner"]{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:9999!important;transition:opacity .3s ease,visibility .3s ease!important;will-change:opacity;opacity:1;visibility:visible}

/* Cachée au scroll down */
body.wc3dc-nav-hidden .elementor-location-header,body.wc3dc-nav-hidden header.site-header,body.wc3dc-nav-hidden header[role="banner"]{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

/* Compensation : padding-top sur body */
body{padding-top:var(--wc3dc-nav-h,125px)!important}

/* Admin bar offset */
body.admin-bar .elementor-location-header{top:32px!important}
@media(max-width:782px){body.admin-bar .elementor-location-header{top:46px!important}}

/* Drawer mobile ouvert */
body.wc3dc-menu-open .elementor-location-header{opacity:1!important;visibility:visible!important;pointer-events:auto!important}

/* iOS GPU */
@media(max-width:1024px){.elementor-location-header{-webkit-transform:translateZ(0);transform:translateZ(0)}}

/* Print */
@media print{.elementor-location-header{position:static!important;opacity:1!important;visibility:visible!important}body{padding-top:0!important}}

/* ============================================================
   === RESPONSIVE FIXES par taille (mobile/tablet uniquement)
   Le right-align mobile est géré par JavaScript (groupRightElements)
   ============================================================ */

/* === TABLET (≤ 1024px) === */
@media(max-width:1024px){
    .elementor-location-header img,.elementor-location-header .elementor-widget-theme-site-logo img,.elementor-location-header [class*="logo"] img{height:auto!important;max-height:36px!important;width:auto!important;max-width:160px!important;object-fit:contain!important}
    .elementor-location-header .user-box,.elementor-location-header a.user-box{padding:4px 12px 4px 4px!important;gap:8px!important}
    .elementor-location-header .user-box .username{font-size:11px!important;letter-spacing:1px!important}
    .elementor-menu-toggle{min-width:44px!important;min-height:44px!important}
}

/* === MOBILE (≤ 767px) === */
@media(max-width:767px){
    /* Hauteur confortable (au lieu de trop compact) */
    .elementor-location-header .e-con,.elementor-location-header .e-con-inner,.elementor-location-header .elementor-section,.elementor-location-header .elementor-container{padding-top:16px!important;padding-bottom:16px!important;padding-left:16px!important;padding-right:16px!important;min-height:0!important}
    .elementor-location-header>.elementor-element,.elementor-location-header .e-child{padding-top:6px!important;padding-bottom:6px!important}

    /* Logo compact */
    .elementor-location-header img,.elementor-location-header .elementor-widget-theme-site-logo img,.elementor-location-header [class*="logo"] img{max-height:28px!important;max-width:120px!important;height:auto!important;width:auto!important}

    /* Burger blanc */
    .elementor-menu-toggle{color:#fff!important;background:transparent!important;border:none!important;width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}
    .elementor-menu-toggle svg,.elementor-menu-toggle i{color:#fff!important;fill:#fff!important;width:24px!important;height:24px!important;font-size:22px!important}
    .elementor-menu-toggle:hover,.elementor-menu-toggle:focus{color:#ffd600!important}
    .elementor-menu-toggle:hover svg,.elementor-menu-toggle:hover i{color:#ffd600!important;fill:#ffd600!important}

    /* Panier agrandi */
    .elementor-location-header [class*="cart"] svg,.elementor-location-header [class*="cart"] i{width:28px!important;height:28px!important;font-size:24px!important}
    .elementor-location-header [class*="cart-count"],.elementor-location-header [class*="cart"] .count{font-size:11px!important;min-width:20px!important;min-height:20px!important;font-weight:900!important}

    /* Profile rond compact */
    .elementor-location-header .user-box,.elementor-location-header a.user-box{padding:0!important;width:38px!important;height:38px!important;min-width:38px!important;border-radius:50%!important;justify-content:center!important;overflow:hidden!important;gap:0!important}
    .elementor-location-header .user-box .username,.elementor-location-header a.user-box .username{display:none!important}
    .elementor-location-header .user-box .avatar-fallback,.elementor-location-header a.user-box .avatar-fallback{width:32px!important;height:32px!important;font-size:13px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important}

    /* Drawer mobile en blanc */
    .elementor-nav-menu--dropdown li a{color:#fff!important;font-weight:700!important}
    .elementor-nav-menu--dropdown li a:hover{color:#ffd600!important}
}

/* === PETIT MOBILE (≤ 380px) === */
@media(max-width:380px){
    .elementor-location-header img{max-height:26px!important;max-width:110px!important}
    .elementor-location-header .user-box{width:34px!important;height:34px!important;min-width:34px!important}
    .elementor-location-header .user-box .avatar-fallback{width:28px!important;height:28px!important;font-size:11px!important}
    .elementor-menu-toggle{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important}
}