/* 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);
}

/* ---- Eingabefelder ----
 * EINGEGRENZT AM 2026-08-10 BEIM BAU DER BLOECKE 30 UND 31 (Kaufstrecke,
 * Abschnitt 6). Der Bauplan verlangt fuer Block 30 ausdruecklich, vor dem
 * Abloesen von Snippet #210 "Regel fuer Regel gegenzupruefen, welche eine
 * Entsprechung im neuen CSS hat". Das ist hier geschehen:
 *
 * Die beiden folgenden Regelbloecke haben eine Entsprechung - Bauteil 01
 * (css/kauf/01-feld.css) gestaltet dieselben Felder vollstaendig und
 * katalogkonform. Sie wirkten aber weiter mit, weil ihre Spezifitaet
 * (0,4,1) hoeher ist als die des Bauteils (0,2,1): gemessen am 2026-08-10
 * setzte insbesondere "outline: none" den Fokusring aus Bauteil 01 wieder
 * ausser Kraft - also genau die WCAG-2.1-AA-Luecke (2.4.7), die Block 01
 * schliessen soll. Ein Gegen-!important oder ein hoeher gezogener
 * Selektor im Seitenblock waere ein Flicken auf einem Flicken (Regel 1).
 *
 * Deshalb werden die Regeln nicht ueberschrieben, sondern EINGEGRENZT:
 * Sie gelten unveraendert weiter - nur nicht mehr auf den beiden
 * Ansichten, die die Bloecke 30 und 31 uebernommen haben. Die
 * Koerperklassen dafuer sind gemessen, nicht angenommen (2026-08-10 am
 * gelieferten HTML): woocommerce-edit-address bzw. woocommerce-edit-account.
 *
 * Auf allen uebrigen Kontoansichten (Anmeldung, Registrierung,
 * Passwort vergessen, Zahlungsarten, Support) bleibt die Wirkung
 * zeichengleich. Die Regeln fuer Navigation, Tabellen, Verweise und
 * Knoepfe unten sind NICHT eingegrenzt - jene Bereiche baut kein Block
 * dieses Plans; sie loest der Kundenkonto-Plan ab. */
