/* What's New US: Christmas season extras (loaded only Nov 1 to Dec 31 by category-2.php). */

.wn-xmas .wn-filter-chip--christmas { box-shadow: 0 0 0 1px rgba(200, 16, 46, 0.45), 0 0 12px rgba(30, 121, 44, 0.35); }

/* ---- Christmas tiles: candy-stripe border ---- */
.wn-xmas .wn-title-card--christmas,
.wn-xmas .wn-title-card--christmas:hover {
	border: 3px solid transparent;
	background:
		linear-gradient(var(--wn-card, #1a1a1a), var(--wn-card, #1a1a1a)) padding-box,
		repeating-linear-gradient(45deg, #c8102e 0 12px, #f5f5f5 12px 18px, #1e792c 18px 30px, #f5f5f5 30px 36px) border-box;
}

/* ---- Christmas tiles: the type banner under the poster ("Movie", "TV Series") reads "Christmas" ---- */
.wn-xmas .wn-title-card--christmas .wn-type-banner {
	position: relative; font-size: 0; color: transparent;
	background: repeating-linear-gradient(-45deg, #b30c26 0 10px, #c8102e 10px 20px);
	border-top: 2px solid #1e792c;
}
.wn-xmas .wn-title-card--christmas .wn-type-banner::before {
	content: "\2744  Christmas  \2744"; white-space: pre;
	font-size: 0.7rem; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35);
}

/* ---- Santa flies across the page when the Christmas filter is turned on ---- */
.wn-santa {
	position: fixed; top: 22vh; left: 0; z-index: 99999; pointer-events: none;
	width: 260px; will-change: transform;
	animation: wn-santa-fly 5s linear forwards;
}
.wn-santa svg { display: block; width: 100%; height: auto; filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.35)); }
.wn-santa__bob { animation: wn-santa-bob 0.9s ease-in-out infinite alternate; }
@keyframes wn-santa-fly {
	from { transform: translate3d(-280px, 40px, 0); }
	to { transform: translate3d(calc(100vw + 40px), -40px, 0); }
}
@keyframes wn-santa-bob { from { transform: translateY(-6px); } to { transform: translateY(6px); } }
@media (max-width: 600px) { .wn-santa { width: 180px; animation-duration: 3.6s; } }
@media (prefers-reduced-motion: reduce) { .wn-santa { display: none; } }

/* ---- Snow burst from the Christmas button ---- */
.wn-flake {
	position: fixed; z-index: 99998; pointer-events: none; line-height: 1;
	color: #fff; text-shadow: 0 0 4px rgba(124, 196, 255, 0.9), 0 0 1px #3b82c4;
	transform: translate(-50%, -50%);
}