/* Events Manager auf dunklem Grund.
   Das Plugin bringt eigene Styles mit; wir überschreiben nicht flächendeckend,
   sondern setzen nur Farben und Flächen auf die des Hauses. */

.em, .em.pixelbones {
	color: var(--color-cream);
	font-family: var(--font-body);
}

.em.pixelbones h1, .em.pixelbones h2, .em.pixelbones h3, .em.pixelbones h4 {
	font-family: var(--font-headline);
	color: var(--color-cream);
}

.em a { color: var(--color-primary); }

.em.pixelbones input[type='text'],
.em.pixelbones input[type='email'],
.em.pixelbones input[type='tel'],
.em.pixelbones input[type='number'],
.em.pixelbones select,
.em.pixelbones textarea {
	background: var(--color-white);
	color: var(--color-ink-on-light);
	border-radius: var(--radius-sm);
}

.em.pixelbones .button,
.em.pixelbones button,
.em.pixelbones input[type='submit'] {
	background: var(--color-primary);
	color: var(--color-ink);
	font-family: var(--font-headline);
	font-weight: var(--weight-semibold);
	letter-spacing: 0.04em;
	border: 0;
	border-radius: var(--radius-sm);
}

.em.pixelbones .button:hover,
.em.pixelbones button:hover,
.em.pixelbones input[type='submit']:hover { background: var(--color-primary-light); }

/* ── Bestand in Terminlisten ──────────────────────────────
   Die Zeile kommt aus plugins/events-manager/formats/event_list_item_format.php
   und trägt den Zustand als Modifier. */

.pe-bestand { font-weight: var(--weight-medium); }

.pe-bestand--frei  { color: var(--color-frei); }
.pe-bestand--knapp { color: var(--color-knapp); }

.pe-bestand--voll {
	color: var(--color-cream-dim);
	text-decoration: line-through;
	text-decoration-thickness: 1px;
}

/* Steht anstelle des Buchen-Knopfs, wenn nichts mehr frei ist. */
.pe-bestand__voll {
	display: inline-flex;
	align-items: center;
	padding: 10px 20px;
	border-radius: var(--radius-sm);
	font-family: var(--font-headline);
	font-weight: var(--weight-semibold);
	letter-spacing: 0.04em;
	color: var(--color-cream-dim);
	box-shadow: inset 0 0 0 1px var(--color-voll);
}

/* Der farbige Streifen am Listeneintrag folgt dem Bestand, nicht der
   Kategorie: Ein grüner Balken an einem ausgebuchten Termin widerspricht
   der Angabe daneben. */
.pe-listeneintrag--frei  { --default-border: var(--color-frei); }
.pe-listeneintrag--knapp { --default-border: var(--color-knapp); }
.pe-listeneintrag--voll  { --default-border: var(--color-voll); }