.woocommerce-account:not(.woocommerce-edit-address):not(.woocommerce-edit-account) .woocommerce-MyAccount-content input[type="text"],
.woocommerce-account:not(.woocommerce-edit-address):not(.woocommerce-edit-account) .woocommerce-MyAccount-content input[type="email"],
.woocommerce-account:not(.woocommerce-edit-address):not(.woocommerce-edit-account) .woocommerce-MyAccount-content input[type="password"],
.woocommerce-account:not(.woocommerce-edit-address):not(.woocommerce-edit-account) .woocommerce-MyAccount-content select,
.woocommerce-account:not(.woocommerce-edit-address):not(.woocommerce-edit-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:not(.woocommerce-edit-address):not(.woocommerce-edit-account) .woocommerce-MyAccount-content input[type="text"]:focus,
.woocommerce-account:not(.woocommerce-edit-address):not(.woocommerce-edit-account) .woocommerce-MyAccount-content input[type="email"]:focus,
.woocommerce-account:not(.woocommerce-edit-address):not(.woocommerce-edit-account) .woocommerce-MyAccount-content input[type="password"]:focus,
.woocommerce-account:not(.woocommerce-edit-address):not(.woocommerce-edit-account) .woocommerce-MyAccount-content select:focus {
	border-color: var(--iz-rot);
}

/* ---- Warum hier kein "outline: none" mehr steht ----
 * GESTRICHEN AM 2026-09-08 (A-0310). Die Regel darueber trug bis heute
 * zusaetzlich "outline: none". Das stammte aus dem abgeloesten Snippet #210
 * und hatte hier keinen eigenen Zweck - gewollt war der rote Rahmen, nicht
 * das Abschalten des Fokusrings.
 *
 * Wirkung, am 2026-09-08 am gerenderten Zustand gemessen: Mit ihrer
 * Spezifitaet 0-4-1 schlug sie jede allgemeine Fokusregel des Child-Themes.
 * Auf allen Kontoansichten ausser "Adressen" und "Konto bearbeiten" - also
 * Zahlungsarten, Bestellungen, Support - blieb der Tastatur-Fokusring
 * deshalb aus (WCAG 2.1 AA, 2.4.7). Nachgebaut und mit Gegenprobe belegt:
 * dasselbe Feld innerhalb des Containers ohne Ring, ausserhalb mit Ring.
 *
 * Nicht ueberschrieben, sondern an der Stelle entfernt, an der der Mangel
 * steht - ein Gegen-!important oder ein hoeher gezogener Selektor waere ein
 * Flicken auf einem Flicken; das sagt schon der Kommentar vom 2026-08-10
 * weiter oben. Der Ring kommt jetzt aus dem K-18-Block in style.css.
 *
 * ⚠️ NICHT AM ANGEMELDETEN KONTO GEPRUEFT: Von diesem Rechner besteht keine
 * angemeldete Sitzung; die Ansichten, die diese Regel betrifft, sind nur
 * angemeldet erreichbar. Gemessen ist die Kaskade am gelieferten CSS mit
 * einem nachgebauten Container, nicht die reale Kontoansicht. */

/* ---- Hinweiskasten ohne Abonnements: Knopf bricht mobil in den Text ----
 * AUFGENOMMEN AM 2026-08-31 nach einem Fund Christians am iPhone.
 *
 * Der Kasten kommt aus dem Subscriptions-Template
 * plugins/woocommerce-subscriptions/templates/myaccount/my-subscriptions.php,
 * Zeilen 73-83: ein <p class="woocommerce-info">, in dem Text und Knopf
 * Geschwister sind.
 *
 * Ursache, am Server gemessen -- WooCommerce-Kern-CSS
 * (plugins/woocommerce/assets/css/woocommerce.css):
 *   .woocommerce-info .button, .woocommerce-message .button { float: right }
 * Der gefloatete Knopf wird aus dem Textfluss genommen. Auf schmalem Schirm
 * reicht die Restbreite fuer den Satz nicht mehr, und der umbrechende
 * Knopftext legt sich ueber "Du hast keine aktiven Abonnements.".
 *
 * Nur der Float wird aufgehoben, nichts umgestaltet: ab 768px bleibt die
 * bestehende Darstellung unveraendert (Umbau ist kein Neuentwurf).
 * 767px ist der im Child-Theme durchgaengige Mobil-Breakpoint (30 Stellen).
 */

@media (max-width: 767px) {

	.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info .button,
	.woocommerce-account .woocommerce-MyAccount-content .woocommerce-message .button {
		float: none;
		display: block;
		width: fit-content;
		margin-top: 12px;
	}
}

/* ---- Registrierung: Knopf unter das Formular, Sternchen in die Zeile ----
 * AUFGENOMMEN AM 2026-10-26 nach einem Fund Christians.
 *
 * Das Eltern-Theme (iz-2025/woocommerce.min.css, ab 768px) legt jedes
 * .woocommerce-form als Raster mit zwei Spalten an und setzt p:nth-child(4)
 * nach rechts. Im Anmeldeformular passt das, im Registrierformular landet
 * dadurch der Knopf rechts neben der Datenschutz-Zustimmung, und deren
 * Sternchen bricht in der schmalen Spalte allein in eine neue Zeile.
 *
 * Hier: Zustimmung ueber beide Spalten, Knopf darunter und linksbuendig,
 * wie "Anmelden" im Anmeldeformular.
 */

@media (min-width: 768px) {

	.woocommerce-account .entry-content .woocommerce .woocommerce-form.woocommerce-form-register > .wc-gzd-checkbox-placeholder {
		grid-column: 1 / -1;
		grid-row: 2;
	}

	.woocommerce-account .entry-content .woocommerce .woocommerce-form.woocommerce-form-register > p.form-row:last-child {
		grid-column: 1;
		grid-row: 3;
		justify-self: start;
	}
}

/* ---------------------------------------------------------------------------
 * Bauplan 4, Stufe A/B (IZ-Neustart, 27.10.2026): Zurück-Knopf, Bestellungen
 * nach Jahren, Erstbegrüßung, Kündigen-Knopf. Nur Tokens, kein Hex-Wert.
 * Rückweg: diesen Block entfernen.
 * ------------------------------------------------------------------------- */
.iz-konto-anrede { font-weight: 600; }
.iz-konto-zurueck { margin: 0 0 1rem; }
.iz-konto-zurueck a { text-decoration: none; }
.iz-bestell-jahr { margin: 0 0 1rem; border: 1px solid var(--iz-border); border-radius: 4px; }
.iz-bestell-jahr > summary { cursor: pointer; padding: .6rem .9rem; font-weight: 600; background: var(--iz-flaeche, var(--iz-border-soft)); }
.iz-bestell-jahr > table { margin: 0; }
.iz-bestell-anzahl { font-weight: 400; color: var(--iz-text-muted); }
.iz-konto-begruessung { margin: 1rem 0 1.5rem; padding: 1rem 1.25rem; border: 1px solid var(--iz-border); border-left: 4px solid var(--iz-rot); border-radius: 4px; background: var(--iz-weiss); }
.iz-konto-begruessung h2 { font-size: 1.1rem; margin: 0 0 .5rem; }
.iz-konto-begruessung ul { margin: 0 0 .8rem 1.1rem; }
.iz-abo-kuendigen, .iz-abo-kuendigen-formular { margin-left: .4rem; }
.iz-abo-gekuendigt { display: inline-block; margin-left: .4rem; color: var(--iz-text-muted); }
.iz-adresse-uebernehmen { margin: 0 0 1rem; }
.iz-adresse-hinweis, .iz-zahlarten-hinweis { color: var(--iz-text-muted); }

/* ---------------------------------------------------------------------------
 * Bauplan 4, Stufe C (IZ-Neustart, 27.10.2026): Seitenleiste in Gruppen mit
 * IZ+-Karte, Lesebereich der Übersicht (Weiterlesen, Neue Ausgabe, Meine
 * Bibliothek, Archivsuche) und Seite „Meine Bibliothek“. Nur Tokens, kein Hex-Wert.
 * Aktiver Punkt: roter Balken links + Fläche --iz-flaeche + aria-current
 * (nie nur Farbe). Rückweg: diesen Block entfernen.
 * ------------------------------------------------------------------------- */
.woocommerce-account .iz-konto-seitenleiste {
	display: flex;
	flex-direction: column;
	gap: var(--sp-4);
	text-align: left;
	font-family: OpenSans, Verdana, sans-serif;
}
.iz-konto-karte {
	padding: var(--sp-3) var(--sp-4);
	background: var(--iz-weiss);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-standard);
}
.iz-konto-karte p { margin: 0; }
.woocommerce-account .iz-konto-seitenleiste .iz-konto-karte,
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav__titel { text-align: left; }
.iz-konto-karte__marke {
	font-family: EBGaramond12-Regular, Georgia, serif;
	font-size: var(--fs-lg);
	line-height: 1.2;
	color: var(--iz-rot);
}
.iz-konto-karte__status { font-weight: 600; font-size: var(--fs-sm); color: var(--iz-text); }
.iz-konto-karte__seit { font-size: var(--fs-sm); color: var(--iz-text-muted); }
.iz-konto-karte__seit a:link,
.iz-konto-karte__seit a:visited { color: var(--iz-rot); font-weight: 600; }
.iz-konto-nav { display: flex; flex-direction: column; }
.iz-konto-nav__titel {
	margin: var(--sp-4) 0 var(--sp-1);
	padding: 0 var(--sp-3);
	font-family: OpenSans, Verdana, sans-serif;
	font-size: var(--fs-xs);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--iz-text-muted);
}
.iz-konto-nav__titel:first-child { margin-top: 0; }
.woocommerce-account .iz-konto-seitenleiste ul.iz-konto-nav__gruppe {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0;
}
.woocommerce-account .iz-konto-seitenleiste ul.iz-konto-nav__gruppe--ende {
	margin-top: var(--sp-4);
	padding-top: var(--sp-2);
	border-top: 1px solid var(--iz-border-soft);
}
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav__gruppe li { margin: 0; }
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav__gruppe li a {
	display: flex;
	align-items: center;
	min-height: 44px;
	padding: 0 var(--sp-3);
	border: 0;
	border-left: 3px solid transparent;
	border-radius: 0 var(--r-standard) var(--r-standard) 0;
	background: transparent;
	color: var(--iz-text);
	font-size: var(--fs-sm);
	font-weight: 600;
	line-height: 1.3;
	text-decoration: none;
}
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav__gruppe li a:hover {
	background: var(--iz-flaeche);
	color: var(--iz-text);
}
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav__gruppe li a:focus-visible {
	outline: 2px solid var(--iz-rot);
	outline-offset: 2px;
}
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav__gruppe li a[aria-current="page"],
.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav__gruppe li.is-active a {
	border-left-color: var(--iz-rot);
	background: var(--iz-flaeche);
	color: var(--iz-text);
}

