/*
 * nav.css — WordPress-Hauptnavigation (Phase 3). Additiv; nutzt bestehende Tokens/Optik.
 * Layout der Leiste kommt aus Tailwind (md:flex space-x-8 in der menu_class);
 * hier nur Dropdown-Verhalten + Mobile-Anpassung.
 */

/* Desktop-Leiste */
.primary-menu { list-style: none; margin: 0; padding: 0; }
.primary-menu > li { position: relative; }
/* Kein Umbruch innerhalb der Menüpunkte (z. B. "Über uns"). */
.primary-menu .nav-link { white-space: nowrap; }

/* Aktiver Menüpunkt (aktuelle Seite / übergeordnete Leistungen) unterstrichen. */
.primary-menu .nav-link.is-active,
.mobile-primary-menu .nav-link.is-active { border-bottom: 1px solid; }

/* Dropdown-Panel (Desktop) — Glas-Optik wie Header/Cards */
.primary-menu .sub-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 60;
	min-width: 15rem;
	margin-top: 0.25rem;
	padding: 0.5rem 0;
	list-style: none;
	background: rgba(255, 255, 255, 0.97);
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	border: 1px solid rgba(44, 73, 105, 0.1);
	border-radius: 0.75rem;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08), 0 1px 8px rgba(0, 0, 0, 0.06);
	opacity: 0;
	visibility: hidden;
	transform: translateY(0.25rem);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
}
.primary-menu > li:hover > .sub-menu,
.primary-menu > li:focus-within > .sub-menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

/* Mobile-Overlay: Dropdown statisch ausgeklappt, groessere Schrift wie im Original */
.mobile-primary-menu { list-style: none; margin: 0; padding: 0; }
.mobile-primary-menu .nav-link { font-size: 1.5rem; line-height: 2rem; }
.mobile-primary-menu .sub-menu {
	position: static;
	list-style: none;
	margin: 0.75rem 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}
.mobile-primary-menu .nav-dropdown-link { font-size: 1.125rem; }

@media (prefers-reduced-motion: reduce) {
	.primary-menu .sub-menu { transition: none; }
}