/*
 * inventia Bausteine — was die Website am Kopf anders braucht als Stephanies Entwurf (kopf.css ist aus dem Entwurf
 * erzeugt und wird hier nicht angefasst). Von Hand gepflegt; lädt nach kopf.css.
 *
 * Raphael 12.10.2026: „genau so übernehmen … natürlich ohne den weißen Rand oben" — der Entwurf ist eine statische Seite
 * mit weißer Leiste; auf der Website liegt der Kopf wie bisher durchsichtig über dem Bild und wird beim Scrollen weiß
 * (06.10.2026: „Die ist sonst auf jeder Seite transparent"). Gemessen am alten Kopf (12.10.2026): oben ein Verlauf
 * rgba(0,0,0,.3) → 0 mit weißem Logo und weißer Schrift; weiß nach etwa 150 px Scrollen; von Anfang an weiß auf Seiten
 * mit einem Abschnitt inv-kopf-hell (Kontaktseite); dunkel #3a4247 auf der Suchseite.
 *
 * Die Zustände setzen nur Variablen; welche Teile sie färben, steht einmal unten.
 *   oben (Grundzustand)  durchsichtig
 *   .ist-hell            gescrollt (kopf-website.js)
 *   .ist-hell-fest       Seite ohne Foto oben (Kopf::html, aus der Klasse inv-kopf-hell im Seiteninhalt)
 *   offenes Menü         weiß, weil die Menüfläche darunter weiß ist
 *   .ist-dunkel          Suchseite, solange nicht gescrollt
 */

#inventia-kopf {
	--kopf-grund: linear-gradient(to bottom, rgba(0, 0, 0, .3) 0%, rgba(0, 0, 0, 0) 100%);
	--kopf-linie: transparent;
	--kopf-schrift: #fff;
	--kopf-sprache: #fff;
	--kopf-trenner: rgba(255, 255, 255, .4);
	--kopf-logo-hell: block;
	--kopf-logo-dunkel: none;
}

#inventia-kopf.ist-dunkel {
	--kopf-grund: #3a4247;
}

#inventia-kopf.ist-hell,
#inventia-kopf.ist-hell-fest {
	--kopf-grund: #fff;
	--kopf-linie: rgba(58, 66, 71, .1);
	--kopf-schrift: var(--ink);
	--kopf-sprache: var(--muted);
	--kopf-trenner: var(--line);
	--kopf-logo-hell: none;
	--kopf-logo-dunkel: block;
}

/*
 * Eigene Regel: Ein Browser ohne :has() verwirft sie allein, nicht die Zustände darüber. Offen heißt: einer der Menüknöpfe
 * (Leiste oder Handy) steht auf aria-expanded="true" — nur diese, nicht jedes Element im Kopf. Seit 0.23.8 tragen auch die
 * Regionen im Menü „Reiseziele" aria-expanded, die erste immer „true"; mit [aria-expanded="true"] allein war der Kopf
 * dadurch auch geschlossen weiß (gemessen 17.10.2026, 0.23.9 behoben; pruefen.sh hält es fest).
 */
#inventia-kopf:has(.nav-trigger[aria-expanded="true"], .mobile-toggle[aria-expanded="true"]) {
	--kopf-grund: #fff;
	--kopf-linie: rgba(58, 66, 71, .1);
	--kopf-schrift: var(--ink);
	--kopf-sprache: var(--muted);
	--kopf-trenner: var(--line);
	--kopf-logo-hell: none;
	--kopf-logo-dunkel: block;
}

/*
 * Über einem hellen Hero, der bis oben reicht (stil="hell" + anordnung="links", 0.22.9, Arktis-Seite): durchsichtig wie
 * überall, aber mit dunkler Schrift und dunklem Logo — auf Stephanies weißem Verlauf wäre die weiße Schrift unsichtbar
 * (Raphael 16.10.2026, Variante „Bild bis oben, Menü dunkel"). Den Zustand setzt der Hero selbst, niemand muss eine
 * Klasse pflegen. Gescrollt (.ist-hell) und bei offenem Menü gelten die Regeln oben; ohne :has() bleibt der Grundzustand.
 */
body:has(.inv-hero--hell.inv-hero--links) #inventia-kopf:not(.ist-hell):not(:has(.nav-trigger[aria-expanded="true"], .mobile-toggle[aria-expanded="true"])) {
	--kopf-grund: transparent;
	--kopf-linie: transparent;
	--kopf-schrift: var(--ink);
	--kopf-sprache: var(--muted);
	--kopf-trenner: var(--line);
	--kopf-logo-hell: none;
	--kopf-logo-dunkel: block;
}