/* Übersicht: Kacheln und Archivsuche */
.iz-konto-lesen {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(13rem, 1fr));
	gap: var(--sp-4);
	margin-top: var(--sp-6);
}
.iz-konto-kachel {
	display: flex;
	flex-direction: column;
	gap: var(--sp-2);
	padding: var(--sp-4);
	background: var(--iz-weiss);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-standard);
}
.iz-konto-kachel > * { margin: 0; }
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-kachel__titel {
	margin: 0;
	font-family: OpenSans, Verdana, sans-serif;
	font-size: var(--fs-xs);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: .08em;
	color: var(--iz-text-muted);
}
.iz-konto-kachel__bild img,
.iz-konto-kachel__titelseite img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--r-standard);
}
.iz-konto-kachel__bild img { aspect-ratio: 3 / 2; object-fit: cover; }
.iz-konto-kachel__titelseite img { max-width: 9rem; border: 1px solid var(--iz-border-soft); }
.iz-konto-kachel__ueberschrift {
	font-family: EBGaramond12-Regular, Georgia, serif;
	font-size: var(--fs-md);
	line-height: 1.3;
	text-wrap: balance;
}
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-kachel__ueberschrift a { color: var(--iz-text); font-weight: 400; text-decoration: none; }
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-kachel__ueberschrift a:hover { color: var(--iz-rot); text-decoration: underline; }
.iz-konto-kachel__info { font-size: var(--fs-sm); color: var(--iz-text-muted); }
.iz-konto-kachel__zahlen { list-style: none; margin: 0; padding: 0; display: flex; gap: var(--sp-6); font-size: var(--fs-sm); color: var(--iz-text-muted); }
.iz-konto-kachel__zahl { display: block; font-family: EBGaramond12-Regular, Georgia, serif; font-size: var(--fs-xl); line-height: 1.1; color: var(--iz-text); font-variant-numeric: tabular-nums; }
.iz-konto-suche {
	margin-top: var(--sp-6);
	padding: var(--sp-4);
	background: var(--iz-flaeche);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-standard);
}
.iz-konto-suche__label { display: block; margin-bottom: var(--sp-2); font-weight: 600; font-size: var(--fs-sm); color: var(--iz-text); }
.iz-konto-suche__zeile { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-suche__feld {
	flex: 1 1 12rem;
	min-width: 0;
	min-height: 44px;
	padding: 0 var(--sp-3);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-standard);
	background: var(--iz-weiss);
	font: inherit;
	color: var(--iz-text);
}
.woocommerce-account .woocommerce-MyAccount-content .iz-konto-suche__knopf { min-height: 44px; }

