/*
Theme Name: uweberberich
Theme URI: https://uweberberich.com/
Author: Uwe Berberich
Description: Schlankes Block-Theme für das digitale Lebensarchiv uweberberich.com. Ruhig, zeitlos, minimalistisch. Die Geschichten stehen im Mittelpunkt.
Requires at least: 6.6
Tested up to: 6.7
Requires PHP: 7.4
Version: 3.2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: uweberberich
Tags: block-theme, blog, one-column, full-site-editing
*/

/* Maximal ca. 70 Zeichen pro Zeile im Fließtext. */
.entry-content p,
.wp-block-post-content p {
	max-width: 34rem;
}

/* Sichtbarer Fokuszustand für Tastaturbedienung. */
:where(a, button, input, textarea, select, [tabindex]):focus-visible {
	outline: 2px solid var(--wp--preset--color--salbei);
	outline-offset: 3px;
}

/* Skip-Link zum Hauptinhalt. */
.uwb-skip-link {
	position: absolute;
	left: -9999px;
	top: 0;
	z-index: 100000;
	background: var(--wp--preset--color--hintergrund);
	color: var(--wp--preset--color--text);
	padding: 0.75rem 1.25rem;
	text-decoration: underline;
}

.uwb-skip-link:focus {
	left: 0;
}

/*
 * Bronze ist laut Farbnutzungsregel nur für große Überschriften,
 * Kapitelkennzeichnungen, Icons und dekorative Elemente zulässig,
 * niemals für Fließtext oder Links.
 */
.uwb-kapitel-label {
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--klein);
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--bronze);
}

/* Meta-Zeile, zum Beispiel Lesezeit und Datum. */
.uwb-meta {
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--klein);
	color: var(--wp--preset--color--text-sekundaer);
}

/* Kapitel-Navigation, vorherige und nächste Geschichte. */
.uwb-geschichte-nav {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--30);
	justify-content: space-between;
	border-top: 1px solid var(--wp--preset--color--linie);
	padding-top: var(--wp--preset--spacing--30);
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--klein);
}

.uwb-geschichte-nav__richtung {
	display: block;
	color: var(--wp--preset--color--text-sekundaer);
	margin-bottom: 0.25rem;
}

.uwb-geschichte-nav__weiter {
	margin-left: auto;
	text-align: right;
}

/* Liste der Geschichten innerhalb eines Kapitels. */
.uwb-geschichten-liste {
	list-style: none;
	margin: 0;
	padding: 0;
}

.uwb-geschichten-liste__eintrag {
	border-bottom: 1px solid var(--wp--preset--color--linie);
	padding: var(--wp--preset--spacing--30) 0;
}

.uwb-geschichten-liste__eintrag:first-child {
	border-top: 1px solid var(--wp--preset--color--linie);
}

.uwb-geschichten-liste__titel {
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--gross);
	font-weight: 600;
	line-height: 1.3;
	margin: 0;
}

.uwb-geschichten-liste__titel a {
	text-decoration: none;
	color: var(--wp--preset--color--text);
}

.uwb-geschichten-liste__titel a:hover,
.uwb-geschichten-liste__titel a:focus-visible {
	text-decoration: underline;
}

.uwb-geschichten-liste__zeit {
	display: block;
	margin-top: 0.35rem;
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--klein);
	color: var(--wp--preset--color--text-sekundaer);
}

/* Kapitel ohne Bild sollen genauso hochwertig wirken wie Kapitel mit Bild. */
.uwb-kapitel-header {
	padding-block: var(--wp--preset--spacing--50);
}

.uwb-kapitel-header__zeitraum {
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--klein);
	color: var(--wp--preset--color--text-sekundaer);
}

/* Bildunterschriften. */
figcaption {
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--klein);
	color: var(--wp--preset--color--text-sekundaer);
	margin-top: 0.75rem;
}

/* Buch-Übersicht. */
.uwb-buch-card__jahr {
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--klein);
	color: var(--wp--preset--color--text-sekundaer);
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}


/* --- Trading-Journal --- */

.uwb-journal-daten {
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--klein);
	color: var(--wp--preset--color--text-sekundaer);
	border-top: 1px solid var(--wp--preset--color--linie);
	border-bottom: 1px solid var(--wp--preset--color--linie);
	padding-block: var(--wp--preset--spacing--20);
	margin-block: var(--wp--preset--spacing--30);
	display: flex;
	flex-wrap: wrap;
	gap: 0.35rem 1rem;
}

