/* Christmas (Karo, 7 Nov 2026; scripts/seasonal.mjs, data/seasonal.json). Every rule hangs off html.is-christmas, which
   the inline head script sets only inside the window, so outside it nothing here renders and the wreath is never
   fetched. The build rewrites the wreath's ?v= tag from its content. Remove in January (card christmas-wreath-remove). */

/* The wreath on the header logo's door leaf. The box is in the logo drawing's own units (650.8 wide): 58 square,
   centred on the leaf at x 104.5, y 82, a quarter of the way down it. Margins in percent follow the width, so the box
   tracks the logo at every size. */
html.is-christmas .hhi-header a.hhi-brand .ecds-brand::after{content:"";position:absolute;left:11.601%;top:0;margin-top:8.144%;width:8.912%;aspect-ratio:1/1;background:url(/assets/seasonal/wreath.svg?v=ed62941f47) no-repeat center/contain;pointer-events:none;transition:opacity .25s ease-out}
/* The logo motion redraws the leaf while the door moves (data-lm-run), so the wreath steps out at once and fades back
   in at rest. */
html.is-christmas .hhi-header a.hhi-brand .ecds-brand[data-lm-run]::after{opacity:0;transition:none}

/* The homepage note under the hero's assurance line: hidden by its attribute unless the season class is set (the site's
   own resets hide [hidden] with !important, so showing it needs the same). */
.season-note[hidden]{display:none}
html.is-christmas .simple-intro .season-note[hidden]{display:flex!important}
html.is-christmas .season-note{align-items:center;gap:12px;width:fit-content;max-width:100%;min-height:48px;margin:16px 0 0;padding:8px 16px 8px 10px;border:1px solid #d9d4e3;border-left:3px solid #2f6b3a;border-radius:4px;background:#fff;color:#17152b;font-size:14px;line-height:1.45;text-decoration:none;box-sizing:border-box}
html.is-christmas .season-note-wreath{flex:none;width:30px;height:30px;background:url(/assets/seasonal/wreath.svg?v=ed62941f47) no-repeat center/contain}
html.is-christmas .season-note-words{min-width:0}
html.is-christmas .season-note-link{color:#182e86;font-weight:600;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
html.is-christmas .season-note:hover{border-color:#b9b1cb}
html.is-christmas .season-note:hover .season-note-link{text-decoration-thickness:2px}
html.is-christmas .season-note:focus-visible{outline:3px solid #6350ba;outline-offset:3px}

@media (prefers-reduced-motion:reduce){html.is-christmas .hhi-header a.hhi-brand .ecds-brand::after{transition:none}}