/**
 * Herolde Saison – Grundregeln (wird immer geladen)
 * Pfad: media/plg_system_heroldesaison/css/saison.css
 */

/* Module nur zur passenden Saison zeigen: Modulklasse "saison-nur-<thema>" */
body:not(.saison-winter) .saison-nur-winter,
body:not(.saison-weihnachten) .saison-nur-weihnachten,
body:not(.saison-silvester) .saison-nur-silvester,
body:not(.saison-neujahr) .saison-nur-neujahr,
body:not(.saison-ostern) .saison-nur-ostern,
body:not(.saison-pup) .saison-nur-pup {
	display: none !important;
}

/* Gemeinsame Bausteine */
.saison-ebene {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 1;
}

.saison-leinwand {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1;
}

.saison-leinwand--fix {
	position: fixed;
	z-index: 2000;
}

/* Hinweis-Chips oben im Startbild */
.saison-hinweise {
	display: flex;
	flex-wrap: wrap;
	gap: .75rem;
	align-items: center;
	margin: 0 0 1.5rem;
	position: relative;
	z-index: 2;
}

.saison-chip {
	display: inline-flex;
	align-items: center;
	gap: .6rem;
	padding: .55rem 1.1rem;
	border-radius: 999px;
	background: rgba(14, 12, 11, .62);
	border: 1px solid rgba(255, 176, 112, .45);
	color: var(--hd-text, #f4efe8);
	font-family: var(--hd-sans, system-ui, sans-serif);
	font-size: clamp(.85rem, 1.6vw, 1rem);
	line-height: 1.2;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

.saison-chip strong {
	color: var(--hd-glut, #ffb070);
	font-weight: 700;
}

.saison-ziffern {
	font-variant-numeric: tabular-nums;
	letter-spacing: .02em;
}

/* Schmales Band auf Unterseiten (ohne Startbild) */
.saison-band {
	position: relative;
	z-index: 3;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: .75rem;
	padding: calc(var(--hd-kopf-hoehe, 5rem) + .75rem) var(--hd-rand, 1rem) .75rem;
	background: linear-gradient(180deg, var(--hd-nacht, #0e0c0b), var(--hd-nacht-2, #171412));
	border-bottom: 1px solid var(--hd-linie, #2e2824);
}

.saison-band .saison-chip {
	background: var(--hd-karte, #221e1b);
}

.visually-hidden-saison {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
	.saison-aktiv [class*="saison-"],
	.saison-aktiv [class*="saison-"] *,
	.saison-aktiv [class*="saison-"]::before,
	.saison-aktiv [class*="saison-"]::after {
		animation-duration: .001ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .001ms !important;
	}
}