/**
 * Regenwald-Abbildungsverzeichnis – Frontend-Styles
 *
 * Bewusst zurückhaltend gehalten: Schrift und Linkfarben werden vom Theme
 * geerbt, damit das Verzeichnis automatisch zum Grunddesign der Seite passt.
 * Die Akzentfarbe lässt sich über die CSS-Variable --rwa-accent anpassen,
 * z. B. im Customizer -> Zusätzliches CSS: .rwa-verzeichnis{--rwa-accent:#1b7a3d;}
 */

.rwa-verzeichnis {
	--rwa-accent: #2e7d32;      /* Regenwald-Grün, überschreibbar */
	--rwa-border: rgba(0, 0, 0, 0.1);
	margin: 1.5em 0;
}

/* Überschrift (optional) */
.rwa-verzeichnis .rwa-title {
	margin-bottom: 0.5em;
}

/* Rubriken-Sprungmenü */
.rwa-nav {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4em;
	margin: 0 0 1.5em;
	padding: 0.6em 0.7em;
	border: 1px solid var(--rwa-border);
	border-radius: 6px;
	line-height: 1.6;
}

.rwa-nav a {
	display: inline-block;
	padding: 0.15em 0.6em;
	font-weight: 700;
	font-size: 0.95em;
	text-decoration: none;
	border-radius: 4px;
	color: var(--rwa-accent);
}

.rwa-nav a:hover,
.rwa-nav a:focus {
	color: #fff;
	background: var(--rwa-accent);
}

/* Rubrik-Abschnitt */
.rwa-section {
	scroll-margin-top: 90px; /* Platz für ggf. fixierte Kopfzeile */
	margin-bottom: 1.5em;
}

.rwa-kategorie {
	margin: 0 0 0.6em;
	padding-bottom: 0.15em;
	color: var(--rwa-accent);
	border-bottom: 2px solid var(--rwa-accent);
	font-size: 1.3em;
}

/* Liste der Abbildungen */
.rwa-list {
	margin: 0;
}

.rwa-item {
	display: flex;
	align-items: flex-start;
	gap: 1em;
	padding: 0.9em 0;
	border-bottom: 1px solid var(--rwa-border);
}

.rwa-thumb {
	flex: 0 0 auto;
}

.rwa-thumb a {
	display: block;
}

.rwa-thumb img {
	display: block;
	width: 90px;
	height: 90px;
	object-fit: cover;
	border-radius: 6px;
}

.rwa-info {
	flex: 1 1 auto;
	min-width: 0;
}

.rwa-name {
	margin: 0 0 0.25em;
	font-weight: 700;
	font-size: 1.05em;
}

.rwa-name a {
	/* Linkfarbe vom Theme erben, damit es zum Rest der Seite passt. */
	text-decoration: none;
}

.rwa-name a:hover,
.rwa-name a:focus {
	text-decoration: underline;
}

.rwa-desc {
	margin: 0;
	font-size: 0.95em;
	color: inherit;
}

.rwa-desc p {
	margin: 0;
}

/* „nach oben"-Link */
.rwa-top {
	margin: 0.4em 0 0;
	font-size: 0.85em;
}

.rwa-top a {
	color: var(--rwa-accent);
	text-decoration: none;
}

.rwa-empty {
	font-style: italic;
	color: #666;
}

@media (max-width: 480px) {
	.rwa-thumb img {
		width: 64px;
		height: 64px;
	}
}