/* Navbar: First-Page Hero-Hintergrund (wie docs/first-pafe.html) */
html[data-bs-theme="light"] {
	--sl-header: #cfe3fb;
	--sl-header-border: #a9c5e6;
	--sl-hero-background:
		repeating-linear-gradient(132deg, transparent 0 43px, rgba(70, 132, 199, 0.08) 43px 45px, transparent 45px 88px),
		radial-gradient(circle at 72% 22%, rgba(89, 169, 255, 0.32), transparent 36%),
		linear-gradient(115deg, #f8fcff, #cfe3fb 62%, #9dceff);
}

html[data-bs-theme="light"] nav.navbar,
html[data-bs-theme="light"] nav.navbar.navbar-light {
	position: relative;
	background: transparent !important;
	background-color: transparent !important;
	border-bottom: none;
	box-shadow: none !important;
}

html[data-bs-theme="light"] nav.navbar::before,
html[data-bs-theme="light"] nav.navbar.navbar-light::before {
	content: '';
	position: absolute;
	inset: 0;
	background: var(--sl-hero-background);
	background-attachment: fixed;
	border-bottom: 1px solid var(--sl-header-border);
	pointer-events: none;
	z-index: 0;
}

html[data-bs-theme="light"] nav.navbar > .container-fluid {
	position: relative;
	z-index: 1;
	align-items: center;
}

html[data-bs-theme="light"] nav.navbar .navbar-brand,
html[data-bs-theme="light"] nav.navbar #collapseSearch,
html[data-bs-theme="light"] nav.navbar #navbar {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

html[data-bs-theme="light"] nav.navbar .navbar-brand {
	padding-top: 0.625rem;
	padding-bottom: 0.625rem;
	align-self: stretch;
	display: flex;
	align-items: center;
	justify-content: center;
}

html[data-bs-theme="light"] nav.navbar .navbar-brand .header-logo {
	margin: 0;
	max-height: 3.75rem;
	max-width: 14rem;
}

/* Seitenkopf – schwebend, feste Höhe */
html[data-bs-theme="light"] main > section.heading {
	margin: 1rem 1rem 0;
	padding: 0 1.25rem;
	min-height: 4.75rem;
	height: 4.75rem;
	border-radius: 18px;
	overflow: hidden;
	background: rgba(255, 255, 255, 0.96) !important;
	border: 1px solid rgba(23, 32, 51, 0.12) !important;
	border-bottom: 4px solid #1674e8 !important;
	box-shadow: 0 18px 45px rgba(13, 110, 253, 0.1);
}

@media (min-width: 992px) {
	html[data-bs-theme="light"] main > section.heading {
		margin: 1.25rem 3rem 0;
	}
}

/* Sidebar: aktiver Menüpunkt – undurchsichtiges Dunkelblau */
html[data-bs-theme="light"] nav#sidebar > .nav > .nav-item > .nav-link.sidebar-link-active,
html[data-bs-theme="light"] nav#sidebar > .nav > .nav-item > .nav-link.active {
	color: #1e40af !important;
	-webkit-text-fill-color: #1e40af !important;
	opacity: 1 !important;
	font-weight: 700 !important;
	background-color: #dbeafe !important;
	border-radius: 0;
}

html[data-bs-theme="light"] nav#sidebar .collapse li.sidebar-item-active,
html[data-bs-theme="light"] nav#sidebar .collapsing li.sidebar-item-active {
	background-color: #dbeafe !important;
	margin-left: -1rem;
	padding-left: 1rem;
	border-radius: 0;
}

html[data-bs-theme="light"] nav#sidebar .collapse li.sidebar-item-active > a.nav-link,
html[data-bs-theme="light"] nav#sidebar .collapsing li.sidebar-item-active > a.nav-link {
	color: #1e40af !important;
	-webkit-text-fill-color: #1e40af !important;
	opacity: 1 !important;
	font-weight: 700 !important;
	background-color: transparent !important;
	border-radius: 0;
}

html[data-bs-theme="light"] nav#sidebar a.nav-link.sidebar-link-active:visited,
html[data-bs-theme="light"] nav#sidebar a.nav-link.sidebar-link-active:hover,
html[data-bs-theme="light"] nav#sidebar a.nav-link.sidebar-link-active:focus,
html[data-bs-theme="light"] nav#sidebar a.nav-link.active:visited,
html[data-bs-theme="light"] nav#sidebar a.nav-link.active:hover,
html[data-bs-theme="light"] nav#sidebar a.nav-link.active:focus {
	color: #1e40af !important;
	-webkit-text-fill-color: #1e40af !important;
	opacity: 1 !important;
}

html[data-bs-theme="light"] nav#sidebar a.nav-link.sidebar-link-active i,
html[data-bs-theme="light"] nav#sidebar a.nav-link.active i {
	color: #1e40af !important;
	opacity: 1 !important;
}

html[data-bs-theme="light"] nav#sidebar .collapse a.nav-link:not(.active),
html[data-bs-theme="light"] nav#sidebar .collapsing a.nav-link:not(.active) {
	opacity: 1 !important;
	color: #475569 !important;
}

html[data-bs-theme="dark"] nav#sidebar .collapse li.sidebar-item-active,
html[data-bs-theme="dark"] nav#sidebar .collapsing li.sidebar-item-active {
	background-color: #1e3a5f !important;
	margin-left: -1rem;
	padding-left: 1rem;
	border-radius: 0;
}

html[data-bs-theme="dark"] nav#sidebar .collapse li.sidebar-item-active > a.nav-link,
html[data-bs-theme="dark"] nav#sidebar .collapsing li.sidebar-item-active > a.nav-link {
	background-color: transparent !important;
	border-radius: 0;
}

html[data-bs-theme="dark"] nav#sidebar a.nav-link.sidebar-link-active,
html[data-bs-theme="dark"] nav#sidebar a.nav-link.active {
	color: #93c5fd !important;
	opacity: 1 !important;
	font-weight: 700 !important;
	background-color: #1e3a5f !important;
	border-radius: 0;
}