/* Über dem Seiteninhalt wie Divis Kopf (#main-header z-index 99999), statt mitzuscrollen wie im Entwurf (sticky). */
#inventia-kopf .site-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99999;
	background: var(--kopf-grund);
	background-origin: border-box;                     /* sonst wiederholt sich die dunkle oberste Zeile des Verlaufs in der durchsichtigen Linie unten (gemessen 12.10.2026) */
	border-bottom-color: var(--kopf-linie);
	transition: background-color .3s, border-color .3s;
}

/*
 * Sprungmarken, die der Browser selbst anspringt (/#angebote von einer anderen Seite aus): Der Abschnitt landete unter dem
 * festen Kopf (gemessen 15.10.2026, Vorschau 0.22.0: Abschnitt oben bei 0 px, Kopf 105 px hoch). Hier hält der Browser
 * die Höhe des Kopfs frei — --header aus kopf.css plus 1 px Linie, je Breite; pruefen.sh vergleicht beide. Sprünge
 * innerhalb der Seite rechnet kopf-website.js (Divis et_pb_smooth_scroll).
 */
html {
	--inv-kopf-frei: 105px;
	scroll-padding-top: calc(var(--inv-kopf-frei) + var(--inv-adminleiste, 0px));
}

html:has(> body.admin-bar) {
	--inv-adminleiste: 32px;
}

@media (max-width: 1160px) {
	html {
		--inv-kopf-frei: 95px;
	}
}

@media (max-width: 1000px) {
	html {
		--inv-kopf-frei: 85px;
	}
}

@media (max-width: 782px) {
	html:has(> body.admin-bar) {
		--inv-adminleiste: 46px;
	}
}

@media (max-width: 600px) {
	html {
		--inv-kopf-frei: 81px;
	}
}

#inventia-kopf .menu-shade {
	z-index: 99998;
}

/*
 * Solange ein Menü offen ist (die Abdunklung ist sichtbar), treten schwebende Knöpfe zurück: WhatsApp, Divis
 * Nach-oben-Pfeil sowie Figur und Sprechblase des KI-Reisefinders lagen über dem offenen Handy-Menü (gemessen
 * 15.10.2026, 390 px, z-index 99999–100000). Raphael 15.10.: „Beides, dann hochladen".
 */
body:has(#inventia-kopf .menu-shade:not([hidden])) .whatsapp-footer,
body:has(#inventia-kopf .menu-shade:not([hidden])) .et_pb_scroll_top,
body:has(#inventia-kopf .menu-shade:not([hidden])) .ivrf-knopf,
body:has(#inventia-kopf .menu-shade:not([hidden])) .ivrf-einladung {
	visibility: hidden !important;
}

#inventia-kopf .skip-link {
	z-index: 100000;
}

#inventia-kopf .logo .logo-hell {
	display: var(--kopf-logo-hell);
}

#inventia-kopf .logo .logo-dunkel {
	display: var(--kopf-logo-dunkel);
}

#inventia-kopf .main-nav > a,
#inventia-kopf .nav-trigger,
#inventia-kopf .mobile-toggle {
	color: var(--kopf-schrift);
}

#inventia-kopf .main-nav > a:after,
#inventia-kopf .nav-trigger:after {
	background: var(--kopf-schrift);
}

#inventia-kopf .language {
	color: var(--kopf-sprache);
	border-left-color: var(--kopf-trenner);
}

/* Divi gibt jedem Absatz 1em Abstand unten (p { padding-bottom: 1em }) — der Entwurf rechnet ohne. */
#inventia-kopf p {
	padding: 0;
}

/* Angemeldet: unter der Admin-Leiste von WordPress (32 px, unter 783 px 46 px) wie Divis Kopf. */
body.admin-bar #inventia-kopf .site-header {
	top: 32px;
}

body.admin-bar #inventia-kopf .menu-shade {
	top: calc(var(--header) + 32px);
}

@media (max-width: 782px) {
	body.admin-bar #inventia-kopf .site-header {
		top: 46px;
	}

	body.admin-bar #inventia-kopf .menu-shade {
		top: calc(var(--header) + 46px);
	}
}

/* Das schwebende Buchungsformular älterer Seiten blendet den Kopf aus, solange es offen ist (Child-Theme,
   inventia-scripts.js: #main-header display none bei .open-button). */
body:has(.header-bar.active) #inventia-kopf {
	display: none;
}

/* Weglot blendet seinen schwebenden Umschalter unten rechts ein, sobald im Menü keiner steht (bis 0.17.3 stand er im
   Hauptmenü; live gesehen 12.10.2026). Die Sprache wechselt der Kopf („EN"/„DE", Kopf::sprachwechsel). */
aside.country-selector.weglot-default {
	display: none !important;
}