/* IZ "Mein Konto" (/mein-konto/ und Unterseiten) - Restyling Phase 0.
 *
 * Ueberfuehrt am 2026-08-08 aus dem Code-Snippets-Eintrag #210
 * ("IZ Mein Konto - Restyling (Phase 0)"), der dieses CSS per wp_head als
 * Inline-<style> ausgab. Geladen per wp_enqueue_style( 'iz-mein-konto', ... )
 * in functions.php, bedingt auf is_account_page().
 *
 * KEIN ZEICHENGLEICHES KOPIEREN, SONDERN NEUSCHRIEB (Gestaltungskatalog
 * Abschnitt 8, Schritt 2 und Regel 13): Das Snippet enthielt sieben
 * Hex-Literale und drei Schriftgroessen in px. Genau dieses Muster - Farbe als
 * Literal in immer neuen Dateien - hatte die drei verschiedenen Markenrots
 * entstehen lassen. Hier steht deshalb kein einziges Hex-Literal.
 *
 * --------------------------------------------------------------------------
 * FARBEN: Zuordnung der sieben Literale auf die Tokens aus css/iz-tokens.css
 * --------------------------------------------------------------------------
 *   #8b1a1a -> var(--iz-rot)          im Katalog, unveraenderte Farbe
 *   #6e1414 -> var(--iz-rot-hover)    im Katalog, unveraenderte Farbe
 *   #77685f -> var(--iz-text-muted)   im Katalog, unveraenderte Farbe
 *   #e7ddd0 -> var(--iz-border)       im Katalog, unveraenderte Farbe
 *   #f0e8dc -> var(--iz-border-soft)  im Katalog, unveraenderte Farbe
 *   #fff    -> var(--iz-weiss)        im Katalog, unveraenderte Farbe
 *
 * ZWEI Werte standen NICHT im Katalog und wurden nicht erfunden, sondern auf
 * vorhandene Tokens gefuehrt (Katalog Abschnitt 1 "Kein weiteres Grau" und
 * Abschnitt 8b.3 "13 Beigetoene lassen sich auf 3 reduzieren"). Kontraste
 * gemessen, nicht geschaetzt:
 *
 *   #3a332e -> var(--iz-text) (#241f1c)
 *      Textfarbe der inaktiven Kontonavigation.
 *      Kontrast auf Weiss:  12,40:1  ->  16,31:1  (wird besser)
 *
 *   #f2ece3 -> var(--iz-border-soft) (#f0e8dc)
 *      Hover-Flaeche der Kontonavigation. Einzelgaenger-Beige ohne
 *      Katalogeintrag; #f0e8dc ist der dezente Katalogton und optisch
 *      praktisch deckungsgleich.
 *      Kontrast Text auf Flaeche: 10,56:1 -> 13,42:1 (wird besser)
 *      OFFEN fuer Christian: Der Katalog vermerkt in 8b.3 selbst eine Luecke -
 *      #f7f3ed ist der meistgenutzte helle Flaechenton der Seite, hat aber
 *      keinen Token (Vorschlag --iz-flaeche). Waere er aufgenommen, gehoerte
 *      diese Hover-Flaeche fachlich dorthin. Ein Wortwechsel in dieser Datei.
 *
 * --------------------------------------------------------------------------
 * SCHRIFTGROESSEN: px -> Skala des Katalogs, Abschnitt 2
 * --------------------------------------------------------------------------
 * 🔴 GEMESSENER WIDERSPRUCH ZUM KATALOG (2026-08-08): Der Katalog nennt als
 * Basis 16px. Die tatsaechlich ausgelieferte Root-Schriftgroesse dieser Seite
 * ist aber 18px (getComputedStyle(document.documentElement).fontSize, gemessen
 * auf /shop/ und /mein-konto/orders/). Die Skala rechnet damit anders als im
 * Katalog angenommen. Die Umstellung auf die Skala vergroessert die Schrift
 * der Kontoseiten daher sichtbar:
 *
 *   14px -> 0.875rem (--fs-sm)  = 15,75px   (+1,75px, +12,5 %)
 *   11px -> 0.75rem  (--fs-xs)  = 13,50px   (+2,50px, +22,7 %)
 *   20px -> 1.125rem (--fs-md)  = 20,25px   (+0,25px, +1,4 %)
 *
 * Die Skala erlaubt keine Zwischenwerte ("Wer eine neunte Stufe braucht, hat
 * meist ein Layoutproblem"), ein Erhalt der alten px-Groessen waere also nur
 * durch Bruch der Skala moeglich gewesen. Umgesetzt ist die Skala; die
 * Vergroesserung ist die benannte Abweichung vom Bestand (Regel 16) und liegt
 * Christian zur Freigabe vor.
 *
 * Die Skalenstufen sind bewusst als rem-Literal geschrieben und nicht als
 * Variable: iz-tokens.css hinterlegt bislang nur die Farbtokens, die
 * Groessen-, Abstands- und Radienskalen sind laut Katalog Abschnitt 8 bewusst
 * noch nicht als Custom Properties angelegt. Sobald sie es sind, gehoeren die
 * drei Werte unten auf var(--fs-sm) / var(--fs-xs) / var(--fs-md).
 *
 * --------------------------------------------------------------------------
 * BEWUSST UNVERAENDERT UEBERNOMMEN (Regel 16: Umbau ist kein Neuentwurf)
 * --------------------------------------------------------------------------
 * - Radien 4px und 3px: beide katalogkonform (Abschnitt 4).
 * - Innenabstaende 10px/14px/18px/8px: liegen NICHT auf der 4px-Skala des
 *   Katalogs (Abschnitt 3). Bewusst nicht mitgeaendert - das waere ein
 *   zweiter, unbeauftragter Eingriff in dieselben Zeilen. Als Befund gemeldet.
 * - letter-spacing 0.05em am Tabellenkopf: der Katalog nennt fuer versal
 *   gesetzte Labels 0.08em. Ebenfalls als Befund gemeldet statt nebenbei
 *   geaendert.
 * - Der Selektor ".woocommerce-MyAccount-content > p:first-child" greift auf
 *   der Kontoseite NICHT (gemessen 2026-08-08: kein direktes erstes p-Kind
 *   vorhanden, der Begruessungssatz wird unveraendert dargestellt). Die Regel
 *   ist unwirksam und wurde trotzdem uebernommen, weil ihre Reparatur eine
 *   inhaltliche Aenderung waere, keine Ueberfuehrung. Als Befund gemeldet.
 */

