/*
Theme Name: FahreGreen
Theme URI: https://fahregreen.de/
Author: MajuSoft
Description: Schlankes Blockthema fuer fahregreen.de. Farben aus dem App-Symbol gemessen, nicht geschaetzt.
Version: 0.1.0
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.0
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fahregreen
Tags: full-site-editing, blog
*/

/* Die Gestaltung liegt in theme.json. Hier steht nur, was dort nicht geht. */

/* --- Kopfzeile: Marke und Sprachwahl ------------------------------------ */

.marke { gap: .7rem; align-items: center; }
.marke-zeichen img { border-radius: 9px; display: block; }
.marke .wp-block-site-title a { text-decoration: none; color: var(--wp--preset--color--text); }

.kopf-rechts { gap: 1.1rem; align-items: center; }

/* Sprachwahl als Kuerzel. Klassennamen von Polylang, siehe functions.php. */
.sprachwahl { display: flex; gap: .55rem; list-style: none; margin: 0; padding: 0; }
.sprachwahl a {
	text-decoration: none;
	font-size: var(--wp--preset--font-size--klein);
	font-weight: 600;
	letter-spacing: .04em;
	color: var(--wp--preset--color--text-still);
}
.sprachwahl .current-lang a { color: var(--wp--preset--color--akzent); }
.sprachwahl a:hover { text-decoration: underline; }

/* --- Fusszeile ---------------------------------------------------------- */

.leise {
	font-size: var(--wp--preset--font-size--klein);
	color: var(--wp--preset--color--text-still);
	text-align: center;
}
.leise a { color: var(--wp--preset--color--text-still); }

/* --- Lesbarkeit der Rechtstexte ----------------------------------------- */

/*
 * Datenschutz und Impressum sind lange Listen kurzer Absaetze. Ohne diese
 * Regel klebt die Ueberschrift am vorigen Absatz statt am eigenen Abschnitt.
 */
main h2 { margin-top: var(--wp--preset--spacing--40); }
main h3 { margin-top: var(--wp--preset--spacing--30); }
main ul { padding-left: 1.2rem; }
main li { margin-block: .4rem; }

/* Zitate: der Berechtigungstext der App steht als Zitat auf der Seite. */
.wp-block-quote {
	border-left: 3px solid var(--wp--preset--color--akzent-hell);
	padding-left: 1.1rem;
	margin-left: 0;
	font-style: normal;
}