/* Float Austria – Design der Coming-Soon-Seite (www.floataustria.at) für die ganze WordPress-Seite.
   Setzt Farben und Schrift von Twenty Twenty-Five um, Hintergrund mit Bergsilhouette, Logo im Kopf. */
body.float-at-design {
	--fa-black: #0a0a0a;
	--fa-red: #e0242c;
	--fa-red-dark: #a3161c;
	--fa-white: #f5f5f5;
	--fa-grey: #9a9a9a;
	--fa-line: rgba(255, 255, 255, 0.14);
	--wp--preset--color--base: #0a0a0a;
	--wp--preset--color--contrast: #f5f5f5;
	--wp--preset--color--accent-1: #e0242c;
	--wp--preset--color--accent-2: #a3161c;
	--wp--preset--color--accent-3: #e0242c;
	--wp--preset--color--accent-4: #9a9a9a;
	--wp--preset--color--accent-5: #151515;
	--wp--preset--color--accent-6: rgba(255, 255, 255, 0.14);
	--wp--preset--font-family--manrope: 'Barlow', -apple-system, 'Segoe UI', Roboto, sans-serif;
	background: var(--fa-black);
	color: var(--fa-white);
	font-family: 'Barlow', -apple-system, 'Segoe UI', Roboto, sans-serif;
	-webkit-font-smoothing: antialiased;
}

