/* =====================================================================
 *  Coup de Sac — THÈME (couleurs plus riches, permanent)
 *  Chargé APRÈS le style de chaque page → surcharge les variables.
 * ===================================================================== */
:root{
  --bg:#f7efe4;          /* crème chaud */
  --surface:#fffaf3;
  --ink:#1e1714;
  --muted:#7d7067;
  --line:rgba(30,23,20,.12);
  --accent:#8a2433;      /* bordeaux */
  --accent-d:#6a1a26;
  --gold:#b8893f;
  --blush:#f3dfd6;       /* rose poudré */
  --wine:#4a1019;
}
html,body{overflow-x:clip}
body{background:var(--bg)}
::selection{background:var(--accent);color:#fff}

/* ---- Boutons : CTA principal en bordeaux (se voit tout de suite) ---- */
.btn-solid,.btn-primary,.btn-add,.checkout,.om-btn,.cs-sticky button{background:var(--accent) !important;color:#fff !important;border-color:var(--accent) !important}
.btn-solid:hover,.btn-primary:hover,.btn-add:hover,.checkout:hover,.om-btn:hover:not(:disabled),.cs-sticky button:hover{background:var(--accent-d) !important}
.om-btn:disabled{background:#d9c9bf !important;border-color:#d9c9bf !important}
.btn-outline{border-color:var(--ink)}
.btn-outline:hover{background:var(--ink);color:#fff}
.btn-buy{border-color:var(--ink) !important}

/* ---- En-tête ---- */
header{background:rgba(255,250,243,.92) !important;border-bottom:1px solid var(--line)}
.logo{color:var(--wine)}
.cart-count{background:var(--accent) !important}
.icon-btn{border-color:var(--wine) !important;color:var(--wine) !important}
.icon-btn:hover{background:var(--wine) !important;color:#fff !important}

/* ---- Titres de section : petit ornement doré ---- */
.sec-head .kicker,.shop-hero .kicker{display:inline-flex !important;align-items:center;gap:12px;color:var(--accent)}
.sec-head .kicker::before,.sec-head .kicker::after,.shop-hero .kicker::before,.shop-hero .kicker::after{content:"";width:26px;height:1px;background:var(--gold)}
.sec-head h2 em,.shop-hero h1 em,.edito .tx h2 em{color:var(--accent) !important}

/* ---- Cartes produit : fond teinté à la couleur du sac + relief ---- */
.pcard .imgwrap,.xcard .im{background:color-mix(in srgb,var(--tint,#efe3d4) 22%,#fffaf3) !important;border:none !important;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(30,23,20,.06)}
.pcard{border-radius:12px;padding:8px;transition:background .3s,box-shadow .3s,transform .3s}
.pcard:hover{background:#fffaf3;box-shadow:0 18px 40px -22px rgba(74,16,25,.35);transform:translateY(-3px)}
.pcard .imgwrap img{filter:drop-shadow(0 14px 18px rgba(30,23,20,.16))}
.pcard .tag{background:var(--accent) !important;color:#fff !important;border:none !important;border-radius:999px;padding:4px 10px !important}
.pcard .qadd{background:var(--wine) !important;border-radius:0 0 10px 10px}
.pcard .pr{color:var(--accent);font-weight:600 !important;font-size:15px !important}
.pcard .nm{color:var(--ink)}

/* ---- Bande de réassurance ---- */
.trust{background:var(--surface) !important}
.trust b::before{content:"" !important;display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--gold);margin-right:10px;vertical-align:middle;transform:translateY(-2px)}

/* ---- Fiche produit ---- */
.gal-main{background:color-mix(in srgb,var(--tint,#efe3d4) 20%,#fffaf3) !important;border:none !important;border-radius:14px}
.thumbs button{border-radius:8px;overflow:hidden}
.price b,#pPrice{color:var(--accent)}
.pay4{border-color:rgba(138,36,51,.3) !important;color:var(--accent) !important;background:#fff4f1}
.offer-mod{border-color:var(--accent) !important;border-radius:12px;background:linear-gradient(180deg,#fff7f2,#fffaf3) !important}
.reassure,.paysec{border-radius:12px}
.swatch.on{box-shadow:0 0 0 2px var(--bg),0 0 0 3.5px var(--accent) !important}

/* ---- Pied de page sombre ---- */
footer{background:var(--wine) !important;color:#f3e6d8;border-top:none !important}
footer h4,.foot-bottom,footer .foot-desc{color:rgba(243,230,216,.6) !important}
footer .fl a,footer a,.foot-logo{color:#f8ede1 !important}
footer .fl a:hover,footer a:hover{color:#e9c58a !important}
.foot-bottom{border-top-color:rgba(243,230,216,.15) !important}

/* ---- Newsletter ---- */
.news{background:linear-gradient(135deg,var(--wine),#2a0a0f) !important}
.news h2 em{color:#e9c58a !important}

/* ---- Panier ---- */
.drawer{background:var(--surface) !important}
.drawer-head h3{color:var(--wine)}
.freebar{border-radius:10px}

/* ---- Boutique ---- */
.shop-hero{background:linear-gradient(180deg,#f3dfd6 0%,var(--bg) 100%)}
.toolbar{background:var(--bg) !important}
.cats button.active{color:var(--accent) !important;border-color:var(--accent) !important}
/* ---- Offres ---- */
.ocard{border-radius:14px;overflow:hidden}

/* ---- Marges latérales des sections (évite le texte collé au bord < 1240px) ---- */
.sec.wrap{padding-left:clamp(20px,5vw,56px) !important;padding-right:clamp(20px,5vw,56px) !important}