/* ------------------------------------------------------------------
   Black Week 2026 — compte à rebours partagé par toutes les directions.
   Gabarit repris de la direction B (.clock), recentré sur la page.
   Les couleurs se règlent par page via les variables --bw-*.
   ------------------------------------------------------------------ */
.bw-quand{display:flex;flex-direction:column;align-items:center;gap:.75rem;
  margin:1.7rem auto 0;max-width:640px;text-align:center}
.bw-lab{margin:0;font-family:var(--fd,system-ui);font-size:.7rem;font-weight:600;
  letter-spacing:.2em;text-transform:uppercase;color:var(--bw-or,#f5b942)}
.bw-clock{display:flex;gap:.65rem;justify-content:center;flex-wrap:wrap;margin:0;padding:0;width:100%}
.bw-clock div{flex:1 1 0;min-width:72px;max-width:124px;padding:.8rem .3rem .7rem;
  text-align:center;border-radius:14px;
  background:linear-gradient(180deg,var(--bw-card,#21142b),var(--bw-bg2,#150b1c));
  border:1px solid var(--bw-line2,rgba(255,255,255,.16));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.bw-clock b{display:block;font-family:var(--fd,system-ui);font-weight:700;line-height:1;
  font-size:clamp(1.55rem,4.6vw,2.05rem);color:var(--bw-or,#f5b942);font-variant-numeric:tabular-nums}
.bw-clock span{display:block;margin-top:.32rem;font-family:var(--fd,system-ui);
  font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;color:var(--bw-muted,#ab9db8)}
.bw-code{display:none;align-items:center;gap:.7rem;padding:.5rem .95rem;border-radius:12px;
  border:1px dashed var(--bw-or,#f5b942);background:rgba(245,185,66,.10)}
.bw-code.show{display:inline-flex}
.bw-code span{font-size:.72rem;letter-spacing:.06em;color:var(--bw-muted,#ab9db8)}
.bw-code b{font-family:var(--fd,system-ui);font-size:1.02rem;letter-spacing:.22em;color:var(--bw-or,#f5b942)}
.bw-fini{display:none;margin:0;font-size:.86rem;color:var(--bw-muted,#ab9db8)}
.bw-quand.termine .bw-clock,.bw-quand.termine .bw-code,.bw-quand.termine .bw-lab{display:none}
.bw-quand.termine .bw-fini{display:block}
@media(max-width:440px){
  .bw-clock{gap:.4rem}
  .bw-clock div{min-width:58px;padding:.6rem .2rem .5rem}
  .bw-clock span{font-size:.54rem;letter-spacing:.08em}
  .bw-code span{display:none}
}
@media(prefers-reduced-motion:reduce){.bw-clock div{transition:none}}

/* Après la clôture, la page ne promet plus la remise : les blocs marqués
   data-bw-offre sont retirés, la phrase de clôture prend leur place. */
html.bw-campagne-finie [data-bw-offre]{display:none !important}