/* Header : gradient et couleurs */
.site-header{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%)}
header nav a:not(.bg-white):not(.mobile-menu-item),
header nav button:not(.bg-white){color:#fff!important}
header nav a:not(.bg-white):not(.mobile-menu-item) span:not(.cart-count),
header nav a:not(.bg-white):not(.mobile-menu-item)>span{color:#fff!important}
header nav .text-white,header nav .text-white span{color:#fff!important}
header .bg-white\/20 span{color:#fff!important}
header nav{width:100%;overflow-x:hidden;overflow-y:visible}
header nav .container{max-width:100%}
@media(max-width:767px){
#mobile-menu-toggle,.md\:hidden a,.md\:hidden button{min-height:44px;min-width:44px;display:flex!important;align-items:center;justify-content:center}
header nav{padding-left:.5rem;padding-right:.5rem}
}
@media(max-width:375px){
header nav .flex.items-center.gap-2{gap:.25rem!important}
.md\:hidden.flex.items-center.gap-2{gap:.5rem!important}
}
@media(min-width:768px){
#desktop-menu{display:flex!important;visibility:visible!important;opacity:1!important}
#desktop-menu a,#desktop-menu button{display:inline-flex!important;visibility:visible!important;opacity:1!important}
header nav>div>div[class*="hidden"][class*="md:flex"],header nav>div>div.hidden.md\:flex{display:flex!important;visibility:visible!important;opacity:1!important}
header nav>div>div[class*="hidden"][class*="md:flex"] a,header nav>div>div.hidden.md\:flex a{display:inline-flex!important;visibility:visible!important;opacity:1!important}
}
#desktop-menu{flex-wrap:nowrap;overflow:visible;align-items:center;justify-content:flex-end;gap:.25rem;flex-shrink:0;min-width:0}
#desktop-menu a,#desktop-menu button{flex-shrink:0;display:inline-flex!important;align-items:center;gap:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(min-width:768px) and (max-width:1023px){
#desktop-menu{gap:.25rem!important;flex-wrap:nowrap!important}
#desktop-menu>a,#desktop-menu>button{padding:.5rem!important;min-width:auto;max-width:none}
#desktop-menu span.hidden.lg\:inline,#desktop-menu span.hidden.xl\:inline{display:none!important}
#desktop-menu a[href*="register"]{padding:.5rem .75rem!important}
#desktop-menu a[href*="register"] span.hidden.lg\:inline{display:none!important}
#desktop-menu a[href*="register"] span.lg\:hidden{display:inline!important}
#desktop-menu>*{position:relative;z-index:1}
}
@media(min-width:1024px) and (max-width:1279px){
#desktop-menu{gap:.375rem!important;flex-wrap:nowrap!important}
#desktop-menu>a,#desktop-menu>button{gap:.375rem;padding:.5rem .75rem}
#desktop-menu span.hidden.lg\:inline{display:inline!important}
#desktop-menu span.hidden.xl\:inline{display:none!important}
#desktop-menu>*{position:relative;z-index:1}
}
@media(min-width:1280px){
#desktop-menu{gap:.5rem!important;flex-wrap:nowrap!important}
#desktop-menu>a,#desktop-menu>button{gap:.5rem;padding:.5rem 1rem}
#desktop-menu span.hidden.lg\:inline,#desktop-menu span.hidden.xl\:inline{display:inline!important}
#desktop-menu a[href*="register"] span.lg\:hidden{display:none!important}
}
header nav .container{overflow-x:hidden;max-width:100%}
header nav .flex.justify-between{min-width:0;flex-wrap:nowrap;gap:.75rem}
header nav .header-left,header nav>div>div.flex.items-center.gap-2.md\:gap-3{min-width:0;overflow:hidden}
header nav .header-left>*:not(.bg-white\/20),header nav>div>div.flex.items-center.gap-2.md\:gap-3>*:not(.bg-white\/20){flex-shrink:0}
header nav .bg-white\/20{flex-shrink:0!important;min-width:4rem;max-width:12rem}
@media(min-width:768px) and (max-width:1023px){
header nav .bg-white\/20{min-width:3.5rem;max-width:6rem;padding-left:.375rem!important;padding-right:.375rem!important}
}
@media(min-width:1024px){
header nav .bg-white\/20{min-width:5rem;max-width:12rem}
}
#desktop-menu{flex-shrink:0!important}
#desktop-menu a[href*="register"]{background-color:#fbbf24!important;color:#0f172a!important;border-radius:.5rem;font-weight:600;box-shadow:0 2px 8px rgba(251,191,36,.4);transition:all .2s ease}
#desktop-menu a[href*="register"]:hover{background-color:#f59e0b!important;color:#0f172a!important;box-shadow:0 4px 12px rgba(245,158,11,.5)}
.nav-register-mobile{background-color:#fbbf24!important;color:#0f172a!important}
.nav-register-mobile,.nav-register-mobile span,.nav-register-mobile i{color:#0f172a!important}
#mobile-menu.hidden{display:none!important}
header.sticky{will-change:transform}
header nav .container{overflow:visible!important}
#desktop-menu{overflow:visible!important}
html{font-size-adjust:.52}
/* Footer */
.site-footer{background:linear-gradient(135deg,#2362B0 0%,#43A3DB 100%)}
footer,footer *{color:#fff!important}
footer a{color:#fff!important}
footer a:hover{color:#e0e7ff!important}
footer .text-white,footer .text-white\/90{color:#fff!important}
footer h2,footer h3,footer h4,footer p,footer li,footer span{color:#fff!important}
.footer-link{color:#fff!important}
/* Cookie banner (éviter styles inline) */
#cookie-consent-banner{background-color:#1e293b!important}
#cookie-consent-banner #cookie-banner-title{color:#fff!important}
#cookie-consent-banner #cookie-banner-desc{color:#f1f5f9!important}
#cookie-consent-banner .cookie-banner-link{color:#fcd34d!important}
#cookie-consent-banner .cookie-banner-btn{opacity:1!important}
/* Carousel accueil */
.carousel-advertisements-wrapper{aspect-ratio:3.2/1}
.carousel-advertisement-slide.carousel-slide-visible{display:block!important}
.carousel-advertisement-slide.carousel-slide-hidden{display:none!important}
.carousel-arrow-left,.carousel-arrow-right{display:none}
.carousel-arrow-visible{display:flex!important}
.carousel-products-wrapper{scrollbar-width:none;-ms-overflow-style:none}
.carousel-products-wrapper::-webkit-scrollbar{display:none}
/* En-tête pages légales */
.legal-page-header{background:linear-gradient(135deg,#1e40af 0%,#3b82f6 100%);padding:0.75rem 1rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px rgba(0,0,0,.1);width:100%;max-width:100%;box-sizing:border-box}
.legal-page-header .legal-page-header-inner{max-width:72rem;margin:0 auto;padding:0 1rem;width:100%;box-sizing:border-box}
.legal-page-header a{display:inline-flex;align-items:center;text-decoration:none}
.legal-page-header img{height:40px;width:auto;display:block}