/**
 * Solumondo Premium Header / Topbar
 */

body.solumondo-app.solumondo-has-premium-header .site-header,
body.solumondo-app #masthead.solumondo-header {
	position: sticky;
	top: 0;
	z-index: 1000;
	background: color-mix(in srgb, var(--solumondo-navy) 92%, transparent);
	border-bottom: 1px solid color-mix(in srgb, var(--solumondo-orange) 32%, transparent);
	box-shadow: 0 4px 24px color-mix(in srgb, var(--solumondo-navy) 35%, transparent);
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	transition:
		transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
		box-shadow 0.35s ease,
		background-color 0.35s ease;
}

body.solumondo-app .site-header.is-scrolled,
body.solumondo-app #masthead.solumondo-header.is-scrolled {
	background: color-mix(in srgb, var(--solumondo-navy) 97%, transparent);
	box-shadow: 0 8px 32px color-mix(in srgb, black 28%, transparent);
}

@media (prefers-reduced-motion: no-preference) {
	body.solumondo-app .site-header.is-hidden,
	body.solumondo-app #masthead.solumondo-header.is-hidden {
		transform: translateY(-100%);
	}
}

body.solumondo-app .site-header .site-header-wrap,
body.solumondo-app .site-header .site-main-header-wrap,
body.solumondo-app .site-header .site-header-inner-wrap {
	max-width: 100% !important;
	width: 100% !important;
	padding-left: max(var(--solumondo-inline-space, 1rem), env(safe-area-inset-left, 0px));
	padding-right: max(var(--solumondo-inline-space, 1rem), env(safe-area-inset-right, 0px));
}

body.solumondo-app .site-header .site-branding a,
body.solumondo-app .site-header .site-title {
	color: #ffffff !important;
	font-weight: 800;
	letter-spacing: -0.02em;
}

body.solumondo-app .site-header .main-navigation > .menu,
body.solumondo-app .site-header .header-navigation {
	gap: 0.15rem;
}

body.solumondo-app .site-header .main-navigation .menu-item > a,
body.solumondo-app .site-header .mobile-navigation a {
	position: relative;
	padding: 0.55rem 0.85rem;
	color: color-mix(in srgb, white 92%, transparent) !important;
	font-weight: 600;
	font-size: clamp(0.82rem, 0.78rem + 0.15vw, 0.95rem);
	text-decoration: none;
	border-radius: 0.5rem;
	transition:
		color 0.2s ease,
		background-color 0.2s ease,
		box-shadow 0.2s ease;
}

body.solumondo-app .site-header .main-navigation .menu-item > a::after {
	content: "";
	position: absolute;
	left: 0.85rem;
	right: 0.85rem;
	bottom: 0.35rem;
	height: 2px;
	background: var(--solumondo-orange);
	border-radius: 2px;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);
}

body.solumondo-app .site-header .main-navigation .menu-item > a:hover,
body.solumondo-app .site-header .main-navigation .menu-item > a:focus-visible,
body.solumondo-app .site-header .main-navigation .current-menu-item > a {
	color: #ffffff !important;
	background: color-mix(in srgb, var(--solumondo-orange) 14%, transparent);
}

body.solumondo-app .site-header .main-navigation .menu-item > a:hover::after,
body.solumondo-app .site-header .main-navigation .menu-item > a:focus-visible::after,
body.solumondo-app .site-header .main-navigation .current-menu-item > a::after {
	transform: scaleX(1);
}

/* Legacy: leere Platzhalter-Eintraege im Account-Dropdown ausblenden */
body.solumondo-app .site-header .main-navigation .sub-menu .solumondo-account-subitem > a:empty,
body.solumondo-app .site-header .mobile-navigation .sub-menu .solumondo-account-subitem > a:empty {
	display: none;
}

/* Mobile: keine verschachtelten Mein-Account-Doppler */
body.solumondo-app .mobile-navigation .sub-menu .sub-menu .menu-item:not(.solumondo-account-subitem) > a[href*="mein-account"],
body.solumondo-app .mobile-drawer-content .sub-menu .sub-menu .menu-item:not(.solumondo-account-subitem) > a[href*="mein-account"] {
	display: none;
}

body.solumondo-app .mobile-navigation .menu-item.solumondo-account-subitem > a,
body.solumondo-app .mobile-drawer-content .menu-item.solumondo-account-subitem > a {
	padding-left: 1.35rem;
	font-weight: 600;
}

body.solumondo-app .site-header .solumondo-header-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.5rem;
	padding: 0.5rem 1rem !important;
	color: #ffffff !important;
	font-weight: 800 !important;
	letter-spacing: 0.04em;
	text-transform: uppercase;
	background: linear-gradient(145deg, var(--solumondo-orange), var(--solumondo-orange-hover)) !important;
	border: 1px solid color-mix(in srgb, white 18%, var(--solumondo-orange)) !important;
	border-radius: 0.55rem !important;
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--solumondo-orange) 25%, transparent),
		0 10px 28px color-mix(in srgb, var(--solumondo-orange) 35%, transparent);
}

body.solumondo-app .site-header .solumondo-header-cta:hover,
body.solumondo-app .site-header .solumondo-header-cta:focus-visible {
	transform: translateY(-2px);
	box-shadow: 0 0 0 1px color-mix(in srgb, var(--solumondo-orange) 40%, transparent),
		0 14px 36px color-mix(in srgb, var(--solumondo-orange) 45%, transparent);
}

body.solumondo-app .site-header .menu-toggle,
body.solumondo-app .site-header .header-toggle-button {
	color: #ffffff !important;
	border-color: color-mix(in srgb, white 25%, transparent);
	border-radius: 0.5rem;
}

body.solumondo-app .mobile-drawer-content .drawer-inner,
body.solumondo-app #mobile-drawer .drawer-inner {
	background: var(--solumondo-navy);
}

body.solumondo-app .mobile-drawer-content .menu-item a {
	color: #ffffff;
}

@media (max-width: 1023px) {
	body.solumondo-app .site-header .solumondo-header-cta-item {
		margin-top: 0.5rem;
	}

	body.solumondo-app .site-header .solumondo-header-cta {
		width: 100%;
		justify-content: center;
	}
}