/* =====================================================================
 *  Coup de Sac — Habillage NOËL (partagé). Chargé par csac-noel.js.
 *  Se désactive tout seul après le 25 décembre (classe body.cs-noel).
 * ===================================================================== */
:root{--noel:#7a1f2b;--noel-d:#5e1620;--pine:#1f3a2e;--gold2:#c6a15b;--cream:#fbf6ef}

/* ---- Barre d'annonce animée ---- */
.cs-noel .annc{background:linear-gradient(90deg,var(--noel-d),var(--noel),var(--noel-d));color:#fbf1e6;position:relative;overflow:hidden;cursor:pointer;min-height:38px;display:flex;align-items:center;justify-content:center}
.cs-noel .annc .cs-annc-msg{transition:opacity .45s ease,transform .45s ease;display:inline-block}
.cs-noel .annc .cs-annc-msg.out{opacity:0;transform:translateY(-6px)}
.cs-noel .annc b{color:#f3d9a4;font-weight:600}

/* ---- Bouton « Ajouter » toujours visible sur mobile / tactile ---- */
@media (hover:none){
  .pcard .qadd{transform:none !important;opacity:1 !important;position:absolute;left:8px;right:8px;bottom:8px;padding:9px 6px !important;font-size:10px !important;letter-spacing:1px !important;white-space:nowrap;background:rgba(33,29,25,.88) !important}
  .pcard .imgwrap{padding-bottom:0}
}
.pcard .qadd{font-weight:500}

/* ---- Encart livraison avant Noël (fiche produit) ---- */
.cs-xmas-box{display:flex;gap:12px;align-items:flex-start;margin:16px 0 14px;padding:13px 15px;background:var(--cream);border:1px solid rgba(122,31,43,.22);border-left:3px solid var(--noel)}
.cs-xmas-box .ic{font-size:20px;line-height:1}
.cs-xmas-box b{display:block;font-size:13.5px;color:var(--ink,#211d19);font-weight:600;letter-spacing:.2px}
.cs-xmas-box span{font-size:12.5px;color:#6f655c;line-height:1.5}
.cs-xmas-box .cd{color:var(--noel);font-weight:600;font-variant-numeric:tabular-nums}
.cs-xmas-box a{color:var(--noel);text-decoration:underline}

/* ---- Barre d'achat collante (mobile, fiche produit) ---- */
.cs-sticky{position:fixed;left:0;right:0;bottom:0;z-index:80;background:rgba(255,253,249,.97);backdrop-filter:blur(10px);border-top:1px solid rgba(33,29,25,.13);padding:10px 14px calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:12px;transform:translateY(110%);transition:transform .3s ease;box-shadow:0 -10px 30px rgba(33,29,25,.08)}
.cs-sticky.show{transform:none}
.cs-sticky img{width:44px;height:44px;object-fit:contain;background:#f6f2ec;flex:0 0 auto}
.cs-sticky .t{flex:1;min-width:0;line-height:1.25}
.cs-sticky .t div{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-sticky .t b{font-size:14px;font-weight:600}
.cs-sticky button{border:none;background:var(--ink,#211d19);color:#fff;font:500 12px/1 Inter,system-ui,sans-serif;letter-spacing:1.4px;text-transform:uppercase;padding:14px 18px;cursor:pointer;flex:0 0 auto}
@media(min-width:881px){.cs-sticky{display:none}}

/* ---- Ligne Noël dans le panier ---- */
.cs-cart-xmas{margin:8px 0 0;font-size:11.5px;text-align:center;color:var(--noel);letter-spacing:.3px}

/* ---- Bandeau Noël générique (boutique) ---- */
.cs-noel-band{background:var(--pine);color:#f4ead9;text-align:center;padding:14px 18px;font-size:13px;letter-spacing:.4px}
.cs-noel-band b{color:#f3d9a4;font-weight:600}
.cs-noel-band a{color:#fff;text-decoration:underline;margin-left:6px}
