/**
 * Praxis Zare – Schließzeiten (inc/schliesszeiten.php)
 *
 * Wird nur geladen, wenn eine Schließzeit angezeigt wird.
 *
 * Farbe (Feedback v2, A): die vorhandene Akzent-Sonderfarbe des
 * Design-Systems (PKV-/Selbstzahler-Banner, docs/status/design-system.md),
 * kein neuer Ton — damit die Hinweise gegen die hellen Petrol-Heroes
 * auffallen, ohne nach Alarm auszusehen. Kein Rot.
 */

:root {
	--pz-schliesszeit-flaeche: #FFFBF0; /* Design-System: Selbstzahler-Fläche */
	--pz-schliesszeit-akzent:  #F5A623; /* Design-System: Selbstzahler-Akzent */
}

/* ─── Hinweisleiste unter der Topbar ─── */
.pz-schliesszeit-leiste {
	background: var(--pz-schliesszeit-flaeche);
	border-bottom: 3px solid var(--pz-schliesszeit-akzent);
	color: var(--text-primary);
	font-family: var(--sans);
	font-size: 14px;
	line-height: 1.5;
}

.pz-schliesszeit-leiste__inner {
	max-width: var(--container-width);
	margin: 0 auto;
	padding: 10px var(--container-padding);
	overflow-wrap: anywhere;
}

.pz-schliesszeit-leiste strong {
	color: var(--text-primary);
	font-weight: 600;
}

.pz-schliesszeit-leiste a,
.pz-schliesszeit-block a,
.pz-schliesszeit-au a {
	color: var(--petrol-deep);
	font-weight: 600;
	text-decoration: underline;
	text-underline-offset: 2px;
	white-space: nowrap;
}

.pz-schliesszeit-leiste__trenner {
	color: var(--text-secondary);
}

/* Nur für Admins in der Vorschau sichtbar — damit kein Screenshot mit dem Echtzustand verwechselt wird. */
.pz-schliesszeit-vorschau {
	display: inline-block;
	margin-right: 8px;
	padding: 1px 8px;
	border: 1px dashed var(--petrol-deep);
	border-radius: 4px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: var(--petrol-deep);
	background: var(--white);
}

/* ─── Detailblock nach dem Hero, AU-Ersatzblock ─── */
.pz-schliesszeit-wrap {
	padding: 32px var(--container-padding) 0;
}

.pz-schliesszeit-block,
.pz-schliesszeit-au {
	background: var(--pz-schliesszeit-flaeche);
	border-left: 4px solid var(--pz-schliesszeit-akzent);
	border-radius: 0 8px 8px 0;
	padding: 20px 24px;
	color: var(--text-primary);
	font-family: var(--sans);
	font-size: 15.5px;
	line-height: 1.6;
	max-width: 760px;
}

/* Eyebrow-Gap-Regel (CLAUDE.md): Kadence setzt in .single-content große margin-top. */
.pz-schliesszeit-titel,
.single-content .pz-schliesszeit-titel {
	margin: 0 0 8px 0;
	padding: 0;
	font-family: var(--serif);
	font-size: 20px;
	font-weight: 500;
	line-height: 1.3;
	color: var(--petrol-deep);
}

/* Alle Absätze gleich groß und gleich schwer — auch die 116117/112-Zeile (Feedback v2, B3). */
.pz-schliesszeit-block p,
.pz-schliesszeit-au p,
.single-content .pz-schliesszeit-block p,
.single-content .pz-schliesszeit-au p {
	margin: 0 0 10px 0;
	font-size: inherit;
	color: inherit;
}

.pz-schliesszeit-block p:last-child,
.pz-schliesszeit-au p:last-child,
.single-content .pz-schliesszeit-block p:last-child,
.single-content .pz-schliesszeit-au p:last-child {
	margin-bottom: 0;
}

/* ─── Fristzeile direkt über dem Formular ─── */
.pz-schliesszeit-frist,
.single-content .pz-schliesszeit-frist {
	margin: 0 0 24px 0;
	padding: 12px 16px;
	background: var(--petrol-tint);
	border-left: 3px solid var(--petrol-deep);
	border-radius: 0 6px 6px 0;
	color: var(--text-primary);
	font-family: var(--sans);
	font-size: 14px;
	line-height: 1.55;
}

@media (max-width: 768px) {
	.pz-schliesszeit-leiste {
		font-size: 13.5px;
	}

	.pz-schliesszeit-wrap {
		padding-top: 24px;
	}

	.pz-schliesszeit-block,
	.pz-schliesszeit-au {
		padding: 16px 18px;
		font-size: 15px;
	}
}