/* ======================================================================
   Sinterklaas-skin
   ----------------------------------------------------------------------
   Wordt alleen geladen als Stam_Chocolate_Season::skin_active() waar is:
   in voorpret, seizoen, laatste-kans en gesloten, en nooit op winkelmand,
   afrekenen of Mijn account. Alles hieronder hangt bovendien onder
   body.stam-season-on, dus ook een verdwaalde include doet niets.

   Drie dingen, verder niets:
     1. de seizoensbalk (vervangt de bruine verzendbalk en neemt die tekst mee)
     2. een gouden golfnaad onder de homepage-hero en de letter-categoriekop
     3. avondlucht achter de kop van de categorie Chocoladeletters

   De golf en de boot zijn inline SVG in een data-URI: daarbinnen werken
   CSS-variabelen niet, dus de kleuren staan er letterlijk in.
     #F8F5F0  achtergrond van .stam-trust-bar, direct onder de hero
     #FDFBF7  --color-background, onder de categoriekop
     #C9A961  --color-gold (lijn)     #E0B56A  lichter goud (boot)
   Verandert een van die achtergronden, dan hier mee veranderen, anders
   komt er een zichtbare rand onder de golf.
   ====================================================================== */

body.stam-season-on {
	--season-night: #141c33;
	--season-night-2: #233152;
	--season-night-deep: #0d1426;
	--season-cream: #fbf6ef;
	--season-gold-light: #E0B56A;
	--season-red: #9e2b25;
}

/* ---- 1. De seizoensbalk ---------------------------------------------- */

body.stam-season-on .shipping-notice {
	display: none;
}

.stam-season-strip {
	position: relative;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 4px 28px;
	padding: 10px var(--container-padding, 20px);
	background: linear-gradient(180deg, var(--season-night-deep) 0%, var(--season-night-2) 100%);
	border-bottom: 1px solid rgba(224, 181, 106, 0.4);
	color: var(--season-cream);
	font-family: var(--font-body);
	font-size: var(--text-sm);
	line-height: 1.45;
	text-align: center;
}