/* Hintergrund: rotes Leuchten oben, Berge unten (wie auf der Coming-Soon-Seite) */
body.float-at-design::before {
	content: '';
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1400 500'%3E%3Cpath d='M0 500 L0 320 L180 140 L320 300 L470 90 L620 320 L760 180 L930 380 L1080 120 L1250 330 L1400 220 L1400 500 Z' fill='%23151515' fill-opacity='.55'/%3E%3Cpath d='M0 500 L0 400 L220 260 L400 420 L560 240 L740 430 L900 300 L1100 460 L1280 320 L1400 400 L1400 500 Z' fill='%230e0e0e' fill-opacity='.55'/%3E%3C/svg%3E") center bottom / max(1200px, 160%) auto no-repeat,
		radial-gradient(ellipse 120% 60% at 50% -10%, rgba(224, 36, 44, 0.10), transparent 60%),
		linear-gradient(180deg, #161616 0%, #0d0d0d 45%, #070707 100%);
}

body.float-at-design :is(h1, h2, h3, h4, .wp-block-post-title, .wp-block-navigation) {
	font-family: 'Barlow Condensed', 'Barlow', sans-serif;
}
body.float-at-design :is(h1, h2, .wp-block-post-title) {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.06em;
}
body.float-at-design a { color: var(--fa-white); text-decoration-color: var(--fa-red); text-underline-offset: 0.2em; }
body.float-at-design a:hover, body.float-at-design a:focus-visible { color: var(--fa-red); }
body.float-at-design ::selection { background: var(--fa-red); color: #fff; }

/* Logo statt Seitentitel (PNG mit transparentem Grund, assets/brand/logo-klein.png) */
.float-at-brand { margin: 0; line-height: 0; }
.float-at-brand a { display: inline-block; }
.float-at-brand-logo { display: block; width: auto; height: clamp(48px, 7vw, 68px); }
footer .float-at-brand-logo { height: 56px; }

/* Startseite: der Begrüßungsbereich ersetzt den Seitentitel */
body.float-at-design.home .wp-block-post-title { display: none; }

body.float-at-design .wp-block-navigation { font-size: 0.95rem; letter-spacing: 0.14em; text-transform: uppercase; }
body.float-at-design .wp-block-navigation a { text-decoration: none; }
body.float-at-design .wp-block-navigation__responsive-container.is-menu-open { background: var(--fa-black); color: var(--fa-white); }

body.float-at-design :is(.wp-element-button, .wp-block-button__link) {
	background: transparent;
	color: var(--fa-white);
	border: 1.5px solid var(--fa-red);
	border-radius: 18px;
	box-shadow: 0 0 24px rgba(224, 36, 44, 0.28), inset 0 0 18px rgba(224, 36, 44, 0.07);
	letter-spacing: 0.12em;
	text-transform: uppercase;
}
body.float-at-design :is(.wp-element-button, .wp-block-button__link):hover { background: rgba(224, 36, 44, 0.08); color: var(--fa-white); }

body.float-at-design footer.wp-block-template-part { border-top: 1px solid var(--fa-line); }
body.float-at-design :is(input, textarea, select) { background: #151515; color: var(--fa-white); border-color: var(--fa-line); }
body.float-at-design .wp-block-navigation .current-menu-item > a { text-decoration: underline; text-decoration-color: var(--fa-red); text-decoration-thickness: 2px; text-underline-offset: 0.45em; }

/* Breiter auf großen Bildschirmen: Inhalt bis 1200 px statt 645 px (Twenty Twenty-Five), Kopf und Fuß bis 1400 px;
   am Handy schmalerer Rand */
body.float-at-design {
	--wp--style--global--content-size: 1200px;
	--wp--style--global--wide-size: 1400px;
}
@media (max-width: 600px) {
	body.float-at-design {
		--wp--style--root--padding-left: 16px;
		--wp--style--root--padding-right: 16px;
	}
	body.float-at-design :is(h1, .wp-block-post-title) { font-size: clamp(1.8rem, 9vw, 2.4rem); }
}

/* Fuß (includes/design.php) */
.float-at-fuss { margin-top: clamp(3rem, 8vw, 6rem); padding: clamp(2rem, 5vw, 3.5rem) var(--wp--style--root--padding-right, 24px) 1.5rem var(--wp--style--root--padding-left, 24px); border-top: 1px solid var(--fa-line); color: #cfcfcf; }
.float-at-fuss-innen { display: grid; grid-template-columns: minmax(0, 1.6fr) repeat(5, minmax(0, 1fr)); gap: 2rem; max-width: 1400px; margin: 0 auto; }
.float-at-fuss-marke img { display: block; width: auto; height: 64px; }
.float-at-fuss-marke p { max-width: 26rem; margin: 0.8rem 0 0; font-weight: 300; line-height: 1.6; }
.float-at-fuss-marke .float-at-fuss-gruender { margin-top: 0.4rem; color: var(--fa-grey); font-size: 0.9rem; }
.float-at-fuss-titel { margin: 0 0 0.7rem; color: var(--fa-red); font-family: 'Barlow Condensed', 'Barlow', sans-serif; font-weight: 700; letter-spacing: 0.18em; text-transform: uppercase; }
.float-at-fuss ul { margin: 0; padding: 0; list-style: none; }
.float-at-fuss li a { display: inline-block; padding: 0.3rem 0; text-decoration: none; letter-spacing: 0.06em; }
.float-at-fuss-zeile { max-width: 1400px; margin: 2rem auto 0; padding-top: 1.2rem; border-top: 1px solid var(--fa-line); color: var(--fa-grey); font-size: 0.85rem; letter-spacing: 0.08em;
	display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem 1.5rem; }
.float-at-fuss-zeile span { flex: 1 1 auto; }
.float-at-fuss-zeile a { display: inline-block; padding: 0.4rem 0; color: var(--fa-grey); }
@media (max-width: 1100px) {
	/* Tablet: Marke über die ganze Breite, darunter die Gruppen in drei Spalten */
	.float-at-fuss-innen { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.6rem 2rem; }
	.float-at-fuss-marke { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
	/* Handy: Gruppen in zwei Spalten */
	.float-at-fuss-innen { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.4rem 1rem; }
	.float-at-fuss li a { padding: 0.55rem 0; } /* Fingergröße */
}

/* Menü kompakt (sechs Gruppen neben dem Logo); unter 1000 px das Handy-Menü des Themes */
body.float-at-design header .wp-block-navigation { font-size: 0.85rem; letter-spacing: 0.1em; gap: 0.4rem 1.3rem; }
body.float-at-design header .wp-block-navigation .float-at-sprache a { padding: 0.15rem 0.5rem; border: 1px solid var(--fa-red); border-radius: 8px; }
body.float-at-design .wp-block-navigation .wp-block-navigation__submenu-container { background: #111 !important; color: var(--fa-white) !important; border: 1px solid var(--fa-line) !important; border-radius: 10px; padding: 0.4rem 0; }
body.float-at-design .wp-block-navigation .wp-block-navigation__submenu-container a { padding: 0.55rem 1rem; }
@media (min-width: 600px) and (max-width: 999px) {
	body.float-at-design header .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	body.float-at-design header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
}

/* Zahl ungelesener Nachrichten und Hinweise (Menü „Community“, Mein Bereich, Unterhaltungen) */
.float-at-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 1.35em; height: 1.35em; padding: 0 0.35em; box-sizing: border-box; border-radius: 999px; background: #e0242c; color: #fff; font-family: 'Barlow', sans-serif; font-size: 0.75em; font-weight: 700; letter-spacing: 0; line-height: 1; vertical-align: 0.1em; }

/* Handy- und Tablet-Menü (Overlay des Themes, unter 1000 px): Liste links über die volle Breite, große Tippflächen mit Linien,
   Untermenüs eingerückt statt im Kasten, Sprache als Knopf; Menü-Knopf und Schließen mit Fingergröße */
body.float-at-design header .wp-block-navigation__responsive-container-open,
body.float-at-design header .wp-block-navigation__responsive-container-close { padding: 10px; margin: -10px; }
body.float-at-design header :is(.wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close) svg { width: 28px; height: 28px; }
body.float-at-design header .wp-block-navigation__responsive-container.is-menu-open { padding: 1.25rem var(--wp--style--root--padding-right, 16px) 2rem var(--wp--style--root--padding-left, 16px); }
body.float-at-design header .is-menu-open .wp-block-navigation__responsive-container-content { align-items: stretch; padding-top: 3.5rem; }
body.float-at-design header .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
	align-items: stretch; gap: 0; width: 100%; max-width: 34rem; margin: 0 auto; font-size: 1.2rem; letter-spacing: 0.12em;
}
body.float-at-design header .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item { align-items: stretch; width: 100%; border-bottom: 1px solid var(--fa-line); }
body.float-at-design header .is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content { display: flex; align-items: center; gap: 0.6rem; min-height: 52px; padding: 0.3rem 0; }
body.float-at-design header .is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
	gap: 0; min-width: 0; margin: 0 0 0.4rem; padding: 0 0 0 1.1rem; border: 0 !important; border-left: 2px solid var(--fa-red) !important; border-radius: 0; background: transparent !important; font-size: 1.02rem;
}
body.float-at-design header .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item { border-bottom: 0; }
body.float-at-design header .wp-block-navigation .is-menu-open .has-child .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content { min-height: 46px; padding: 0.2rem 0; }
body.float-at-design header .is-menu-open .wp-block-navigation-item.float-at-sprache { border-bottom: 0; padding-top: 1.2rem; }
body.float-at-design header .is-menu-open .float-at-sprache .wp-block-navigation-item__content { align-self: flex-start; justify-content: center; min-width: 3.5rem; min-height: 44px; padding: 0 1rem; }