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

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

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

/* A–Z Sprungmenü */
.rwg-az {
	display: flex;
	flex-wrap: wrap;
	gap: 0.15em;
	margin: 0 0 1.5em;
	padding: 0.6em 0.7em;
	border: 1px solid var(--rwg-border);
	border-radius: 6px;
	line-height: 1.6;
}

.rwg-az a,
.rwg-az .rwg-az-off {
	display: inline-block;
	min-width: 1.6em;
	padding: 0.15em 0;
	text-align: center;
	font-weight: 700;
	text-decoration: none;
	border-radius: 4px;
}

.rwg-az a {
	color: var(--rwg-accent);
}

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

.rwg-az .rwg-az-off {
	color: #bbb;
	cursor: default;
}

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

.rwg-letter {
	margin: 0 0 0.3em;
	padding-bottom: 0.15em;
	color: var(--rwg-accent);
	border-bottom: 2px solid var(--rwg-accent);
	font-size: 1.4em;
}

/* Begriffsliste */
.rwg-list {
	margin: 0;
}

.rwg-term {
	margin-top: 0.9em;
	font-weight: 700;
	font-size: 1.08em;
}

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

.rwg-term a:hover,
.rwg-term a:focus {
	text-decoration: underline;
}

.rwg-desc {
	margin: 0.2em 0 0;
	padding: 0 0 0.6em;
	border-bottom: 1px solid var(--rwg-border);
}

.rwg-desc p {
	margin: 0;
}

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

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

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