/* Een handvol sterren; geen afbeelding, geen extra verzoek. */
.stam-season-strip::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: 0.8;
	background-image:
		radial-gradient(1.4px 1.4px at 7% 34%, #fff 50%, transparent 51%),
		radial-gradient(1.1px 1.1px at 23% 70%, #ffeec2 50%, transparent 51%),
		radial-gradient(1.5px 1.5px at 41% 22%, #fff 50%, transparent 51%),
		radial-gradient(1.1px 1.1px at 58% 74%, #fff 50%, transparent 51%),
		radial-gradient(1.4px 1.4px at 76% 30%, #ffeec2 50%, transparent 51%),
		radial-gradient(1.1px 1.1px at 93% 64%, #fff 50%, transparent 51%);
}

.stam-season-strip p {
	position: relative;
	margin: 0;
}

.stam-season-name {
	color: var(--season-gold-light);
	font-weight: 600;
	letter-spacing: 0.02em;
}

.stam-season-count b {
	color: var(--season-gold-light);
	font-weight: 600;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.stam-season-ship {
	opacity: 0.8;
}

.stam-season-ship strong {
	color: var(--season-gold-light);
	font-weight: 500;
}

/* Laatste kans: de deadline mag luid. Het enige rood op de site. */
.stam-season-strip.is-laatste-kans .stam-season-count b {
	display: inline-block;
	padding: 0 7px;
	border-radius: var(--radius-sm, 4px);
	background: var(--season-red);
	color: #fff4f2;
}

/* Gesloten: rustig, geen goud dat schreeuwt. */
.stam-season-strip.is-gesloten .stam-season-name {
	color: var(--season-cream);
}

@media (max-width: 640px) {
	.stam-season-strip {
		padding: 8px 16px;
		font-size: var(--text-xs);
	}
	/* Op een telefoon is de verzendbelofte de tweede regel, niet een tweede kolom. */
	.stam-season-ship {
		flex-basis: 100%;
	}
	.stam-season-sep,
	.stam-season-tail {
		display: none;
	}
	.stam-season-name::after {
		content: " \2014 ";
		color: var(--season-cream);
		opacity: 0.6;
	}
}

/* ---- 2. De golfnaad -------------------------------------------------- */

/* Homepage-hero. De golf blijft in de onderste 24px: daarboven zitten de
   slider-bolletjes (24px van de rand) en de knop (26-33px). De boot staat
   rechts, waar geen inhoud is. pointer-events uit, anders vangt de strook
   klikken op de knop. */
body.stam-season-on .hero::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 64px;
	z-index: 5;
	pointer-events: none;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 150'%3E%3Cg transform='rotate(13 80 110)' fill='none' stroke='%23E0B56A' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 96h140l-16 30H22z'/%3E%3Cpath d='M38 96V58h58v38'/%3E%3Cpath d='M62 70h14v14H62z'/%3E%3Cpath d='M104 58V26h16v32'/%3E%3Cpath d='M110 26c2-10 12-8 12-16'/%3E%3C/g%3E%3C/svg%3E") right 3.5% bottom 4px / 64px auto no-repeat,
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 24' preserveAspectRatio='none'%3E%3Cpath d='M0 8.7 C90 3.0 170 14.8 268 9.7 C372 4.0 452 16.4 556 10.7 C664 4.8 742 16.4 838 10.2 C920 5.1 1000 9.2 1068 12.3 C1120 14.6 1160 16.9 1200 20.0 L1200 24 L0 24 Z' fill='%23F8F5F0'/%3E%3Cpath d='M0 8.7 C90 3.0 170 14.8 268 9.7 C372 4.0 452 16.4 556 10.7 C664 4.8 742 16.4 838 10.2 C920 5.1 1000 9.2 1068 12.3 C1120 14.6 1160 16.9 1200 20.0' fill='none' stroke='%23C9A961' stroke-width='2.4' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") left bottom / 100% 24px no-repeat;
}

body.stam-season-on .hero .hero-dots {
	z-index: 10;
}

/* ---- 3. Avondlucht op de categorie Chocoladeletters ------------------ */

body.stam-season-on.term-chocoladeletters .woocommerce-products-header {
	position: relative;
	overflow: hidden;
	margin-bottom: var(--space-lg);
	padding: var(--space-xl) var(--space-md) calc(var(--space-lg) + 60px);
	border-radius: var(--radius-lg);
	background:
		radial-gradient(1.5px 1.5px at 12% 22%, #fff 50%, transparent 51%),
		radial-gradient(1.2px 1.2px at 27% 58%, #ffeec2 50%, transparent 51%),
		radial-gradient(1.6px 1.6px at 71% 18%, #fff 50%, transparent 51%),
		radial-gradient(1.2px 1.2px at 86% 52%, #fff 50%, transparent 51%),
		linear-gradient(175deg, var(--season-night-deep) 0%, var(--season-night) 55%, var(--season-night-2) 100%);
	color: var(--season-cream);
}

body.stam-season-on.term-chocoladeletters .woocommerce-products-header::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 60px;
	pointer-events: none;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 150'%3E%3Cg transform='rotate(13 80 110)' fill='none' stroke='%23E0B56A' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 96h140l-16 30H22z'/%3E%3Cpath d='M38 96V58h58v38'/%3E%3Cpath d='M62 70h14v14H62z'/%3E%3Cpath d='M104 58V26h16v32'/%3E%3Cpath d='M110 26c2-10 12-8 12-16'/%3E%3C/g%3E%3C/svg%3E") right 4% bottom 12px / 70px auto no-repeat,
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath d='M0 22.7 C90 8.0 170 38.7 268 25.3 C372 10.7 452 42.7 556 28.0 C664 12.7 742 42.7 838 26.7 C920 13.3 1000 24.0 1068 32.0 C1120 38.0 1160 44.0 1200 52.0 L1200 60 L0 60 Z' fill='%23FDFBF7'/%3E%3Cpath d='M0 22.7 C90 8.0 170 38.7 268 25.3 C372 10.7 452 42.7 556 28.0 C664 12.7 742 42.7 838 26.7 C920 13.3 1000 24.0 1068 32.0 C1120 38.0 1160 44.0 1200 52.0' fill='none' stroke='%23C9A961' stroke-width='2.4' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") left bottom / 100% 60px no-repeat;
}

body.stam-season-on.term-chocoladeletters .woocommerce-products-header__title,
body.stam-season-on.term-chocoladeletters .woocommerce-products-header * {
	color: var(--season-cream);
}

body.stam-season-on.term-chocoladeletters .woocommerce-products-header__title {
	color: #fff;
}

@media (max-width: 640px) {
	body.stam-season-on.term-chocoladeletters .woocommerce-products-header {
		padding-bottom: calc(var(--space-md) + 44px);
		border-radius: var(--radius-md);
	}
	body.stam-season-on.term-chocoladeletters .woocommerce-products-header::after {
		height: 44px;
		background:
			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 170 150'%3E%3Cg transform='rotate(13 80 110)' fill='none' stroke='%23E0B56A' stroke-width='5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 96h140l-16 30H22z'/%3E%3Cpath d='M38 96V58h58v38'/%3E%3Cpath d='M62 70h14v14H62z'/%3E%3Cpath d='M104 58V26h16v32'/%3E%3Cpath d='M110 26c2-10 12-8 12-16'/%3E%3C/g%3E%3C/svg%3E") right 5% bottom 9px / 50px auto no-repeat,
			url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60' preserveAspectRatio='none'%3E%3Cpath d='M0 22.7 C90 8.0 170 38.7 268 25.3 C372 10.7 452 42.7 556 28.0 C664 12.7 742 42.7 838 26.7 C920 13.3 1000 24.0 1068 32.0 C1120 38.0 1160 44.0 1200 52.0 L1200 60 L0 60 Z' fill='%23FDFBF7'/%3E%3Cpath d='M0 22.7 C90 8.0 170 38.7 268 25.3 C372 10.7 452 42.7 556 28.0 C664 12.7 742 42.7 838 26.7 C920 13.3 1000 24.0 1068 32.0 C1120 38.0 1160 44.0 1200 52.0' fill='none' stroke='%23C9A961' stroke-width='2.4' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") left bottom / 100% 44px no-repeat;
	}
}

@media (prefers-reduced-motion: reduce) {
	.stam-season-strip * {
		animation: none !important;
		transition: none !important;
	}
}