/* Black Friday 2026: site-wide ribbon + light accents. Driven by assets/bf.js (html[data-bf], html[data-bf-theme]).
   Self-contained colours so it reads the same on every page, light or dark. Removed site-wide by brand.json BF_THEME. */
.bfr{background:#15130f;color:#f4efe4;border-bottom:1px solid rgba(217,164,65,.45);font:500 14px/1.4 "Inter",-apple-system,system-ui,sans-serif;position:relative;z-index:5}
.bfr-in{max-width:1120px;margin:0 auto;padding:9px 22px;display:flex;align-items:center;justify-content:center;gap:10px 14px;flex-wrap:wrap;text-align:center}
.bfr-tag{font:700 12px "Bricolage Grotesque",-apple-system,system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#d9a441}
.bfr-msg{color:#f4efe4}
.bfr-clock{color:#cfc8b8;font-variant-numeric:tabular-nums;white-space:nowrap}
.bfr-clock b{color:#fff;font-weight:700}
.bfr-cta{color:#f4efe4;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.bfr-cta.gold{text-decoration:none;background:#d9a441;color:#15130f;padding:5px 12px;border-radius:999px}

/* which words show: before the sale vs. during it */
.bfw-live{display:none}
html[data-bf=live] .bfw-live{display:inline}
html[data-bf=live] .bfw-soon{display:none}

/* teaser (before the full theme): slim — no seconds, no gold button */
html[data-bf-theme=teaser] .bfr-sec{display:none}
html:not([data-bf-theme=full]) .bfr-cta.gold{display:none}

/* full theme: a richer ribbon and a few gold touches, nothing that changes how pages work */
html[data-bf-theme=full] .bfr{background:radial-gradient(circle at 80% 0%,rgba(217,164,65,.25),transparent 55%),#15130f;border-bottom:2px solid #d9a441}
html[data-bf-theme=full] .bfr-in{padding-top:11px;padding-bottom:11px}
html[data-bf-theme=full] [data-bf-yearly]{position:relative}
html[data-bf-theme=full] [data-bf-yearly]::after{content:"Black Friday · 40% off the first year on yearly";display:block;margin-top:14px;
  font:700 12px/1.3 "Inter",-apple-system,system-ui,sans-serif;color:#15130f;background:#f1d79a;border:1px solid #d9a441;border-radius:10px;padding:7px 10px}

/* during the sale Apple's intro offer is 40% off the first year INSTEAD of the yearly free trial: say so */
html[data-bf=live] [data-bf-trial]{display:none}
html[data-bf=live] [data-bf-yearly]::after{content:"Live now · 40% off the first year on yearly, instead of the free trial (until Dec 1)"}

/* after the sale, or if the clock says so: gone */
html[data-bf-theme=off] .bfr,html[data-bf=over] .bfr{display:none}

@media (max-width:600px){ .bfr{font-size:13px} .bfr-msg .bfr-long{display:none} }