/* Year-end offer: phase switching + the announcement bar. See js/offer-window.js. */
/* Elements keep their own display; the ones that don't belong to the current phase are hidden.
   With no phase yet (JS not run), everything phase-specific stays hidden. */
html:not([data-offer]) [data-offer-only]{display:none !important}
html[data-offer="before"] [data-offer-only]:not([data-offer-only~="before"]),
html[data-offer="open"] [data-offer-only]:not([data-offer-only~="open"]),
html[data-offer="closed"] [data-offer-only]:not([data-offer-only~="closed"]){display:none !important}
html[data-offer="before"] [data-offer-hide~="before"],
html[data-offer="open"] [data-offer-hide~="open"],
html[data-offer="closed"] [data-offer-hide~="closed"]{display:none !important}

/* The bar is the first child of the fixed nav (same box, same layer), so it can never sit on top of the menu.
   The nav's top padding grows by the bar's height to make room for it. */
.offer-bar{display:flex;position:absolute;top:0;left:0;right:0;height:40px;background:#0f0f0f;color:#fff;font:500 13px/1 'Inter',system-ui,sans-serif;letter-spacing:.01em;align-items:center;justify-content:center;gap:8px;padding:0 44px 0 16px;box-sizing:border-box}
.offer-bar-link{color:inherit;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;padding:12px 0}
.offer-bar-link u{text-underline-offset:3px;text-decoration-color:#ff3918;text-decoration-thickness:2px}
.offer-bar-dot{width:7px;height:7px;border-radius:999px;background:#ff3918;flex:none}
.offer-bar-close{position:absolute;right:6px;top:0;width:40px;height:40px;border:0;background:transparent;color:#fff;font-size:20px;line-height:1;cursor:pointer}
.offer-bar-close:hover{opacity:.7}
html[data-offer="before"]:not(.offer-bar-off) body.has-offer-bar,
html[data-offer="open"]:not(.offer-bar-off) body.has-offer-bar{padding-top:40px}
html[data-offer="before"]:not(.offer-bar-off) body.has-offer-bar #main-nav,
html[data-offer="open"]:not(.offer-bar-off) body.has-offer-bar #main-nav{padding-top:62px}
html[data-offer="before"]:not(.offer-bar-off) body.has-offer-bar #main-nav.scrolled,
html[data-offer="open"]:not(.offer-bar-off) body.has-offer-bar #main-nav.scrolled{padding-top:54px}
html.offer-bar-off .offer-bar{display:none !important}
@media (max-width:560px){.offer-bar{font-size:12px;padding:0 40px 0 12px}}