/* ==========================================================================
   EZS Feinschliff – Navigationsanpassungen
   Setzt auf den Klassen und Variablen des Parent-Themes EZS auf.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1) Abstand zwischen Navigation und blauer Trennlinie
   Die Linie (.ezs-header-rule) hat bereits margin: 0 – der Abstand kommt aus
   dem unteren Innenabstand von .ezs-header (Parent: padding-block: 1.5rem).
   -------------------------------------------------------------------------- */

.ezs-header {
	padding-block-end: 0 !important;
}

/* Der Abstand kann auch aus dem blockGap zwischen Header-Group und Separator
   stammen. Greift, falls dem Separator die Klasse .ezs-header-rule fehlt
   (etwa weil eine im Site-Editor gespeicherte Fassung ausgeliefert wird). */
header.wp-block-template-part > .wp-block-separator,
header.wp-block-template-part > .wp-block-group + .wp-block-separator,
.ezs-header + .wp-block-separator,
.ezs-header-rule {
	margin-block: 0 !important;
}

/* --------------------------------------------------------------------------
   2) Kein Unterstreichen – Hover nur über die Farbe
   Die Unterstreichung stammt aus theme.json des Parent-Themes
   (styles.elements.link:hover → textDecoration: underline) und gilt global.
   Hier wird sie ausschließlich für die Kopfnavigation zurückgenommen.
   -------------------------------------------------------------------------- */

.ezs-header .wp-block-navigation a,
.ezs-header .wp-block-navigation .wp-block-navigation-item__content {
	text-decoration: none !important;
	transition: color 0.2s ease;
}

.ezs-header .wp-block-navigation .wp-block-navigation-item__content:hover,
.ezs-header .wp-block-navigation .wp-block-navigation-item__content:focus-visible,
.ezs-header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content,
.ezs-header .wp-block-navigation .current-menu-ancestor > .wp-block-navigation-item__content {
	text-decoration: none !important;
	color: var(--ezs-blue);
}

/* Ohne Unterstreichung braucht die Tastaturbedienung eine eigene Markierung. */
.ezs-header .wp-block-navigation .wp-block-navigation-item__content:focus-visible {
	outline: 2px solid var(--ezs-blue);
	outline-offset: 4px;
	border-radius: 4px;
}

/* --------------------------------------------------------------------------
   3) Weichere Dropdowns
   -------------------------------------------------------------------------- */

.ezs-header .wp-block-navigation__submenu-container {
	border: 0 !important;
	border-radius: var(--ezs-radius, 12px);
	padding: 0.5rem;
	background: #fff;
	box-shadow:
		0 14px 36px rgba(60, 110, 159, 0.14),
		0 2px 8px rgba(22, 35, 58, 0.06);
	transition: opacity 0.18s ease, transform 0.18s ease;
	transform: translateY(-6px);
}

.ezs-header .wp-block-navigation-item:hover > .wp-block-navigation__submenu-container,
.ezs-header .wp-block-navigation-item:focus-within > .wp-block-navigation__submenu-container {
	transform: translateY(0);
}

.ezs-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	border-radius: var(--ezs-radius-sm, 8px);
	padding: 0.45rem 0.7rem !important;
	transition: background-color 0.18s ease, color 0.18s ease;
}

.ezs-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.ezs-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible {
	background-color: var(--ezs-tint, #edf2f7);
	color: var(--ezs-blue);
}

/* Pfeil dreht sich beim Aufklappen mit, statt hart umzuspringen. */
.ezs-header .wp-block-navigation__submenu-icon {
	transition: transform 0.18s ease;
}

.ezs-header .wp-block-navigation-item:hover > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon,
.ezs-header .wp-block-navigation-item:focus-within > .wp-block-navigation-item__content .wp-block-navigation__submenu-icon {
	transform: rotate(180deg);
}

/* --------------------------------------------------------------------------
   Barrierefreiheit: keine Animationen bei entsprechender Systemeinstellung
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	.ezs-header .wp-block-navigation__submenu-container,
	.ezs-header .wp-block-navigation__submenu-icon,
	.ezs-header .wp-block-navigation .wp-block-navigation-item__content {
		transition: none;
		transform: none;
	}
}