/**
 * Majaa – Schriften und Grundflächen der Seite.
 *
 * Beide Schriften liegen lokal in assets/fonts/, ohne Verbindung zu Google
 * (Datenschutz). Quelle: Google Fonts (github.com/google/fonts), statische
 * Schnitte, auf Latein und Latein-Erweitert reduziert, WOFF2. Lizenz: SIL OFL 1.1.
 * - Nunito Sans 400/700 (Fließtext und Bedienung), fonts/NunitoSans-OFL.txt
 * - Playfair Display 400/500 (Überschriften), fonts/PlayfairDisplay-OFL.txt
 */
@font-face {
	font-family: 'Nunito Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/nunito-sans-400.woff2') format('woff2');
}
@font-face {
	font-family: 'Nunito Sans';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('fonts/nunito-sans-700.woff2') format('woff2');
}
@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('fonts/playfair-display-400.woff2') format('woff2');
}
@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('fonts/playfair-display-500.woff2') format('woff2');
}

/* Fließtext: Das Theme (Gwangi) setzt die Schrift am body; alle anderen
 * Elemente erben sie. Überschriften behalten ihre eigene Schrift. */
html body,
html body .tooltip {
	font-family: var(--majaa-font-body);
}

/* Grundflächen der Seite.
 *
 * Färbt den Seitengrund und die Kopfleiste mit dem zentralen Token
 * --majaa-color-page (tokens.css). Seitenleiste, Karten und Module
 * behalten ihre eigenen Flächenfarben.
 *
 * Die Selektoren sind bewusst etwas spezifischer, weil Theme (Gwangi),
 * BuddyPress und die Feed-Schicht den Grund sonst weiß setzen.
 */
html body,
html body #buddypress,
html body #navigation,
html body.majaa-navigation-approved #navigation {
	background-color: var(--majaa-color-page) !important;
}
html body #navigation .grimlock-navbar__container,
html body #navigation .grimlock-navbar__header,
html body #navigation .navbar-brand-secondary {
	background-color: var(--majaa-color-page-top) !important;
}

/* Einfache Seiten (z. B. Anmelden, Registrieren, Konto): Das Theme zeigt oben sein
 * Standardbild mit blauer Welle; der Titel darin liegt im Majaa-Layout unter Kopfleiste
 * und Seitenleiste. Der Kopf entfällt, der Titel steht als Überschrift im Inhalt. */
body #header .grimlock-custom_header {
	display: none !important;
}
body .entry-content > h1.wp-block-heading:first-child {
	margin: 0 0 24px;
	color: var(--majaa-color-ink);
	font: 400 37px / 1.2 var(--majaa-font-heading);
	letter-spacing: normal;
	text-transform: none;
}
@media (max-width: 600px) {
	body .entry-content > h1.wp-block-heading:first-child { font-size: 30px; }
}

/* Demo-Inhalte des Themes ausblenden: „Join the Best Community“ (After Content),
 * „Register to Gwangi“ (Pre Footer) und der Theme-Hinweis im Fuß. Majaa hat dort
 * noch keine eigenen Inhalte; Impressum/Datenschutz bekommen einen eigenen Ort. */
body #after_content,
body #prefooter,
body #footer {
	display: none !important;
}

/* Mobil (unter 1100 px, Kopfleiste liegt absolut über der Seite): Ohne Theme-Kopf
 * würde der Inhalt unter der Kopfleiste beginnen; der Kopfbereich hält deren Höhe frei. */
@media (max-width: 1099px) {
	body:has(#header .grimlock-custom_header) #header {
		min-height: 92px;
	}
}

/* Avatare: immer rund (Designsystem). Feiner Schatten ab 48 px: Beitragskopf,
 * Seitenleiste, Anfragen und Profil. Kommentare und Antworten (24/36) ohne Schatten. */
body img.avatar {
	border-radius: 50%;
}
body #buddypress .activity-avatar img.avatar,
body #vertical-navigation .maj-menu-welcome img.avatar,
body #vertical-navigation .maj-drawer-heading img.avatar,
body #buddypress .majaa-request-avatar img.avatar {
	box-shadow: var(--majaa-avatar-shadow);
}