/* The public offer bar (templates/landing/partials/_sk2_offer.html).
   Present only while a campaign is live. Self-contained on purpose: it loads on
   every public page, including the ones that do not carry the Daylight tokens,
   so every colour is written here with the Daylight value it mirrors.

   The navbar is position:fixed at top:0. While the bar exists (html.has-sk-offer,
   set by the partial's script), the bar takes the top 42px (38px on a phone),
   the navbar moves down by the same amount and <main> is pushed down to match,
   so nothing sits under anything. */
:root { --sk-offer-h: 0px; }
html.has-sk-offer { --sk-offer-h: 42px; }
.sk-offer { position:fixed; top:0; left:0; right:0; z-index:1051; height:var(--sk-offer-h); overflow:hidden;
  background:#14111F; color:#fff; font-family:"Schibsted Grotesk",-apple-system,"Segoe UI",system-ui,sans-serif; }
html.has-sk-offer .sk-nav { top:var(--sk-offer-h); }
html.has-sk-offer #main-content { margin-top:var(--sk-offer-h); }
.sk-offer__in { max-width:1320px; height:100%; margin:0 auto; padding:0 34px; display:flex; align-items:center; justify-content:center;
  gap:16px; white-space:nowrap; font-size:14px; }
.sk-offer__tag { display:inline-flex; align-items:center; gap:7px; font-weight:800; }
.sk-offer__tag i { color:#FBBF24; font-size:12px; }
.sk-offer__txt { color:#C9C3F7; overflow:hidden; text-overflow:ellipsis; min-width:0; }
.sk-offer__clock { font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace; font-size:13px; color:#C9C3F7; font-variant-numeric:tabular-nums; }
.sk-offer__clock b { color:#fff; font-weight:500; background:rgba(255,255,255,.12); border-radius:5px; padding:2px 5px; margin-left:2px; }
.sk-offer__go { display:inline-flex; align-items:center; gap:7px; color:#fff; font-weight:800; text-decoration:none; }
.sk-offer__go:hover, .sk-offer__go:focus-visible { color:#fff; text-decoration:underline; }
.sk-offer__go i { font-size:12px; transition:transform .2s; }
.sk-offer__go:hover i { transform:translateX(3px); }
@media (max-width:720px) {
  html.has-sk-offer { --sk-offer-h: 38px; }
  .sk-offer__wide { display:none; }
  .sk-offer__in { gap:10px; padding:0 16px; font-size:12.5px; justify-content:space-between; }
  .sk-offer__clock { font-size:12px; }
  .sk-offer__clock b { padding:1px 4px; }
}
@media (max-width:360px) { .sk-offer__tag i { display:none; } }
@media (prefers-reduced-motion: reduce) { .sk-offer__go i { transition:none; } }