/* Christmas decoration only. Original content, layout and flows are retained. */
:root[data-season="christmas"]{--berry:#b90036;--christmas-gold:#c39643;--christmas-fir:#315941;--christmas-art:url('assets/christmas-illustrations-v2.png')}
[data-season="christmas"] .autumn-sprite{background-size:contain;background-position:center;background-repeat:no-repeat}
[data-season="christmas"] .autumn-oak{background-image:var(--christmas-art);background-size:200% 200%;background-position:0 100%;aspect-ratio:3/2}
[data-season="christmas"] .autumn-pink{background-image:url('assets/christmas-snowflake.svg')}
[data-season="christmas"] .autumn-pumpkin{background-image:var(--christmas-art);background-size:200% 200%;background-position:100% 100%;aspect-ratio:3/2}
[data-season="christmas"] .autumn-dashes{background:url('assets/christmas-star.svg') center/contain no-repeat;color:var(--christmas-gold)}
[data-season="christmas"] .autumn-dashes::before,[data-season="christmas"] .autumn-dashes::after{content:none}
[data-season="christmas"] .sketch-mark{display:none}
[data-season="christmas"] .hero-spark,[data-season="christmas"] .hero-heart{color:var(--christmas-gold)}
[data-season="christmas"] .hero-sweet>.autumn-scatter .autumn-oak,
[data-season="christmas"] .hero-sweet>.autumn-scatter .autumn-pumpkin{display:none}
[data-season="christmas"] #islagkager .cake-title-leaf{background:var(--christmas-art) 0 100%/200% 200% no-repeat;aspect-ratio:3/2;transform:rotate(-15deg)}
[data-season="christmas"] .cake-title-marks{color:var(--christmas-gold)}
/* The lower-left illustration starts below the bauble's full lower edge. */
[data-season="christmas"] .autumn-oak,[data-season="christmas"] #islagkager .cake-title-leaf,.christmas-top-sprig{clip-path:inset(9% 0 0 0)}
/* Separate corner pieces and lights leave the mascot's hat clear. */
.christmas-garland{position:absolute;inset:0 0 auto;height:180px;z-index:3;pointer-events:none;user-select:none}
.christmas-garland::before,.christmas-garland::after,.christmas-top-sprig{content:"";position:absolute;aspect-ratio:3/2;background:var(--christmas-art) 0 0/200% 200% no-repeat}
.christmas-garland::before{left:0;top:-5px;width:10vw;max-width:300px;aspect-ratio:4/3;background-size:200% 177.7778%}
.christmas-garland::after{right:0;top:-6px;width:22vw;max-width:360px;background-position:100% 0}
.christmas-top-sprig{width:200px;left:43%;top:-36px;transform:translateX(-50%);background-position:0 100%}
.christmas-lights{position:absolute;top:0;left:9%;width:47%;height:42px;background:url('assets/christmas-lights-v2.svg') center top/100% 100% no-repeat}
.christmas-lights-right{left:auto;right:12%;width:14%;max-width:180px;height:30px;background-size:300px 100%}
.hero-christmas-hat{position:absolute;left:-11%;bottom:var(--hero-floor);width:108%;aspect-ratio:1;transform:translateY(8.2935%);background:url('assets/christmas-hero-hat.svg') center/contain no-repeat;z-index:2;pointer-events:none;user-select:none}
[data-season="christmas"] .hero-scallops{height:48px;background:url('assets/christmas-snowbank-v2.svg') left bottom/480px 48px repeat-x;pointer-events:none}
/* Snow overlays borders without changing padding, text or button hit areas. */
[data-season="christmas"] .hero-sweet-actions .pill{position:relative}
[data-season="christmas"] .hero-sweet-actions .pill::before{content:"";position:absolute;left:-3px;right:-3px;top:-13px;height:23px;background:url('assets/christmas-button-snow-v2.svg') center/100% 100% no-repeat;pointer-events:none}
[data-season="christmas"] :is(.menu-card,.tg-panel:not(.tg-summary),.enquiry-form,.hours-card,.icake-shell){position:relative}
[data-season="christmas"] :is(.menu-card,.tg-panel,.enquiry-form,.hours-card,.icake-shell)::before{content:"";position:absolute;left:0;right:0;top:-11px;height:24px;background:url('assets/christmas-card-snow-v2.svg') center/100% 100% no-repeat;pointer-events:none;z-index:2}
/* Menu cards keep their existing illustration clipping. */
[data-season="christmas"] .menu-card::before{top:0;height:18px}
[data-season="christmas"] :is(.hours-card,.enquiry-form,.icake-shell)::after{content:"";position:absolute;right:6px;top:-24px;width:66px;aspect-ratio:3/2;background:var(--christmas-art) 100% 100%/200% 200% no-repeat;pointer-events:none;z-index:2}
[data-season="christmas"] main>section:not(.hero-sweet)>.autumn-scatter .autumn-oak{width:108px}
[data-season="christmas"] main>section:not(.hero-sweet)>.autumn-scatter .autumn-pink{width:36px}
[data-season="christmas"] main>section:not(.hero-sweet)>.autumn-scatter .autumn-pumpkin{width:74px}
[data-season="christmas"] main>section:not(.hero-sweet)>.autumn-scatter .ornament-6{display:none}
[data-season="christmas"] main>section:not(.hero-sweet)>.autumn-scatter .ornament-5{bottom:12px}
[data-season="christmas"] main>section:not(.hero-sweet)>.autumn-scatter .autumn-dashes{width:24px;height:32px}
@media(min-width:1600px){.christmas-garland::before{width:clamp(220px,17vw,330px)}.christmas-top-sprig{width:250px;top:-46px;left:41%}.christmas-lights:not(.christmas-lights-right){left:12%;width:43%}}
@media(max-width:1100px){
 .christmas-garland{height:120px}.christmas-top-sprig{width:145px;top:-28px}.christmas-lights{height:32px}.christmas-lights-right{height:23px}
 [data-season="christmas"] main>section:not(.hero-sweet)>.autumn-scatter .autumn-oak{width:80px}
}
@media(max-width:700px){
 .christmas-garland{height:65px}.christmas-garland::before{width:68px;top:-4px;left:-2px}.christmas-garland::after{width:80px;top:-5px;right:-2px}
 .christmas-top-sprig,.christmas-lights-right{display:none}.christmas-lights{left:17%;width:64%;height:18px}.hero-christmas-hat{left:-8%;width:110%}
 [data-season="christmas"] .hero-scallops{height:32px;background-size:320px 32px}
 [data-season="christmas"] .hero-sweet-actions .pill::before{height:20px;top:-11px}
 [data-season="christmas"] :is(.tg-panel,.enquiry-form,.hours-card,.icake-shell)::before{height:20px;top:-9px}
 [data-season="christmas"] main>section:not(.hero-sweet)>.autumn-scatter .autumn-oak{width:45px}
 [data-season="christmas"] main>section:not(.hero-sweet)>.autumn-scatter .autumn-pink{width:23px}
 [data-season="christmas"] main>section:not(.hero-sweet)>.autumn-scatter .autumn-pumpkin{width:38px}
 [data-season="christmas"] main>section:not(.hero-sweet)>.autumn-scatter .ornament-2,
 [data-season="christmas"] main>section:not(.hero-sweet)>.autumn-scatter .dash-2,
 [data-season="christmas"] main>section:not(.hero-sweet)>.autumn-scatter .dash-4{display:none}
}
@media print{
 .christmas-garland,.hero-christmas-hat{display:none}
 [data-season="christmas"] :is(.hero-sweet-actions .pill,.menu-card,.tg-panel,.enquiry-form,.hours-card,.icake-shell)::before,
 [data-season="christmas"] :is(.hours-card,.enquiry-form,.icake-shell)::after{display:none}
}