/* Kontonavigation: Liste ohne Aufzaehlungszeichen, als Spalte mit festem Abstand. */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 4px; /* --sp-1 */
}

.woocommerce-account .woocommerce-MyAccount-navigation-link a {
	display: block;
	padding: 10px 14px;
	border-radius: 4px;
	color: var(--iz-text);
	text-decoration: none;
	font-family: OpenSans, Verdana, sans-serif;
	font-size: 0.875rem; /* --fs-sm */
	font-weight: 600;
	transition: background 0.15s ease, color 0.15s ease;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link a:hover {
	background: var(--iz-border-soft);
}

.woocommerce-account .woocommerce-MyAccount-navigation-link.is-active a {
	background: var(--iz-rot);
	color: var(--iz-weiss);
}

.woocommerce-account .woocommerce-MyAccount-content > p:first-child {
	font-family: EBGaramond12-Regular, Georgia, serif;
	font-size: 1.125rem; /* --fs-md */
	margin-bottom: 4px; /* --sp-1 */
}

.woocommerce-account .woocommerce-MyAccount-content a {
	color: var(--iz-rot);
	font-weight: 600;
}

.woocommerce-account .woocommerce-MyAccount-content table.shop_table th {
	text-align: left;
	font-family: OpenSans, Verdana, sans-serif;
	font-size: 0.75rem; /* --fs-xs */
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--iz-text-muted);
	border-bottom: 1px solid var(--iz-border);
	padding: 10px 8px;
}

.woocommerce-account .woocommerce-MyAccount-content table.shop_table td {
	padding: 10px 8px;
	border-bottom: 1px solid var(--iz-border-soft);
	font-size: 0.875rem; /* --fs-sm */
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button,
.woocommerce-account .woocommerce-MyAccount-content button[type="submit"] {
	background: var(--iz-rot);
	color: var(--iz-weiss);
	border-radius: 3px;
	border: none;
	padding: 10px 18px;
	font-family: OpenSans, Verdana, sans-serif;
	font-weight: 600;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button:hover {
	background: var(--iz-rot-hover);
}

.woocommerce-account .woocommerce-MyAccount-content input[type="text"],
.woocommerce-account .woocommerce-MyAccount-content input[type="email"],
.woocommerce-account .woocommerce-MyAccount-content input[type="password"],
.woocommerce-account .woocommerce-MyAccount-content select,
.woocommerce-account .woocommerce-MyAccount-content textarea {
	border: 1px solid var(--iz-border);
	border-radius: 4px;
	padding: 8px 10px;
	font-family: OpenSans, Verdana, sans-serif;
}

.woocommerce-account .woocommerce-MyAccount-content input[type="text"]:focus,
.woocommerce-account .woocommerce-MyAccount-content input[type="email"]:focus,
.woocommerce-account .woocommerce-MyAccount-content input[type="password"]:focus,
.woocommerce-account .woocommerce-MyAccount-content select:focus {
	outline: none;
	border-color: var(--iz-rot);
}