/* Biotik UI System — ElementsKit Header runtime integration */
:root {
	--biotik-header-shell-width: 1440px;
	--biotik-header-mega-gap: 0px;
	--biotik-submenu-width: 330px;
	--biotik-submenu-bg: #fff;
	--biotik-submenu-text: #183126;
	--biotik-submenu-description: #6b746f;
	--biotik-submenu-icon-bg: #eef3e3;
	--biotik-submenu-icon-color: #5d714d;
	--biotik-submenu-hover-bg: #f7f9f4;
	--biotik-submenu-border: #e4eae6;
	--biotik-submenu-radius: 12px;
	--biotik-submenu-item-radius: 10px;
}

/* Normal document flow. */
body:has(> .ekit-template-content-header) {
	display: flex !important;
	flex-direction: column !important;
	align-items: stretch !important;
	width: 100% !important;
	min-height: 100vh !important;
	margin: 0 !important;
	overflow-x: clip !important;
}
body > .ekit-template-content-markup.ekit-template-content-header {
	position: relative !important;
	display: block !important;
	flex: 0 0 auto !important;
	align-self: stretch !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
	z-index: 999 !important;
}
body > .ekit-template-content-header > .elementor,
body > .ekit-template-content-header .biotik-header {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
}
body > .ekit-template-content-header .biotik-header__shell {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	width: 100% !important;
	max-width: var(--biotik-header-shell-width) !important;
	margin: 0 auto !important;
	overflow: visible !important;
}
body:has(> .ekit-template-content-header) > main,
body:has(> .ekit-template-content-header) > #content,
body:has(> .ekit-template-content-header) > .site-content {
	position: relative !important;
	flex: 1 0 auto !important;
	width: 100% !important;
	max-width: 100% !important;
	clear: both !important;
	z-index: 1 !important;
}

