/**
 * Shared header theme variants.
 *
 * Elementor setup required before this stylesheet is activated:
 * - Add `facteus-header-shell` to the outer header container.
 * - Add `facteus-logo--on-light` to the existing dark logo and
 *   `facteus-logo--on-dark` to an approved white-logo widget.
 *
 * Dropdown/mega-menu panels intentionally receive no styling here.
 */

.facteus-logo--on-dark {
	display: none;
}

body.facteus-header-theme-dark .facteus-header-shell .facteus-nav-shell {
	background: rgba(11, 25, 23, 0.82) !important;
	border-color: rgba(255, 255, 255, 0.16) !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
	-webkit-backdrop-filter: blur(18px) saturate(140%) !important;
	backdrop-filter: blur(18px) saturate(140%) !important;
}

body.facteus-header-theme-dark .facteus-header-shell .e-n-menu-title-container,
body.facteus-header-theme-dark .facteus-header-shell .e-n-menu-title-container .e-n-menu-title-text {
	color: #ffffff !important;
}

body.facteus-header-theme-dark .facteus-header-shell .e-n-menu-title-container svg {
	fill: currentcolor;
	stroke: currentcolor;
}

body.facteus-header-theme-dark .facteus-header-shell .e-n-menu-title-container svg * {
	stroke: currentcolor;
}

body.facteus-header-theme-dark .facteus-header-shell .e-n-menu-dropdown-icon,
body.facteus-header-theme-dark .facteus-header-shell .e-n-menu-dropdown-icon i,
body.facteus-header-theme-dark .facteus-header-shell .e-n-menu-dropdown-icon i::before {
	color: #ffffff !important;
}

body.facteus-header-theme-dark .facteus-header-shell .e-n-menu-toggle,
body.facteus-header-theme-dark .facteus-header-shell .e-n-menu-toggle i,
body.facteus-header-theme-dark .facteus-header-shell .e-n-menu-toggle i::before {
	color: #ffffff !important;
}

body.facteus-header-theme-dark .facteus-logo--on-light {
	display: none;
}

body.facteus-header-theme-dark .facteus-logo--on-dark {
	display: block;
}