/* ============================================================
   THEME CLAIR — Les Jardins Enchantes
   Fond photo "Suite romantique baignee de lumiere doree" + habillage lumineux
   Applique a toutes les pages via cart.js
   ============================================================ */

/* ---------- FOND GENERAL ---------- */
html{background-color:#f8f1e6}
body{
  background-color:#f8f1e6!important;
  background-image:linear-gradient(180deg,rgba(255,251,244,.52) 0%,rgba(255,248,238,.42) 30%,rgba(255,247,235,.52) 65%,rgba(255,251,245,.66) 100%),url("/Suite%20romantique%20baign%C3%A9e%20de%20lumi%C3%A8re%20dor%C3%A9e.webp")!important;
  background-repeat:no-repeat,no-repeat!important;
  background-size:cover,cover!important;
  background-position:center center,center top!important;
  background-attachment:fixed,fixed!important;
  color:#4a3428!important;
}

/* ---------- HEADER / NAV / PANIER ---------- */
/* Ivoire couture (13/08/2026) : bandeau ivoire chaud + double filet or */
.lux-header{position:relative!important;background:linear-gradient(180deg,#fffdf9 0%,#fdf6ea 100%)!important;border-bottom:1px solid rgba(180,136,67,.55)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 30px rgba(120,80,40,.10)!important}
.lux-header::after{content:""!important;position:absolute!important;left:50px;right:50px;bottom:3px;height:1px;background:linear-gradient(90deg,transparent,rgba(180,136,67,.55),transparent);pointer-events:none}
.lux-cart{border-radius:2px!important}
.cat-nav__link,.categories-nav a{color:#8a6830!important;border-color:rgba(180,136,67,.35)!important}
.cat-nav__link:hover,.cat-nav__link--active,.categories-nav a:hover,.categories-nav a.active{color:#fffaf0!important;background:linear-gradient(135deg,#c9a24a 0%,#a97c2f 100%)!important}
.categories-nav{background:rgba(255,250,243,.55)!important}
.lux-cart{color:#7b1e2b!important;border-color:rgba(180,136,67,.45)!important;background:rgba(255,255,255,.6)!important}
.lux-cart:hover{background:linear-gradient(135deg,#c9a24a 0%,#a97c2f 100%)!important;color:#fffaf0!important}
.lang-switch button,.lang-switch a{color:#8a6830!important;border-color:rgba(180,136,67,.4)!important}

/* ---------- ACCUEIL ---------- */
.hero{background-image:none!important;background-color:transparent!important}
.hero-bg{background:radial-gradient(ellipse at 50% 40%,rgba(255,246,228,.35) 0%,transparent 65%)!important}
.hero-bg::after{opacity:.25}
.hero-kicker{color:#805a20!important}
.hero-h1-text{color:#8a5a1f!important}
.hero-title,.hero-title em,.hero-baseline{color:#7b1e2b!important}
.hero-desc{color:#5a4436!important}
.hero-badges span{color:#6b503a!important;border-color:rgba(180,136,67,.4)!important}
.hero-divider{color:#b48843!important}
.hero-divider span{background:linear-gradient(90deg,transparent,#b48843)!important}
.hero-cta{background:linear-gradient(135deg,#7b1e2b 0%,#5e1622 100%)!important;color:#f8e7c8!important;border-color:#7b1e2b!important;text-shadow:none!important}
.cat-section__title,.seo-intro__title{color:#7b1e2b!important}
.seo-intro__text,.seo-bottom,.seo-bottom p,.seo-bottom li,.seo-bottom h2{color:#4f3b2c!important}
.seo-intro strong,.seo-bottom strong{color:#7b1e2b!important}
.product-grid article{background:rgba(255,252,246,.86)!important;border:1px solid rgba(180,136,67,.35)!important;box-shadow:0 8px 30px rgba(120,80,40,.12)!important}
.product-grid article:hover{box-shadow:0 14px 40px rgba(120,80,40,.20)!important;border-color:rgba(180,136,67,.6)!important}
.product-grid article h3{color:#4a3428!important}
.product-grid article strong{color:#7b1e2b!important}
.product-grid article button{background:rgba(255,255,255,.75)!important;color:#8a6830!important;border:1px solid rgba(180,136,67,.55)!important}
.product-grid article button:hover{background:linear-gradient(135deg,#c9a24a 0%,#a97c2f 100%)!important;color:#fffaf0!important}

/* ---------- FICHES PRODUIT ---------- */
.product-page{color:#4a3428!important}
.product-page .product-container{background:rgba(255,252,246,.80)!important;border:1px solid rgba(180,136,67,.30)!important;border-radius:14px;box-shadow:0 8px 30px rgba(120,80,40,.10)!important}
.product-page .product-title{color:#7b1e2b!important}
.product-page .product-subtitle{color:#6b503a!important}
.product-page .product-price{color:#7b1e2b!important}
.product-page .section-title{color:#805a20!important}
.product-page .product-description,.product-page .product-list,.product-page .product-list li,.product-page .cta-block p{color:#4f3b2c!important}
.product-page .product-description strong,.product-page .cta-block p strong{color:#7b1e2b!important}
.product-page .separator{border-top:1px solid rgba(180,136,67,.35)!important}
.product-page .add-to-cart{color:#7b1e2b!important;border:1px solid rgba(123,30,43,.45)!important;background:rgba(255,255,255,.75)!important}
.product-page .add-to-cart:hover{background:linear-gradient(135deg,#7b1e2b 0%,#5e1622 100%)!important;color:#f8e7c8!important}
.product-page .cta-block{background:rgba(255,252,246,.80)!important;border-left:3px solid #b48843!important}
.product-page .cta-block .cta-btn{color:#7b1e2b!important;border-color:rgba(123,30,43,.45)!important}
.product-page .cta-block .cta-btn:hover{background:linear-gradient(135deg,#7b1e2b 0%,#5e1622 100%)!important;color:#f8e7c8!important}
.product-page .badge-naturel{color:#805a20!important;border:1px solid #b48843!important;background:rgba(255,255,255,.6)!important}
.product-page .ingredient-item{background:rgba(76,175,80,.10)!important;border:1px solid rgba(56,142,60,.35)!important;color:#2e5b31!important}
.product-page .ingredient-item strong{color:#2e7d32!important}
.product-page .sans-badge{background:rgba(198,40,40,.08)!important;border:1px solid rgba(198,40,40,.35)!important;color:#a02725!important}
.related-products h2,.related-products h3{color:#7b1e2b!important}
.related-products article{background:rgba(255,252,246,.86)!important;border:1px solid rgba(180,136,67,.35)!important}

/* ---------- BLOG ---------- */
.blog-article,.blog-list{color:#4a3428!important}
.blog-article{background:rgba(255,252,246,.78)!important;border:1px solid rgba(180,136,67,.28)!important;border-radius:14px}
.blog-article h1,.blog-list h1{color:#7b1e2b!important}
.blog-article h2{color:#7b1e2b!important;border-bottom:1px solid rgba(180,136,67,.35)!important}
.blog-article h3,.blog-faq-q{color:#805a20!important}
.blog-article p,.blog-article li{color:#4f3b2c!important}
.blog-article strong{color:#7b1e2b!important}
.blog-article a,.blog-back,.blog-card__tag,.blog-card__more{color:#8a6830!important}
.blog-meta,.blog-list__intro,.blog-card__desc{color:#6b503a!important}
.blog-warning{background:rgba(198,40,40,.09)!important;border-left:4px solid #a83c2f!important}
.blog-warning strong{color:#8f2b1f!important}
.blog-cta{background:linear-gradient(135deg,#7b1e2b 0%,#5e1622 100%)!important;color:#f8e7c8!important}
.blog-card{background:rgba(255,252,246,.86)!important;border:1px solid rgba(180,136,67,.35)!important}
.blog-card:hover{border-color:rgba(180,136,67,.65)!important}
.blog-card__title{color:#4a3428!important}

/* ---------- PAGES LEGALES ---------- */
.legal-page{color:#4a3428!important;background:rgba(255,252,246,.78)!important;border-radius:14px}
.legal-page h1,.legal-page h2{color:#7b1e2b!important}
.legal-page h2{border-bottom:1px solid rgba(180,136,67,.35)!important}
.legal-page h3,.legal-page strong{color:#805a20!important}
.legal-page .legal-subtitle{color:#6b503a!important}
.legal-page p,.legal-page li{color:#4f3b2c!important}
.legal-page a{color:#8a6830!important;border-bottom:1px solid rgba(180,136,67,.4)!important}
.legal-page a:hover{color:#7b1e2b!important;border-bottom-color:#7b1e2b!important}
.legal-page .legal-meta{color:#6b503a!important;border-top:1px solid rgba(180,136,67,.25)!important}
.legal-callout{background:rgba(255,250,240,.85)!important;border-left:3px solid #b48843!important}
.legal-callout p{color:#4f3b2c!important}

/* ---------- FOOTER ---------- */
.footer{background:rgba(255,250,243,.85)!important;border-top:1px solid rgba(180,136,67,.35)!important;color:#5a4436!important}
.footer a{color:#8a6830!important}

/* ---------- MOBILE ---------- */
@media(max-width:900px){body{background-attachment:scroll,scroll!important}}


/* ---------- MOBILE LUXE (12/08/2026) — meme rendu que le PC ----------
   Aucun changement de mise en page : uniquement palette + picto panier.
   Le header mobile avait ete dessine pour un fond sombre ; il est ici
   aligne sur le theme clair dore du PC. */
@media(max-width:560px){
  /* --- IVOIRE COUTURE (13/08/2026) : bandeau ivoire chaud + filets or fins --- */
  header.lux-header{
    position:relative!important;
    background:linear-gradient(180deg,#fffdf9 0%,#fdf6ea 100%)!important;
    border-bottom:1px solid rgba(180,136,67,.55)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 30px rgba(120,80,40,.10)!important;
    padding:12px 18px 15px!important;gap:12px!important;
  }
  /* Second filet or, fin et degrade : signature "maison de couture" */
  header.lux-header::after{
    content:""!important;position:absolute!important;left:18px;right:18px;bottom:3px;height:1px;
    background:linear-gradient(90deg,transparent,rgba(180,136,67,.55),transparent);pointer-events:none;
  }
  header.lux-header .header-logo-img{width:42px!important;height:42px!important;box-shadow:0 0 0 1px rgba(180,136,67,.6)!important}
  header.lux-header .lux-mbrand{color:#6f4a12!important;opacity:1!important;font-size:14px!important;letter-spacing:4px!important}
  header.lux-header .lux-mbrand small{color:#a97c2f!important;opacity:.9!important}

  header.lux-header .lux-mmenus{border:1px solid rgba(180,136,67,.42)!important;background:transparent!important;border-radius:2px!important;box-shadow:none!important}
  header.lux-header .lux-mmenus .nav-dd+.nav-dd{border-left:1px solid rgba(180,136,67,.42)!important}
  header.lux-header .lux-mmenus .dd__btn{color:#6f4a12!important;font-weight:600!important;font-size:11px!important;letter-spacing:2.4px!important;padding:12px 8px!important;border-radius:2px!important;text-shadow:none!important}
  header.lux-header .lux-mmenus .dd__btn:hover,header.lux-header .lux-mmenus .dd__btn[aria-expanded="true"]{background:linear-gradient(135deg,#c9a24a 0%,#a97c2f 100%)!important;color:#fffaf0!important}
  header.lux-header .lux-mmenus .dd__panel{background:#fffaf3!important;border:1px solid rgba(180,136,67,.35)!important;box-shadow:0 18px 40px rgba(120,80,40,.22)!important}
  header.lux-header .lux-mmenus .dd__item{color:#6b4f2a!important}

  /* Panier : picto dore dessine au lieu de l'emoji couleur du systeme */
  header.lux-header .lux-cart{background:transparent!important;border:1px solid rgba(180,136,67,.5)!important;width:42px!important;height:42px!important;box-shadow:none!important}
  header.lux-header .lux-cart::before{
    content:""!important;width:20px;height:20px;display:block;background-color:#6f4a12;
    -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='20' r='1.4'/><circle cx='18' cy='20' r='1.4'/><path d='M2.5 3h2.2l2.4 11.2a1.6 1.6 0 0 0 1.6 1.3h8.4a1.6 1.6 0 0 0 1.6-1.3L21 7H6'/></svg>") center/contain no-repeat;
    mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'><circle cx='9' cy='20' r='1.4'/><circle cx='18' cy='20' r='1.4'/><path d='M2.5 3h2.2l2.4 11.2a1.6 1.6 0 0 0 1.6 1.3h8.4a1.6 1.6 0 0 0 1.6-1.3L21 7H6'/></svg>") center/contain no-repeat;
  }
  header.lux-header .lux-cart #cartCount{background:linear-gradient(135deg,#c9a24a 0%,#a97c2f 100%)!important;color:#fffaf0!important;box-shadow:0 0 0 2px rgba(255,251,245,.9)!important}

  /* Bandeau cookies : flex:1 1 320px devenait une hauteur de 320px en colonne */
  .lje-cookie-bar{padding:14px 14px calc(14px + env(safe-area-inset-bottom))!important}
  .lje-cookie-inner{gap:12px!important}
  .lje-cookie-text{flex:0 0 auto!important;font-size:12px!important;line-height:1.5!important}
  .lje-cookie-btns{gap:10px!important}
  .lje-cookie-btns .lje-btn{padding:11px 14px!important;font-size:11px!important;letter-spacing:1.5px!important}
}

/* ---------- KICKER HERO (13/08/2026) : plus grand + remonte, centre entre le bandeau et le logo ---------- */
.hero-kicker{position:relative!important;font-size:14px!important;letter-spacing:3.5px!important;top:-73px!important}
@media(max-width:768px){.hero-kicker{font-size:12px!important;letter-spacing:3.4px!important;line-height:1.9!important;top:-60px!important}}
@media(max-width:560px){.hero-kicker{font-size:11.5px!important;letter-spacing:2.8px!important;top:-56px!important}}