/* Header rows, logo and navigation. */
.biotik-header__top { position: relative !important; z-index: 1012 !important; }
.biotik-header__main {
	position: relative !important;
	z-index: 1011 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	width: 100% !important;
	overflow: visible !important;
}
.biotik-header__logo {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-start !important;
	flex: 0 0 var(--bs-global-header-logo-width,215px) !important;
	width: var(--bs-global-header-logo-width,215px) !important;
	max-width: var(--bs-global-header-logo-width,215px) !important;
	margin-right: auto !important;
	overflow: visible !important;
}
.biotik-header__logo img,
.biotik-header__runtime-logo {
	display: block !important;
	width: auto !important;
	max-width: 100% !important;
	max-height: 72px !important;
	object-fit: contain !important;
	object-position: left center !important;
}
.biotik-header__nav--ekit {
	position: relative !important;
	flex: 0 1 auto !important;
	width: auto !important;
	min-width: 0 !important;
	margin-left: auto !important;
	margin-right: 24px !important;
	overflow: visible !important;
}
.biotik-header__nav--ekit .elementskit-menu-container { overflow: visible !important; }
.biotik-header__nav--ekit .elementskit-navbar-nav {
	display: flex !important;
	align-items: center !important;
	justify-content: flex-end !important;
	flex-wrap: nowrap !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

/* Remove theme bullets/squares without removing submenu arrows. */
.biotik-header__nav--ekit ul,
.biotik-header__nav--ekit ol,
.biotik-header__nav--ekit li,
.biotik-header__secondary-nav ul,
.biotik-header__secondary-nav li {
	list-style: none !important;
	list-style-type: none !important;
	background-image: none !important;
}
.biotik-header__nav--ekit li::marker,
.biotik-header__secondary-nav li::marker { content: '' !important; font-size: 0 !important; }
.biotik-header__nav--ekit .elementskit-navbar-nav > li::before,
.biotik-header__nav--ekit .elementskit-navbar-nav > li::after,
.biotik-header__nav--ekit .elementskit-navbar-nav > li > a::before,
.biotik-header__secondary-nav .menu-item::before,
.biotik-header__secondary-nav .menu-item::after,
.biotik-header__secondary-nav .menu-item > a::before {
	content: none !important;
	display: none !important;
}

/* Socials. */
.biotik-header__socials a { display: inline-flex; align-items: center; justify-content: center; }

/* Classic dropdown alignment: right edge under the parent item. */
.biotik-header__nav--ekit .elementskit-dropdown-has { position: relative !important; }
.biotik-header__nav--ekit .elementskit-dropdown-has > .elementskit-submenu-panel:not(.elementskit-megamenu-panel),
.biotik-header__nav--ekit .menu-item-has-children > .sub-menu,
.biotik-header__secondary-nav .menu-item-has-children > .sub-menu,
.biotik-header__secondary-nav .elementor-nav-menu--main .sub-menu {
	position: absolute !important;
	top: calc(100% + 14px) !important;
	left: auto !important;
	right: 0 !important;
	z-index: 1020 !important;
	transform: none !important;
	min-width: var(--biotik-submenu-width) !important;
	padding: 8px !important;
	border: 1px solid var(--biotik-submenu-border) !important;
	border-radius: var(--biotik-submenu-radius) !important;
	background: var(--biotik-submenu-bg) !important;
	box-shadow: 0 18px 45px rgba(20,61,38,.11) !important;
	overflow: hidden !important;
}

/* Illustrated dropdown entries. */
.biotik-header__nav--ekit .elementskit-submenu-panel > li,
.biotik-header__nav--ekit .sub-menu > li,
.biotik-header__secondary-nav .sub-menu > li { margin: 0 !important; padding: 0 !important; border: 0 !important; }
.biotik-header__nav--ekit .elementskit-submenu-panel > li + li,
.biotik-header__nav--ekit .sub-menu > li + li,
.biotik-header__secondary-nav .sub-menu > li + li { border-top: 1px solid rgba(228,234,230,.72) !important; }
.biotik-header__nav--ekit .elementskit-submenu-panel > li > a,
.biotik-header__nav--ekit .sub-menu > li > a,
.biotik-header__secondary-nav .sub-menu > li > a {
	display: grid !important;
	grid-template-columns: 42px minmax(0,1fr) 20px !important;
	align-items: center !important;
	gap: 12px !important;
	min-height: 58px !important;
	padding: 9px 10px !important;
	border-radius: var(--biotik-submenu-item-radius) !important;
	background: transparent !important;
	color: var(--biotik-submenu-text) !important;
	white-space: normal !important;
	text-decoration: none !important;
	transition: background-color .18s ease,transform .18s ease !important;
}
.biotik-header__nav--ekit .elementskit-submenu-panel > li > a:hover,
.biotik-header__nav--ekit .sub-menu > li > a:hover,
.biotik-header__secondary-nav .sub-menu > li > a:hover {
	background: var(--biotik-submenu-hover-bg) !important;
	transform: translateX(2px) !important;
}
.biotik-submenu-icon {
	display: grid !important;
	place-items: center !important;
	width: 40px !important;
	height: 40px !important;
	border-radius: 50% !important;
	background: var(--biotik-submenu-icon-bg) !important;
	color: var(--biotik-submenu-icon-color) !important;
}
.biotik-submenu-icon svg { width: 20px !important; height: 20px !important; stroke: currentColor !important; fill: none !important; stroke-width: 1.7 !important; }
.biotik-submenu-copy { display: block !important; min-width: 0 !important; }
.biotik-submenu-title { display: block !important; color: var(--biotik-submenu-text) !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.25 !important; }
.biotik-submenu-description { display: block !important; margin-top: 3px !important; color: var(--biotik-submenu-description) !important; font-size: 11.5px !important; line-height: 1.42 !important; }
.biotik-submenu-arrow { display: grid !important; place-items: center !important; width: 20px !important; color: #657069 !important; font-size: 17px !important; }
.biotik-header--hide-submenu-descriptions .biotik-submenu-description { display: none !important; }

/* Mega menu: JS aligns every ElementsKit panel on the real header shell. */
.biotik-header__nav--ekit .elementskit-megamenu-panel,
.elementskit-megamenu-panel.biotik-mega-positioned {
	z-index: 1018 !important;
	box-sizing: border-box !important;
	max-width: none !important;
	padding: 0 !important;
	border: 1px solid var(--biotik-submenu-border) !important;
	border-radius: 18px !important;
	background: var(--biotik-submenu-bg) !important;
	box-shadow: 0 18px 45px rgba(20,61,38,.11) !important;
	overflow: hidden !important;
}
/* Only stretch the Mega Menu root, never every nested card/container. */
.elementskit-megamenu-panel.biotik-mega-positioned > .elementor,
.elementskit-megamenu-panel.biotik-mega-positioned > .elementor > .elementor-element,
.elementskit-megamenu-panel.biotik-mega-positioned > .elementor > .elementor-element > .e-con-inner,
.elementskit-megamenu-panel.biotik-mega-positioned > .elementor-section,
.elementskit-megamenu-panel.biotik-mega-positioned > .elementor-section > .elementor-container {
	width: 100% !important;
	max-width: none !important;
}
.elementskit-megamenu-panel.biotik-mega-positioned .biotik-mega,
.elementskit-megamenu-panel.biotik-mega-positioned .biotik-mega--toitures {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}

/* CTA. */
.biotik-header .biotik-quote-btn,
.biotik-header .biotik-header__cta,
.biotik-header .biotik-header__cta a,
.biotik-header .biotik-quote-btn a { cursor: pointer !important; }

@media (max-width:1024px) {
	.biotik-header__top,.biotik-header__main { display:none !important; }
	.biotik-header__mobile { display:flex !important; }
	.biotik-header__nav--ekit { margin-right:0 !important; }
	.biotik-header__nav--ekit .elementskit-megamenu-panel { position:static !important; width:100% !important; max-width:100% !important; left:auto !important; top:auto !important; }
}
@media (min-width:1025px) { .biotik-header__mobile { display:none !important; } }


/* Alpha25: native quote popup + shell-wide mega menu. */
.biotik-header a[href="#biotik-quote-popup"],
.biotik-header [data-biotik-header-quote="1"] {
	cursor: pointer !important;
}
.elementskit-megamenu-panel.biotik-mega-positioned {
	will-change: left, top, width;
}