/* -- Hé-Cabaret: details in de stijl van een programmaboekje (labels, speeldata, cijfers, bestuur) --
   Terugdraaien: haal de link naar dit bestand uit header.php en zet de speeldata-markup in
   home_page.php / he_voorstellingen_page.php terug (backup op de server in /root/he_backup_20261029). */

/* -- labels boven koppen: cursief i.p.v. gespatieerde hoofdletters met streepje -- */
html.he-donker .he-eyebrow,
html.he-donker p.text-xs.uppercase {
	font-family: Fraunces, ui-serif, Georgia, serif;
	font-style: italic;
	font-size: 1.05rem;
	line-height: 1.4;
	letter-spacing: 0;
	text-transform: none;
}
html.he-donker .he-hero .he-eyebrow { font-size: 1.25rem; }
html.he-donker .he-hero .he-eyebrow::before { display: none; }
html.he-donker span.text-xs.uppercase.tracking-widest { /* jaartallen bij albums */
	font-family: Fraunces, ui-serif, Georgia, serif;
	font-style: italic;
	font-size: .95rem;
	letter-spacing: 0;
}

/* -- speeldata: een regel als op een affiche, geen kaders -- */
.he-data { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; row-gap: .75rem; }
.he-data li { display: flex; flex-direction: column; padding: 0 1.25rem; border-left: 1px solid var(--border); }
.he-data li:first-child { padding-left: 0; border-left: 0; }
.he-data-dag { font-family: Fraunces, ui-serif, Georgia, serif; font-style: italic; font-size: .95rem; color: var(--muted-foreground); }
.he-data-datum { font-family: Fraunces, ui-serif, Georgia, serif; font-size: 1.6rem; line-height: 1.15; white-space: nowrap; }
@media (width < 640px) { .he-data li { padding: 0 .9rem; } .he-data-datum { font-size: 1.3rem; } }
html.he-donker section.he-speeldata { background: transparent; }

/* -- cijfers: typografie met een scheidingslijn, geen kaartjes -- */
html.he-donker .he-cijfers ul { display: flex; flex-wrap: wrap; gap: 1.5rem 0; }
html.he-donker .he-cijfers li {
	flex: 1 1 12rem;
	border: 0;
	border-left: 1px solid var(--border);
	border-radius: 0;
	background: none;
	padding: 0 0 0 1.75rem;
	font-size: 1rem;
	line-height: 1.5;
}
html.he-donker .he-cijfers li:first-child { border-left: 0; padding-left: 0; }
html.he-donker .he-cijfers li strong { font-size: 3rem; line-height: 1.1; margin-bottom: .35rem; }

/* -- bestuur: rolverdeling met stippellijntjes, zoals de cast in een programmaboekje -- */
html.he-donker .he-card { background: none; border: 0; border-top: 1px solid var(--border); border-radius: 0; padding: 1.75rem 0 0; }
html.he-donker .he-list ul li { align-items: baseline; gap: 0; border-bottom: 0; padding: .3rem 0; }
html.he-donker .he-list ul li::after { content: ""; order: 1; flex: 1; margin: 0 .6rem; border-bottom: 1px dotted color-mix(in oklab, var(--foreground) 35%, transparent); transform: translateY(-.3rem); }
html.he-donker .he-list ul li em {
	order: 2;
	font-family: Fraunces, ui-serif, Georgia, serif;
	font-style: italic;
	font-size: 1rem;
	color: var(--muted-foreground);
}
/* in de smalle kaart op Voorstellingen iets compacter, zodat de data op één regel passen */
article .he-data li { padding: 0 .85rem; }
article .he-data li:first-child { padding-left: 0; }
article .he-data-datum { font-size: 1.3rem; }