.uwb-journal-daten__unveraendert {
	color: var(--wp--preset--color--salbei);
	font-weight: 600;
}

.uwb-trade-info {
	background: var(--wp--preset--color--flaeche);
	border-left: 2px solid var(--wp--preset--color--bronze);
	padding: var(--wp--preset--spacing--30);
	margin-block: var(--wp--preset--spacing--40);
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--klein);
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

.uwb-trade-info__label {
	text-transform: uppercase;
	letter-spacing: 0.08em;
	font-weight: 600;
	color: var(--wp--preset--color--bronze);
}

.uwb-trade-info__titel {
	font-size: var(--wp--preset--font-size--gross);
	font-weight: 600;
	text-decoration: none;
	color: var(--wp--preset--color--text);
}

.uwb-trade-info__angaben,
.uwb-trade-info__hinweis {
	color: var(--wp--preset--color--text-sekundaer);
}

.uwb-journal-hinweis {
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--klein);
	color: var(--wp--preset--color--text-sekundaer);
	border-top: 1px solid var(--wp--preset--color--linie);
	padding-top: var(--wp--preset--spacing--30);
	margin-top: var(--wp--preset--spacing--50);
	max-width: 34rem;
}

.uwb-journal-art-klein {
	display: inline-block;
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--klein);
	font-weight: 600;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wp--preset--color--bronze);
	margin-bottom: 0.35rem;
}

.uwb-trade-tabelle {
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--klein);
	margin-block: var(--wp--preset--spacing--30);
	border-top: 1px solid var(--wp--preset--color--linie);
}

.uwb-trade-tabelle__zeile {
	display: flex;
	gap: 1rem;
	border-bottom: 1px solid var(--wp--preset--color--linie);
	padding-block: 0.6rem;
}

.uwb-trade-tabelle dt {
	min-width: 9rem;
	color: var(--wp--preset--color--text-sekundaer);
	margin: 0;
}

.uwb-trade-tabelle dd {
	margin: 0;
	font-weight: 600;
}

/* --- Startseite: Bereichsblöcke --- */

.uwb-bereich {
	padding-block: var(--wp--preset--spacing--50);
}

.uwb-hervorgehoben {
	font-family: var(--wp--preset--font-family--serif);
	font-size: var(--wp--preset--font-size--titel);
	line-height: 1.4;
	font-style: italic;
	color: var(--wp--preset--color--text);
	border-left: 2px solid var(--wp--preset--color--bronze);
	padding-left: var(--wp--preset--spacing--30);
	margin-block: var(--wp--preset--spacing--40);
	max-width: 32rem;
}

.uwb-signatur {
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--klein);
	color: var(--wp--preset--color--text-sekundaer);
	letter-spacing: 0.08em;
}

/* --- Neu im Lebensarchiv --- */

.uwb-neu-liste {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	/*
	 * auto-fit statt fester Spaltenzahl: Bei nur einem oder zwei Beiträgen
	 * fallen leere Spalten weg und die Karten nutzen die volle Breite,
	 * statt in eine schmale Spalte gequetscht zu werden.
	 */
	grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
	gap: var(--wp--preset--spacing--40);
}

.uwb-neu-karte {
	display: flex;
	flex-direction: column;
	gap: 0.6rem;
	border-top: 1px solid var(--wp--preset--color--linie);
	padding-top: var(--wp--preset--spacing--20);
}

.uwb-neu-karte__bild {
	display: block;
	margin-bottom: 0.35rem;
}

.uwb-neu-karte__bild img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
}

.uwb-neu-karte__art {
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--klein);
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--bronze);
}

.uwb-neu-karte__titel {
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--gross);
	font-weight: 600;
	line-height: 1.3;
	margin: 0;
}

.uwb-neu-karte__titel a {
	text-decoration: none;
	color: var(--wp--preset--color--text);
}

.uwb-neu-karte__titel a:hover,
.uwb-neu-karte__titel a:focus-visible {
	text-decoration: underline;
}

.uwb-neu-karte__datum {
	font-family: var(--wp--preset--font-family--sans);
	font-size: var(--wp--preset--font-size--klein);
	color: var(--wp--preset--color--text-sekundaer);
}

.uwb-neu-karte__auszug {
	margin: 0;
	max-width: none;
}