/*
 * Sponties Base — globale Regeln, die im Prototyp als <style> im helmet standen,
 * plus Responsive-Verhalten des öffentlichen Headers (Burger < 768px).
 * Alle Layout-/Farbwerte der Screens bleiben als Inline-Styles im Markup
 * (pixelgenaue 1:1-Referenz zum Design-Handoff).
 */

body {
	margin: 0;
	background: #fff;
	font-family: 'Karla', system-ui, sans-serif;
	overflow-x: hidden; /* Mobil-Härtung: kein horizontales Überlaufen */
}

a { color: #00629B; }
a:hover { color: #004A75; }

/* Mobil-Härtung: Flex-Kinder (Member-Main) dürfen unter ihre Content-Breite schrumpfen. */
body.sponties-member main { min-width: 0; }

/* Mitgliederbereich: CSS-Variablen hell/dunkel (Prototyp: html[data-theme=dark]) */
:root {
	--m-bg: #F2F7FA;
	--m-card: #ffffff;
	--m-line: #E3EBF1;
	--m-text: #1C2B36;
	--m-sub: #4A5B68;
	--m-accent: #00629B;
	--m-chip: #EAF3F9;
	--m-chip-text: #00629B;
}

html[data-theme="dark"] {
	--m-bg: #0C1824;
	--m-card: #152838;
	--m-line: #24384C;
	--m-text: #EAF3F9;
	--m-sub: #9FB4C4;
	--m-accent: #5FB0E0;
	--m-chip: #1D3348;
	--m-chip-text: #8CC6EA;
}

body.sponties-member {
	background: var(--m-bg);
}

body.sponties-member a { color: var(--m-accent); }
body.sponties-member a:hover { opacity: .88; color: var(--m-accent); }

/* „Gerade online"-Avatare: Hover-/Fokus-Tooltip mit Name, Alter, Ort. */
.sp-online-av { position: relative; }
.sp-online-av .sp-online-tip {
	display: none; position: absolute; bottom: calc(100% + 8px); left: 50%; transform: translateX(-50%);
	background: var(--m-text); color: var(--m-card); font: 600 12px/1.45 'Karla', system-ui, sans-serif;
	padding: 7px 11px; border-radius: 9px; white-space: nowrap; text-align: center; z-index: 30;
	box-shadow: 0 8px 24px rgba(6, 16, 26, .28); pointer-events: none;
}
.sp-online-av .sp-online-tip strong { font-weight: 700; }
.sp-online-av:hover .sp-online-tip, .sp-online-av:focus-visible .sp-online-tip { display: block; }

/* Öffentlicher Header: Burger-Verhalten */
.sp-mobile-menu[hidden] { display: none; }
.sp-mobile-menu:not([hidden]) { display: flex; }

@media (max-width: 767px) {
	.sp-seo-bar { display: none !important; }
	.sp-desktop-nav { display: none !important; }
	.sp-burger { display: flex !important; }
	.sp-header-logo { height: 30px !important; }
}

@media (min-width: 768px) {
	.sp-mobile-menu { display: none !important; }
}

/*
 * Kundenkonto: Cookie-Consent-Widgets ausblenden.
 * Der Consent wird auf der ÖFFENTLICHEN Seite eingeholt (Banner bleibt dort);
 * nur im eingeloggten Mitgliederbereich (app-artige UI, inkl. PWA-Shell) wird
 * der Cookie-Banner verborgen. PRIMÄR: das eigene Plugin »Kakapo Consent«
 * (#kakapo-consent-banner). Zusätzlich als Fallback die gängigen Fremd-Plugins
 * (Borlabs, Real Cookie Banner, Complianz, Cookie Notice, CookieYes / Cookie
 * Law Info, Cookiebot, Moove GDPR, Iubenda, Usercentrics, Cookiefirst, Termly,
 * Osano/generisch). Das Ausblenden des Host-Elements verbirgt auch
 * Shadow-DOM-Widgets (z. B. Usercentrics/Cookiebot).
 */
body.sponties-member #kakapo-consent-banner,
body.sponties-member [id^="kakapo-consent"],
body.sponties-member #BorlabsCookieBox,
body.sponties-member #BorlabsCookieWidget,
body.sponties-member ._brlbs-bar,
body.sponties-member ._brlbs-cookie-box,
body.sponties-member #rcb-banner,
body.sponties-member [id^="rcb-"],
body.sponties-member .rcb-revoke-container,
body.sponties-member #cmplz-cookiebanner-container,
body.sponties-member .cmplz-cookiebanner,
body.sponties-member #cmplz-manage-consent,
body.sponties-member .cmplz-manage-consent,
body.sponties-member #cookie-notice,
body.sponties-member .cookie-revoke-container,
body.sponties-member #cookie-law-info-bar,
body.sponties-member #cookie-law-info-again,
body.sponties-member .cli-modal,
body.sponties-member .cky-consent-container,
body.sponties-member .cky-btn-revisit-wrapper,
body.sponties-member .cky-overlay,
body.sponties-member .cky-modal,
body.sponties-member #CybotCookiebotDialog,
body.sponties-member #CybotCookiebotDialogBodyUnderlay,
body.sponties-member #CookiebotWidget,
body.sponties-member #moove_gdpr_cookie_info_bar,
body.sponties-member #moove_gdpr_cookie_modal,
body.sponties-member .moove-gdpr-info-bar-container,
body.sponties-member #iubenda-cs-banner,
body.sponties-member .iubenda-cs-container,
body.sponties-member .iubenda-tp-btn,
body.sponties-member #usercentrics-root,
body.sponties-member #cookiefirst-root,
body.sponties-member .cookiefirst-root,
body.sponties-member #termly-code-snippet-support,
body.sponties-member .cc-window,
body.sponties-member .cc-revoke,
body.sponties-member .cookie-banner,
body.sponties-member .cookie-consent,
body.sponties-member #cookie-banner,
body.sponties-member #cookie-consent,
body.sponties-member .cookie-bar,
body.sponties-member #cookie-bar {
	display: none !important;
	visibility: hidden !important;
	pointer-events: none !important;
}