/*
 * Widget "IZ Bücher" in der rechten Spalte.
 *
 * ANLASS, und er ist ein gemessener Fehler: Das Widget ist am 2026-10-14 ohne
 * eigenes Stylesheet ausgeliefert worden. Titel und Preis stehen in zwei
 * span-Elementen; ohne Regel sind beide "inline" und laufen in einer Zeile
 * zusammen. Auf der Seite stand dadurch "Sahih Muslim Band 124,00 €" — die
 * Eins aus "Band 1" klebte am Preis. Gefunden hat es Abdelkabir, nicht ich.
 *
 * Eigene Datei und nicht ins Basis-Stylesheet: Sie lässt sich einzeln
 * zurücknehmen, ohne den Rest der Spalte anzufassen — dasselbe Vorgehen wie
 * bei iz-anzeigen.css und iz-mein-konto.css.
 *
 * Farben und Größen ausschließlich über Tokens aus iz-tokens.css, Größen in
 * rem, Radius über --r-standard (4 px) — Gestaltungskatalog, Abschnitt 8.
 *
 * ⟲ 2026-10-14, ZWEITE FASSUNG durch A-0689 — angeordnet von Abdelkabir am
 * selben Tag zur rechten Spalte, im Wortlaut: größere Cover, Titel und Preis
 * rücken darunter. Die erste Fassung stellte das Bild in eine 3,5 rem breite
 * Rasterspalte neben den Text (am gelieferten HTML gemessen: 63 px bei einer
 * Spaltenbreite von 266 px). Aus dem Raster wird deshalb ein Stapel: Bild über
 * die volle Breite des Eintrags, darunter Titel, Preis und der Pflichtzusatz.
 *
 * 🔴 WAS DABEI NICHT ANGEFASST IST, und das ist Absicht: Schriftgrößen, Farben
 * und die Trennlinie zwischen den Einträgen bleiben, wie sie waren. Angeordnet
 * war die Größe des Bildes und die Reihenfolge, sonst nichts
 * (*Umbau ist kein Neuentwurf* — "wäre schöner" ist kein Anlass).
 *
 * MOBIL: in dieser Datei steht kein Breiten-Abschnitt. Die Regeln treffen
 * jede Breite, die mobile Darstellung also mit — der Testbrowser kommt hier
 * aber nicht unter rund 825 px und kann sie nicht belegen. Geführt in
 * IZ-Kompass/Mobil-Bestaetigungen.md.
 */

.iz-buecher-widget__liste {
	list-style: none;
	margin: 0;
	padding: 0;
}

.iz-buecher-widget__eintrag + .iz-buecher-widget__eintrag {
	border-top: 1px solid var(--iz-border-soft);
	margin-top: var(--sp-4);
	padding-top: var(--sp-4);
}

/* 🔴 Der Kern dieser Fassung: ein Stapel, kein Raster. Bild oben, Text
   darunter. Vorher stand hier ein Raster mit 3.5rem für das Bild. */
.iz-buecher-widget__link {
	display: block;
	text-decoration: none;
	color: var(--iz-text);
}

.iz-buecher-widget__link:hover .iz-buecher-widget__titel,
.iz-buecher-widget__link:focus-visible .iz-buecher-widget__titel {
	color: var(--iz-rot-hover);
	text-decoration: underline;
}

.iz-buecher-widget__bild {
	display: block;
	margin-bottom: var(--sp-2);
}

.iz-buecher-widget__bild img,
.iz-buecher-widget__bild picture {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--r-standard);
}

/* 🔴 Titel und Preis stehen untereinander, nie nebeneinander. Genau das
   Zusammenlaufen war der Fehler vom 14.10. */
.iz-buecher-widget__titel {
	display: block;
	font-size: var(--fs-sm);
	line-height: 1.3;
	font-weight: 600;
}

.iz-buecher-widget__preis {
	display: block;
	margin-top: var(--sp-1);
	font-size: var(--fs-xs);
	color: var(--iz-text-muted);
}

.iz-buecher-widget__preis .woocommerce-Price-amount {
	font-weight: 600;
	color: var(--iz-text);
}

/* Der Pflichtzusatz zu Umsatzsteuer und Versandkosten. Er kommt unverändert
   aus Germanized und bringt dessen eigene Klassen mit; hier wird nur der
   Abstand gesetzt, den Absätze in der Seitenleiste sonst mitbringen. */
.iz-buecher-widget__hinweise {
	margin-top: var(--sp-1);
}

.iz-buecher-widget__hinweise .wc-gzd-additional-info {
	margin: 0;
	font-size: var(--fs-xs);
	line-height: 1.35;
	color: var(--iz-text-muted);
}

.iz-buecher-widget__hinweise .wc-gzd-additional-info a {
	color: var(--iz-text-muted);
	text-decoration: underline;
}

.iz-buecher-widget__hinweise .wc-gzd-additional-info a:hover,
.iz-buecher-widget__hinweise .wc-gzd-additional-info a:focus-visible {
	color: var(--iz-rot-hover);
}