/*
|--------------------------------------------------------------------------
| 2026-08-27
| Author: Codex
| Änderung:
| Verschachtelte Astra-Desktop-Submenus öffnen viewportgerecht nach links.
| Ruhige Hierarchiefarben ersetzen die gestapelten CTA-artigen Flächen.
|--------------------------------------------------------------------------
*/

body.ast-desktop #ast-desktop-header #ast-hf-menu-1 .sub-menu .sub-menu {
	left: auto;
	right: 100%;
}

body.ast-desktop #ast-desktop-header #ast-hf-menu-1 .sub-menu {
	/* Runtime-Regel `.sub-menu` setzt den Altbestand ebenfalls important. */
	background-color: rgba(15, 23, 42, 0.97) !important;
}

body.ast-desktop #ast-desktop-header #ast-hf-menu-1 .sub-menu .sub-menu {
	background-color: rgba(24, 34, 54, 0.98) !important;
}

body.ast-desktop #ast-desktop-header #ast-hf-menu-1 .sub-menu .menu-link {
	color: var(--ast-global-color-3);
	background-color: transparent;
}

body.ast-desktop #ast-desktop-header #ast-hf-menu-1 .menu-item:hover > .menu-link,
body.ast-desktop #ast-desktop-header #ast-hf-menu-1 .menu-item.focus > .menu-link,
body.ast-desktop #ast-desktop-header #ast-hf-menu-1 .menu-link:focus {
	color: #ffffff;
	background-color: rgba(231, 246, 255, 0.08);
}

body.ast-desktop #ast-desktop-header #ast-hf-menu-1 .menu-item.current-menu-parent > .menu-link,
body.ast-desktop #ast-desktop-header #ast-hf-menu-1 .menu-item.current-menu-ancestor > .menu-link {
	color: var(--ast-global-color-3);
	background-color: rgba(231, 246, 255, 0.06);
	box-shadow: inset 3px 0 0 rgba(0, 133, 255, 0.65);
}

body.ast-desktop #ast-desktop-header #ast-hf-menu-1 .menu-item.current-menu-item > .menu-link {
	color: var(--ast-global-color-0);
	background-color: rgba(0, 133, 255, 0.12);
	box-shadow: inset 3px 0 0 var(--ast-global-color-0);
}


/*
|--------------------------------------------------------------------------
| 2026-09-08
| Desktop-Submenu Proportionen / Ebene 3
|--------------------------------------------------------------------------
*/

/* Ebene 2 und 3: vertikales Innenpadding ca. Faktor 1,3. */
body.ast-desktop #ast-desktop-header #ast-hf-menu-1 .sub-menu .menu-link {
	padding-top: 1.3em;
	padding-bottom: 1.3em;
}

/* Ebene 3: gegenüber dem ersten Teststand 4 px nach oben. */
body.ast-desktop #ast-desktop-header #ast-hf-menu-1 .sub-menu .sub-menu {
	top: calc(100% - 8px);
}


/*
|--------------------------------------------------------------------------
| 2026-09-08
| Desktop Ebene 2 -> Ebene 3: Hover-Korridor
|--------------------------------------------------------------------------
| Rein funktionale Brücke über den durch den vertikalen Versatz
| entstandenen Mausweg. Position, Padding und sichtbare Gestaltung
| der Menüs bleiben unverändert.
*/

body.ast-desktop #ast-desktop-header #ast-hf-menu-1
.sub-menu > .menu-item.menu-item-has-children {
	position: relative;
}

body.ast-desktop #ast-desktop-header #ast-hf-menu-1
.sub-menu > .menu-item.menu-item-has-children::after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 100%;
	right: 0;
	width: 100%;
	height: 8px;
	background: transparent;
}


/*
|--------------------------------------------------------------------------
| 2026-09-08
| Ebene 2: Strukturpunkte ohne eigenes Seitenziel
|--------------------------------------------------------------------------
*/

/* Strukturpunkte visuell zurücknehmen und nicht als normalen Link darstellen. */
body.ast-desktop #ast-desktop-header #ast-hf-menu-1
.sub-menu > .menu-item.menu-item-has-children > .menu-link {
	color: rgba(231, 246, 255, 0.68);
	cursor: default;
}

/* Strukturpunkt beim Hover etwas dunkler. */
body.ast-desktop #ast-desktop-header #ast-hf-menu-1
.sub-menu > .menu-item.menu-item-has-children:hover > .menu-link {
	background-color: rgba(0, 0, 0, 0.18);
}

/* Chevron unsichtbar, Platz bleibt erhalten. */
body.ast-desktop #ast-desktop-header #ast-hf-menu-1
.sub-menu > .menu-item.menu-item-has-children > .menu-link
> .dropdown-menu-toggle {
	visibility: hidden;
}