/**
 * Glass / frosted header — index hero + inner pages (dashboard, etc.)
 */

/* ----- Index: header inside hero ----- */
.hero-section-eight .header-topbar.header-topbar-eight {
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.hero-section-eight header.header-two.header-eight {
	background: rgba(255, 255, 255, 0.18);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.28);
	box-shadow: 0 4px 28px rgba(25, 97, 100, 0.1);
}

.hero-section-eight header.header-two.header-eight.fixed {
	background: rgba(255, 255, 255, 0.72);
	-webkit-backdrop-filter: blur(18px);
	backdrop-filter: blur(18px);
	box-shadow: 0 4px 28px rgba(25, 97, 100, 0.12);
}

/* ----- Dashboard & inner pages: sticky glass block ----- */
.site-header-sticky {
	position: sticky;
	top: 0;
	z-index: 1050;
	width: 100%;
}

.site-header-sticky .header-topbar.header-topbar-eight {
	background: var(--primary-hover, #155658);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.site-header-sticky header.header-two.header-eight {
	background: rgba(255, 255, 255, 0.88);
	-webkit-backdrop-filter: blur(16px);
	backdrop-filter: blur(16px);
	border-bottom: 1px solid rgba(255, 255, 255, 0.5);
	box-shadow: 0 2px 16px rgba(25, 97, 100, 0.08);
	transition: background 0.3s ease, box-shadow 0.3s ease;
}

.site-header-sticky.is-scrolled header.header-two.header-eight {
	background: rgba(255, 255, 255, 0.96);
	box-shadow: 0 4px 24px rgba(25, 97, 100, 0.12);
}

/* Dashboard: use sticky wrapper — do not duplicate fixed positioning on header */
body.dashboard-page header.header-two.header-eight.fixed {
	position: relative !important;
	top: auto !important;
	left: auto !important;
	width: 100% !important;
	animation: none !important;
	background: rgba(255, 255, 255, 0.96);
	-webkit-backdrop-filter: blur(18px);
	backdrop-filter: blur(18px);
	box-shadow: 0 4px 24px rgba(25, 97, 100, 0.12);
}

/* Dashboard: top bar matches site brand (teal), not theme-4 purple */
body.dashboard-page.theme-1 .site-header-sticky .header-topbar.header-topbar-eight,
body.dashboard-page .site-header-sticky .header-topbar.header-topbar-eight {
	background: var(--primary-hover, #155658);
}

body.dashboard-page .site-header-sticky.is-scrolled .header-topbar.header-topbar-eight {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}

/* Nav links — padding for active pill background */
.site-header-sticky header.header-two.header-eight .main-nav > li > a,
.hero-section-eight header.header-two.header-eight .main-nav > li > a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 14px;
	border-radius: 8px;
	color: var(--gray-900, #1e293b);
	transition: background 0.2s ease, color 0.2s ease;
}

/* Menu item icons (iconsax or uploaded page icon) */
header.header-two.header-eight .main-nav .nav-menu-icon {
	font-size: 18px;
	line-height: 1;
	flex-shrink: 0;
	color: var(--primary, #196164);
}

header.header-two.header-eight .main-nav .nav-menu-icon--img img {
	width: 18px;
	height: 18px;
	object-fit: contain;
	display: block;
}

header.header-two.header-eight .main-nav > li.active > a .nav-menu-icon {
	color: var(--primary, #196164);
}

header.header-two.header-eight .main-nav > li .submenu a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

header.header-two.header-eight .main-nav .nav-menu-label {
	line-height: 1.3;
}

.site-header-sticky header.header-two.header-eight .main-nav > li > a:hover,
.hero-section-eight header.header-two.header-eight .main-nav > li > a:hover {
	color: var(--primary, #196164);
}

/* Active page — background + primary text */
.site-header-sticky header.header-two.header-eight .main-nav > li.active > a,
.hero-section-eight header.header-two.header-eight .main-nav > li.active > a {
	background: rgb(25 97 100 / 4%);
	color: var(--primary, #196164);
	font-weight: 600;
}

/* Submenu toggle icon — only rendered when children exist */
header.header-two.header-eight .main-nav .menu-submenu-icon {
	font-size: 12px;
	margin-left: 2px;
	line-height: 1;
}

/* Submenu dropdown active item */
.site-header-sticky header.header-two.header-eight .main-nav > li .submenu li.active > a,
.hero-section-eight header.header-two.header-eight .main-nav > li .submenu li.active > a {
	background: rgba(25, 97, 100, 0.08);
	color: var(--primary, #196164);
	border-radius: 6px;
}

@media (max-width: 991.98px) {
	.site-header-sticky header.header-two.header-eight .main-nav > li > a,
	.hero-section-eight header.header-two.header-eight .main-nav > li > a {
		display: flex;
		width: 100%;
		border-radius: 6px;
		padding: 12px 15px;
	}

	header.header-two.header-eight .main-nav > li .submenu a {
		display: flex;
		width: 100%;
	}

	.site-header-sticky header.header-two.header-eight .main-nav > li.active > a,
	.hero-section-eight header.header-two.header-eight .main-nav > li.active > a {
		background: rgba(25, 97, 100, 0.1);
	}
}