/* ═══════════════════════════════════════════════════════════════════════
   Site-wide "Round 2 enrollment closes in" countdown bar.
   Single source of truth for the bar's look. The markup + behavior live in the
   COUNTDOWN-BAR marked block and /js/countdown-bar.js, swept onto every public
   page by bella/scripts/sweep-countdown-bar.py. Colors are hardcoded (not var())
   so it renders identically on guide pages that don't define --red / --cream.
   ═══════════════════════════════════════════════════════════════════════ */
.cd-bar{
  background:#d02e2e;color:#fffae7;text-decoration:none;cursor:pointer;
  text-align:center;padding:0.6rem 1rem;display:flex;gap:0.5rem 1.1rem;
  align-items:center;justify-content:center;flex-wrap:wrap;
  transition:filter .15s ease;
}
.cd-bar:hover{filter:brightness(1.07);}
.cd-bar.hidden{display:none;}
.cd-bar__label{
  font-family:'Oswald',sans-serif;font-weight:700;text-transform:uppercase;
  letter-spacing:0.1em;font-size:clamp(0.66rem,1.6vw,0.82rem);color:#fffae7;
}
.cd-timer{display:inline-flex;gap:0.4rem;}
.cd-timer span{
  background:rgba(0,0,0,0.22);border-radius:5px;padding:0.15rem 0.5rem;
  font-variant-numeric:tabular-nums;font-family:'Oswald',sans-serif;font-weight:700;
  font-size:0.82rem;min-width:2.2rem;display:inline-block;color:#fffae7;
}
.cd-timer span b{display:block;font-size:0.5rem;font-weight:500;opacity:0.85;letter-spacing:0.05em;}

/* Guide-footer CTA countdown (sits under the "Join the AI Masterclass" button,
   inside the cream .cta-tile). Small red label on top; the ticking timer below is
   big/bold/dark so the numbers stand out instead of blending into the label.

   Hidden by default: the placeholder text is baked into every guide page, so it must
   NOT paint before the deferred JS has checked the clock — otherwise a stale "closes in
   7 days" flashes on every page load after enrollment ends. countdown-bar.js adds .live
   only while the deadline is still in the future. */
.cta-countdown{
  display:none;
  margin:1.2rem 0 0;font-family:'Oswald','Open Sans',sans-serif;font-weight:700;
  text-transform:uppercase;letter-spacing:0.1em;font-size:0.8rem;line-height:1.3;color:#d02e2e;
}
.cta-countdown.live{display:block;}
.cta-countdown span{
  display:block;margin-top:0.35rem;font-family:'Anton','Oswald',sans-serif;font-weight:900;
  font-size:clamp(1.5rem,4.6vw,2.2rem);letter-spacing:0.01em;line-height:1.02;color:#2f2d2d;
  font-variant-numeric:tabular-nums;
}
.cta-countdown.hidden{display:none;}
@media(max-width:600px){
  .cta-countdown{font-size:0.72rem;}
  .cta-countdown span{font-size:clamp(1.2rem,5.6vw,1.6rem);}
}