/* Seite „Meine Bibliothek“ */
.iz-bibliothek { display: flex; flex-direction: column; gap: var(--sp-6); }
.iz-bibliothek > * { margin: 0; }
.iz-bibliothek__intro { color: var(--iz-text-muted); }
.woocommerce-account .woocommerce-MyAccount-content .iz-bibliothek__liste h2 { margin: 0 0 var(--sp-2); font-size: var(--fs-lg); }
.iz-bibliothek__anzahl { color: var(--iz-text-muted); font-size: var(--fs-base); }
.iz-bibliothek__leer { margin: 0; color: var(--iz-text-muted); }
.iz-bibliothek__eintraege { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--iz-border); }
.iz-bibliothek__eintrag {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--sp-2) var(--sp-4);
	padding: var(--sp-3) 0;
	border-bottom: 1px solid var(--iz-border-soft);
}
.iz-bibliothek__titel { flex: 1 1 16rem; font-family: EBGaramond12-Regular, Georgia, serif; font-size: var(--fs-md); line-height: 1.3; }
.woocommerce-account .woocommerce-MyAccount-content a.iz-bibliothek__titel { color: var(--iz-text); font-weight: 400; text-decoration: none; }
.woocommerce-account .woocommerce-MyAccount-content a.iz-bibliothek__titel:hover { color: var(--iz-rot); text-decoration: underline; }
.iz-bibliothek__datum { font-size: var(--fs-sm); color: var(--iz-text-muted); font-variant-numeric: tabular-nums; }
.iz-bibliothek__aktionen { display: flex; flex-wrap: wrap; gap: var(--sp-2); }
.iz-bibliothek__form { margin: 0; }
.woocommerce-account .woocommerce-MyAccount-content button.iz-bibliothek__knopf {
	min-height: 44px;
	padding: 0 var(--sp-3);
	background: var(--iz-weiss);
	color: var(--iz-rot);
	border: 1px solid var(--iz-border);
	border-radius: var(--r-standard);
	font-size: var(--fs-sm);
	font-weight: 600;
	cursor: pointer;
}
.woocommerce-account .woocommerce-MyAccount-content button.iz-bibliothek__knopf:hover { border-color: var(--iz-rot); }
.woocommerce-account .woocommerce-MyAccount-content button.iz-bibliothek__knopf:focus-visible { outline: 2px solid var(--iz-rot); outline-offset: 2px; }

/* Telefon: Menüpunkte als umbrechende Felder statt einer langen Spalte,
 * damit die Übersicht nicht erst nach zwölf Zeilen beginnt. 44px hoch bleibt. */
@media (max-width: 767px) {
	.woocommerce-account .iz-konto-seitenleiste ul.iz-konto-nav__gruppe {
		flex-direction: row;
		flex-wrap: wrap;
		gap: var(--sp-2);
	}
	.woocommerce-account .iz-konto-seitenleiste .iz-konto-nav__gruppe li a {
		padding: 0 var(--sp-3);
		border: 1px solid var(--iz-border);
		border-left-width: 3px;
		border-left-color: var(--iz-border);
		border-radius: var(--r-standard);
	}
	.iz-konto-nav__titel { margin-top: var(--sp-3); padding: 0; }
	.woocommerce-account .iz-konto-seitenleiste ul.iz-konto-nav__gruppe--ende { margin-top: var(--sp-3); padding-top: var(--sp-3); }
}