/**
 * Elcogen Header Block Widget Styles
 *
 * Token-based styling using rem units
 * Based on Figma design system (node: 27379-61771)
 *
 * @package Elcogen_Elementor_Widgets
 * @since 1.0.0
 */

/* ============================================
   SKIP LINK (WCAG Accessibility)
   ============================================ */

/* ============================================
   HEADER WRAPPER
   ============================================ */

.elcogen-header-block {
	width: 100%;
	font-family: var(--elcogen-font-body, 'Afacad', sans-serif);
}

/* ============================================
   TOP BAR SECTION
   ============================================ */

.elcogen-header-block__top-bar {
	background-color: var(--elcogen-light-blue-100, #e6f9ff);
	padding: 0.25rem 0; /* 4px vertical padding */
	width: 100%;
}

.elcogen-header-block__top-bar-container {
	max-width: 88.5rem; /* 1416px */
	margin: 0 auto;
	padding: 0 12px; /* 24px horizontal padding */
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 1rem; /* 16px */
}

.elcogen-header-block__top-bar-section {
	display: flex;
	align-items: center;
	gap: 0.5rem; /* 8px */
}

.elcogen-header-block__top-bar-section a {
	color: black;
}

.elcogen-header-block__top-bar-section--left {
	flex: 0 0 auto;
}

.elcogen-header-block__top-bar-section--right {
	flex: 0 0 auto;
}

.elcogen-header-block__top-bar-text {
	font-family: var(--elcogen-font-body, 'Afacad', sans-serif);
	font-size: 1.125rem; /* 18px */
	line-height: 1.75rem; /* 28px */
	font-weight: var(--elcogen-weight-regular, 400);
	color: var(--elcogen-text-primary, #131317);
}

/* Top Bar Button (Neutral Style) */
.elcogen-header-block__top-bar-button {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem; /* 8px */
	padding: 0.25rem 0.125rem; /* 4px vertical, 2px horizontal */
	background-color: transparent;
	color: var(--elcogen-neutral-1000, #131317) !important;
	font-family: var(--elcogen-font-body, 'Afacad', sans-serif);
	font-size: 1rem; /* 16px */
	line-height: 1.5rem; /* 24px */
	font-weight: var(--elcogen-weight-bold, 700);
	text-decoration: none !important;
	border: none;
	border-radius: var(--elcogen-radius-05, 360px); /* pill shape */
	transition: opacity 0.3s ease;
	cursor: pointer;
}

.elcogen-header-block__top-bar-button:hover {
	opacity: 0.7;
}

.elcogen-header-block__external-icon {
	width: 1.5rem; /* 24px */
	height: 1.5rem; /* 24px */
	flex-shrink: 0;
}

/* Social Icons */
.elcogen-header-block__social-icons {
	display: flex;
	align-items: center;
	gap: 0.5rem; /* 8px */
}

.elcogen-header-block__social-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem; /* 32px */
	height: 2rem; /* 32px */
	background-color: #1e1c25; /* Dark background from Figma */
	color: var(--elcogen-neutral-100, #ffffff);
	border-radius: var(--elcogen-radius-05, 360px); /* pill shape */
	text-decoration: none;
	transition: opacity 0.3s ease;
}

.elcogen-header-block__social-icon:hover {
	opacity: 0.8;
}

.elcogen-header-block__social-icon svg {
	width: 1.5rem; /* 24px */
	height: 1.5rem; /* 24px */
	flex-shrink: 0;
}

/* Hide top bar on mobile (but keep it visible in mobile panel) */
@media (max-width: 64.375rem) { /* 1030px */
	.elcogen-header-block__main ~ .elcogen-header-block__top-bar,
	.elcogen-header-block > .elcogen-header-block__top-bar {
		display: none;
	}

	/* Show top bar inside mobile panel */
	.elcogen-header-block__mobile-panel .elcogen-header-block__top-bar {
		display: block;
	}
}

/* ============================================
   MAIN HEADER SECTION
   ============================================ */

.elcogen-header-block__main {
	background-color: var(--elcogen-neutral-100, #ffffff);
	width: 100%;
}

.elcogen-header-block__main-container {
	max-width: 1416px; /* 1416px */
	margin: 0 auto;
	padding: 0 12px;/* 88px */
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
    padding-block: 1rem;
}

/* ============================================
   LOGO
   ============================================ */

.elcogen-header-block__logo {
	flex: 0 0 auto;
}

.elcogen-header-block__logo a {
	display: inline-block;
	text-decoration: none;
}

.elcogen-header-block__logo img {
	display: block;
	max-width: 100%;
	height: auto;
}

.elcogen-header-block__logo-text {
	font-family: var(--elcogen-font-heading, 'Cairo', sans-serif);
	font-size: 1.5rem; /* 24px */
	font-weight: var(--elcogen-weight-bold, 700);
	color: var(--elcogen-text-primary, #131317);
}

/* ============================================
   DESKTOP NAVIGATION
   ============================================ */

.menu-item a {
	white-space: nowrap;
}

.elcogen-header-block__nav {
	flex: 1 1 auto;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}



/* Desktop: Show navigation horizontally */
@media (min-width: 64.4375rem) { /* 1031px */
	/* Style mobile panel as static desktop nav container */
	.elcogen-header-block__mobile-panel {
		position: static;
		display: block;

		transform: none;
		background: transparent;
	}

	.elcogen-header-block__nav-content {
		display: block;
		padding-top: 0;
		background: transparent;
	}

	/* Desktop navigation list - horizontal */
	.elcogen-header-block__nav-list {
		display: flex;
		flex-direction: row;
		align-items: center;
		gap: 0;
		list-style: none;
		margin: 0;
		padding: 0;
	}

	/* Hide mobile-only elements on desktop */
	.elcogen-header-block__mobile-cta {
		display: none;
	}

	/* Desktop: Top bar appears at page top, not in nav panel */
	.elcogen-header-block__mobile-panel .elcogen-header-block__top-bar {
		display: none;
	}

	/* Desktop: Disable mobile accordion behavior on submenu containers */
	.elcogen-header-block__submenu-container {
		max-height: none !important;
		overflow: visible !important;
	}

	/* Desktop: Reset submenu to use dropdown behavior, not mobile always-visible */
	.elcogen-header-block__submenu {
		position: absolute !important;
		opacity: 0 !important;
		visibility: hidden !important;
		transform: translateY(-0.5rem) !important;
		transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
	}

	/* Desktop: Show submenu only when explicitly opened */
	.elcogen-header-block__nav-item.is-open .elcogen-header-block__submenu,
	.elcogen-header-block__nav-link[aria-expanded="true"] + .elcogen-header-block__submenu-container .elcogen-header-block__submenu {
		opacity: 1 !important;
		visibility: visible !important;
		transform: translateY(0) !important;
	}
}

/* Mobile: Show in panel overlay when menu is open */
@media (max-width: 64.375rem) { /* 1030px */
	.elcogen-header-block__mobile-panel.is-open .elcogen-header-block__nav-content {
		display: block;
		padding-inline: 12px;
	}
}

.elcogen-header-block__nav-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 0.5rem; /* 8px */
}

.elcogen-header-block__nav-item {
	position: relative;
	margin: 0;
	padding: 0;
}

.elcogen-header-block__nav-link {
	display: inline-flex;
	align-items: center;
	gap: var(--elcogen-nav-item-inner-spacing, 0.5rem); /* 8px */
	padding: var(--elcogen-nav-item-padding-y, 0.5rem) var(--elcogen-nav-item-padding-x, 1rem); /* 8px 16px from Figma tokens */
	font-family: var(--elcogen-font-body, 'Afacad', sans-serif);
	font-size: 1.125rem; /* 18px */
	line-height: 1.75rem; /* 28px */
	font-weight: var(--elcogen-weight-bold, 700);
	color: var(--elcogen-nav-item-text-default, #131317);
	text-decoration: none;
	background-color: var(--elcogen-nav-item-bg-default, transparent);
	border: var(--elcogen-nav-item-border-width, 2px) solid var(--elcogen-nav-item-border-default, transparent);
	border-radius: var(--elcogen-nav-item-corner-radius, 360px);
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.elcogen-header-block__nav-link:hover {
	background-color: var(--elcogen-nav-item-bg-hover, #0c28c4);
	border-color: var(--elcogen-nav-item-border-hover, #0c28c4);
	color: var(--elcogen-nav-item-text-hover, #ffffff);
}

.elcogen-header-block__nav-link:focus {
	background-color: var(--elcogen-nav-item-bg-focus, transparent);
	border-color: var(--elcogen-nav-item-border-focus, #30323b);
	color: var(--elcogen-nav-item-text-focus, #131317);
	outline: none;
	box-shadow:
		var(--elcogen-focus-ring-offset-x, 0) var(--elcogen-focus-ring-offset-y, 0) var(--elcogen-focus-ring-blur, 0) var(--elcogen-focus-ring-inner-spread, 1px) var(--elcogen-focus-ring-inner-color, #ffffff),
		var(--elcogen-focus-ring-offset-x, 0) var(--elcogen-focus-ring-offset-y, 0) var(--elcogen-focus-ring-blur, 0) var(--elcogen-focus-ring-outer-spread, 3px) var(--elcogen-focus-ring-outer-color, #0092c1);
}

/* CTA nav item (Get in Touch) — always shown as filled blue pill on both desktop and mobile.
 * The current-menu-item rule below uses !important and overrides this to light blue on the contact page. */
.elcogen-header-block__cta-button.elcogen-header-block__nav-item > .elcogen-header-block__nav-link {
	background-color: var(--elcogen-nav-item-bg-hover);
	border-color: var(--elcogen-nav-item-border-hover);
	color: var(--elcogen-nav-item-text-hover);
}

/* Current/Active Page State (Figma: 25295:24488) */
.elcogen-header-block__nav-item.current-menu-item > .elcogen-header-block__nav-link,
.elcogen-header-block__nav-item.current-menu-ancestor > .elcogen-header-block__nav-link,
.elcogen-header-block__nav-item.current-page-ancestor > .elcogen-header-block__nav-link {
	background-color: var(--elcogen-nav-item-bg-current, #e6f9ff) !important;
	border-color: var(--elcogen-nav-item-border-current, #30323b) !important;
	color: var(--elcogen-nav-item-text-current, #131317) !important;
}

/* Dropdown Icon - default points DOWN */
.elcogen-header-block__dropdown-icon {
	width: 1.5rem; /* 24px */
	height: 1.5rem; /* 24px */
	flex-shrink: 0;
	transition: transform 0.3s ease;
	transform: rotate(0deg); /* Default: arrow points down */
}

/* ONLY rotate arrow when dropdown is actually expanded (aria-expanded="true") */
.elcogen-header-block__nav-item.has-dropdown .elcogen-header-block__nav-link[aria-expanded="true"] .elcogen-header-block__dropdown-icon {
	transform: rotate(180deg); /* Arrow points up when open */
}

/* ============================================
   DROPDOWN SUBMENU (Desktop)
   ============================================ */

.elcogen-header-block__submenu {
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 15rem; /* 240px - wider for better UX */
	background-color: var(--elcogen-nav-submenu-bg-level2, #e6f9ff);
	border: none;
	border-radius: var(--elcogen-nav-submenu-corner-radius-panel, 1rem); /* 16px */
	box-shadow: var(--elcogen-shadow-01, 0 0.25rem 1.25rem rgba(19, 19, 23, 0.1));
	list-style: none;
	margin: 0.5rem 0 0 0; /* 8px top margin */
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	gap: var(--elcogen-nav-submenu-item-inner-spacing, 0.5rem) !important; /* 8px gap between items */
	opacity: 0;
	visibility: hidden;
	transform: translateY(-0.5rem);
	transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
	z-index: 100;
}

/* Show dropdown when opened by click (using is-open class or aria-expanded) */
.elcogen-header-block__nav-item.is-open .elcogen-header-block__submenu,
.elcogen-header-block__nav-link[aria-expanded="true"] + .elcogen-header-block__submenu-container .elcogen-header-block__submenu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.elcogen-header-block__submenu .elcogen-header-block__nav-item {
	margin: 0;
}

.elcogen-header-block__submenu .elcogen-header-block__nav-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--navigation-horizontal-sub-menu-inner-spacing, 0.5rem); /* 8px */
	padding: var(--navigation-horizontal-sub-menu-padding-y, 0.75rem) var(--navigation-horizontal-sub-menu-padding-x, 1.5rem); /* 12px 24px */
	background-color: var(--navigation-horizontal-sub-menu-background-default, transparent);
	border: 0 solid var(--navigation-horizontal-sub-menu-border-default, #f2f1f2);
	border-radius: var(--navigation-horizontal-sub-menu-corner-radius, 360px); /* Pill shape */
	color: var(--navigation-horizontal-sub-menu-text-default, #131317);
	font-family: var(--navigation-horizontal-sub-menu-font-family, 'Afacad', sans-serif);
	font-size: var(--navigation-horizontal-sub-menu-font-size, 1.125rem); /* 18px */
	line-height: var(--navigation-horizontal-sub-menu-line-height, 1.75rem); /* 28px */
	font-weight: var(--navigation-horizontal-sub-menu-font-weight, 700);
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
	border: 2px solid transparent;
}

.is-open a.elcogen-header-block__nav-link[aria-expanded="true"] {
	background-color: #0c28c4;
	color: #ffffff;
}

/* Hide arrow on open L2 item by matching the blue background (desktop only) */
@media (min-width: 64.4375rem) { /* 1031px */
	.is-open a.elcogen-header-block__nav-link[aria-expanded="true"]::after {
			background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19M19 12L12 5M19 12L12 19' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	}
}

/* Hide dropdown icons in submenu (we use ::after arrow instead) */
.elcogen-header-block__submenu .elcogen-header-block__dropdown-icon {
	display: none;
}

/* Add arrow icon after submenu links */
.elcogen-header-block__submenu .elcogen-header-block__nav-link::after {
	content: '';
	display: block;
	width: 1.5rem; /* 24px */
	height: 1.5rem; /* 24px */
	flex-shrink: 0;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19M19 12L12 5M19 12L12 19' stroke='%23131317' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.elcogen-header-block__submenu .elcogen-header-block__nav-link:hover {
	background-color: var(--navigation-horizontal-sub-menu-background-hover, #0c28c4) !important;
	border-color: var(--navigation-horizontal-sub-menu-border-hover, #ffffff) !important;
	color: var(--navigation-horizontal-sub-menu-text-hover, #ffffff) !important;
}

/* Change arrow color to white on hover */
.elcogen-header-block__submenu .elcogen-header-block__nav-link:hover::after {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19M19 12L12 5M19 12L12 19' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Focus state - double ring effect (WCAG Accessibility) */
.elcogen-header-block__submenu .elcogen-header-block__nav-link:focus {
	background-color: var(--navigation-horizontal-sub-menu-background-focus, transparent);
	border-color: var(--navigation-horizontal-sub-menu-border-focus, transparent);
	color: var(--navigation-horizontal-sub-menu-text-focus, #131317);
	outline: none;
	box-shadow:
		0 0 0 1px #ffffff,  /* Inner white ring */
		0 0 0 3px #0092c1;  /* Outer blue ring */
}

/* Current/Active/Selected submenu item - matches main nav current state */
.elcogen-header-block__submenu > .elcogen-header-block__nav-item.current-menu-item > .elcogen-header-block__nav-link,
.elcogen-header-block__submenu > .elcogen-header-block__nav-item.current-page-item > .elcogen-header-block__nav-link,
.elcogen-header-block__submenu > .elcogen-header-block__nav-item.current-menu-ancestor > .elcogen-header-block__nav-link,
.elcogen-header-block__submenu > .elcogen-header-block__nav-item.current-page-ancestor > .elcogen-header-block__nav-link {
	background-color: var(--elcogen-nav-item-bg-current, #e6f9ff) !important;
	border: 2px solid var(--elcogen-nav-item-border-current, #30323b) !important;
	color: var(--elcogen-nav-item-text-current, #131317) !important;
}

/* Hover state for current/active pages - must come after and override */
.elcogen-header-block__submenu > .elcogen-header-block__nav-item.current-menu-item > .elcogen-header-block__nav-link:hover,
.elcogen-header-block__submenu > .elcogen-header-block__nav-item.current-page-item > .elcogen-header-block__nav-link:hover,
.elcogen-header-block__submenu > .elcogen-header-block__nav-item.current-menu-ancestor > .elcogen-header-block__nav-link:hover,
.elcogen-header-block__submenu > .elcogen-header-block__nav-item.current-page-ancestor > .elcogen-header-block__nav-link:hover {
	background-color: var(--navigation-horizontal-sub-menu-background-hover, #0c28c4) !important;
	color: var(--navigation-horizontal-sub-menu-text-hover, #ffffff) !important;
}

/* Change arrow to white on hover for current pages */
.elcogen-header-block__submenu > .elcogen-header-block__nav-item.current-menu-item > .elcogen-header-block__nav-link:hover::after,
.elcogen-header-block__submenu > .elcogen-header-block__nav-item.current-page-item > .elcogen-header-block__nav-link:hover::after,
.elcogen-header-block__submenu > .elcogen-header-block__nav-item.current-menu-ancestor > .elcogen-header-block__nav-link:hover::after,
.elcogen-header-block__submenu > .elcogen-header-block__nav-item.current-page-ancestor > .elcogen-header-block__nav-link:hover::after {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19M19 12L12 5M19 12L12 19' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.elcogen-header-block__submenu > .elcogen-header-block__nav-item.current-menu-ancestor > .elcogen-header-block__nav-link:after {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19M19 12L12 5M19 12L12 19' stroke='%23131317' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* ============================================
   L3 FLYOUT SUBMENU (Desktop)
   ============================================ */

/* Positioning reference for L3 panel — allow it to extend outside */
.elcogen-header-block__submenu-wrapper {
	position: relative;
	overflow: visible;
}

/* L3 container — accordion below L2 parent (desktop & mobile share same base) */
.elcogen-header-block__sub-submenu-container {
	position: static;
    border-radius: 1rem;
    box-shadow: none;
    max-height: 0;
    overflow: hidden;
    opacity: 1;
    visibility: visible;
    transition: max-height 0.3s ease;
}

.elcogen-header-block__sub-submenu-container.is-open {
	max-height: 50rem;
}

/* L3 list reset */
.elcogen-header-block__sub-submenu {
	list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    background: white;
    margin-block: .5rem;
    padding: .5rem;
    border-radius: 1rem;
}

@media (max-width: 64.4375rem) {
	.elcogen-header-block__sub-submenu {
		padding: .5rem 0;

	}
}
/* L3 items — same base as L2 items */
.elcogen-header-block__sub-submenu .elcogen-header-block__nav-item {
	margin: 0;
}

.elcogen-header-block__sub-submenu .elcogen-header-block__nav-link {
	padding: 0.75rem 1.5rem;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 360px;
	background-color: transparent;
	color: #131317;
	font-family: var(--elcogen-font-body, 'Afacad', sans-serif);
	font-size: 1.125rem;
	line-height: 1.75rem;
	font-weight: 700;
	text-decoration: none;
	width: 100%;
	transition: background-color 0.2s ease, color 0.2s ease, border-radius 0.2s ease;
	border: 2px solid transparent;
}

/* Arrow on L3 items */
.elcogen-header-block__sub-submenu .elcogen-header-block__nav-link::after {
	content: '';
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	flex-shrink: 0;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19M19 12L12 5M19 12L12 19' stroke='%23131317' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/* L3 hover — full pill */
.elcogen-header-block__sub-submenu .elcogen-header-block__nav-link:hover {
	border-radius: 360px;
	background-color: #0c28c4;
	color: #ffffff;
}

.elcogen-header-block__sub-submenu .elcogen-header-block__nav-link:hover::after {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19M19 12L12 5M19 12L12 19' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* L3 focus state */
.elcogen-header-block__sub-submenu .elcogen-header-block__nav-link:focus {
	outline: none;
	box-shadow: 0 0 0 1px #ffffff, 0 0 0 3px #0092c1;
}

/* L3 current/active page — full pill, light blue bg, dark border, dark text */
.elcogen-header-block__sub-submenu .elcogen-header-block__nav-item.current-menu-item
> .elcogen-header-block__nav-link,
.elcogen-header-block__sub-submenu .elcogen-header-block__nav-item.current-menu-ancestor
> .elcogen-header-block__nav-link {
	border-radius: 360px;
	background-color: var(--elcogen-nav-item-bg-current, #e6f9ff) !important;
	border: 2px solid var(--elcogen-nav-item-border-current, #30323b) !important;
	color: var(--elcogen-nav-item-text-current, #131317) !important;
}

.elcogen-header-block__sub-submenu .elcogen-header-block__nav-item.current-menu-item
> .elcogen-header-block__nav-link::after,
.elcogen-header-block__sub-submenu .elcogen-header-block__nav-item.current-menu-ancestor
> .elcogen-header-block__nav-link::after {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19M19 12L12 5M19 12L12 19' stroke='%23131317' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Desktop: L2 items with sub-submenu — show chevron down/up instead of right arrow */
@media (min-width: 64.4375rem) {
	.elcogen-header-block__submenu
	.elcogen-header-block__nav-item.has-sub-submenu
	> .elcogen-header-block__nav-link::after {
		background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23131317' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		transition: transform 0.3s ease;
	}

	/* Desktop: turn chevron white on hover (blue bg) — has-sub-submenu dark-chevron rule has higher specificity than generic hover::after */
	.elcogen-header-block__submenu
	.elcogen-header-block__nav-item.has-sub-submenu
	> .elcogen-header-block__nav-link:hover::after {
		background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	}

	/* Desktop: L2 open state — blue bg + white border for regular items (not current-menu-ancestor which keeps light-blue) */
	.elcogen-header-block__submenu
	.elcogen-header-block__nav-item.has-sub-submenu.is-open:not(.current-menu-ancestor):not(.current-menu-item)
	> .elcogen-header-block__nav-link {
		background-color: var(--navigation-horizontal-sub-menu-background-hover, #0c28c4);
		border-color: var(--navigation-horizontal-sub-menu-border-hover, #ffffff);
		color: var(--navigation-horizontal-sub-menu-text-hover, #ffffff);
	}

	/* White chevron-up for regular is-open items (blue bg) */
	.elcogen-header-block__submenu
	.elcogen-header-block__nav-item.has-sub-submenu.is-open:not(.current-menu-ancestor):not(.current-menu-item)
	> .elcogen-header-block__nav-link::after {
		background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		transform: rotate(180deg);
	}

	/* current-menu-ancestor open: light-blue bg keeps dark chevron-up — but not on hover (hover always shows white) */
	.elcogen-header-block__submenu
	.elcogen-header-block__nav-item.has-sub-submenu.is-open.current-menu-ancestor
	> .elcogen-header-block__nav-link:not(:hover)::after,
	.elcogen-header-block__submenu
	.elcogen-header-block__nav-item.has-sub-submenu.is-open.current-menu-item
	> .elcogen-header-block__nav-link:not(:hover)::after {
		background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23131317' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		transform: rotate(180deg);
	}
}

/* Mobile overrides for L3 — accordion inside mobile panel */
@media (max-width: 64.375rem) {
	.elcogen-header-block__mobile-panel .elcogen-header-block__sub-submenu-container {
		position: static;
        background-color: white;
        box-shadow: none;
        margin-top: .5rem;
        padding-inline: .5rem;
        padding-block: 0;
        opacity: 1;
        visibility: visible;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
	}

	.elcogen-header-block__mobile-panel
	.elcogen-header-block__nav-item.has-sub-submenu.is-open
	.elcogen-header-block__sub-submenu-container {
		max-height: 50rem;
	}

	/* L2 items with sub-submenu: replace right-arrow with chevron down/up (same as L1 behavior) */
	.elcogen-header-block__mobile-panel
	.elcogen-header-block__submenu
	.elcogen-header-block__nav-item.has-sub-submenu
	> .elcogen-header-block__nav-link::after {
		background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23131317' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		transition: transform 0.3s ease;
	}

	/* Turn chevron white on hover (blue bg) */
	.elcogen-header-block__mobile-panel
	.elcogen-header-block__submenu
	.elcogen-header-block__nav-item.has-sub-submenu
	> .elcogen-header-block__nav-link:hover::after {
		background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	}

	/* Rotate to chevron-up when open */
	.elcogen-header-block__mobile-panel
	.elcogen-header-block__submenu
	.elcogen-header-block__nav-item.has-sub-submenu.is-open
	> .elcogen-header-block__nav-link::after {
		transform: rotate(180deg);
	}

	/* White chevron when item is active/open (blue background) */
	.elcogen-header-block__mobile-panel
	.elcogen-header-block__submenu
	.elcogen-header-block__nav-item.has-sub-submenu.is-open
	> .elcogen-header-block__nav-link::after {
		background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
		transform: rotate(180deg);
	}

	/* L3 items on mobile: keep normal pill, no flat-left bleed */
	.elcogen-header-block__mobile-panel
	.elcogen-header-block__sub-submenu .elcogen-header-block__nav-link:hover,
	.elcogen-header-block__mobile-panel
	.elcogen-header-block__sub-submenu .elcogen-header-block__nav-item.current-menu-item
	> .elcogen-header-block__nav-link,
	.elcogen-header-block__mobile-panel
	.elcogen-header-block__sub-submenu .elcogen-header-block__nav-item.current-menu-ancestor
	> .elcogen-header-block__nav-link {
		border-radius: 360px !important;
		margin-left: 0 !important;
	}

	/* L3 items on mobile: same style as L2 items */
	.elcogen-header-block__mobile-panel .elcogen-header-block__sub-submenu .elcogen-header-block__nav-link {
		height: 3rem;
		padding: 0.75rem 1.5rem;
	}
}

/* ============================================
   CTA BUTTON (Get in touch)
   ============================================ */

.elcogen-header-block__cta-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 3rem; /* 48px */
	font-family: var(--elcogen-font-body, 'Afacad', sans-serif);
	font-size: 1.125rem; /* 18px */
	line-height: 1.75rem; /* 28px */
	font-weight: var(--elcogen-weight-bold, 700);
	text-decoration: none;
	border: none;
	border-radius: var(--elcogen-radius-05, 360px); /* pill shape */
	transition: background-color 0.3s ease;
	cursor: pointer;
}

.elcogen-header-block__cta-button:hover,
.elcogen-header-block__cta-button:focus {
	background-color: var(--elcogen-cobalt-blue-500, #315fff);
	outline: none;
}

.elcogen-header-block__cta-button {
	&:hover,
	&:focus {
		background-color: transparent;
		outline: none;
	}
	a {
		background-color: var(--elcogen-cobalt-blue-400) !important;
		color: var(--elcogen-neutral-100, #ffffff) !important;
		&:hover,
		&:focus,
		&:active,
		.elcogen-header-block__nav-link {
			background-color: var(--elcogen-cobalt-blue-500, #315fff) !important;
			outline: none;
		}
		}
}

/* ============================================
   SEARCH NAVIGATION ITEM (Figma: 38642:32895)
   ============================================ */

/* Target search link by class name or menu item ID */
.elcogen-header-block__nav-link.menu-item-search,
.elcogen-header-block__nav-link[href*="search"],
.menu-item-search > .elcogen-header-block__nav-link {
	display: inline-flex;
	align-items: center;
	gap: var(--elcogen-nav-item-inner-spacing, 0.5rem); /* 8px */
}

/* Search icon - appears after the text */
.elcogen-header-block__nav-link.menu-item-search::after,
.elcogen-header-block__nav-link[href*="search"]::after,
.menu-item-search > .elcogen-header-block__nav-link::after {
	content: '';
	display: block;
	width: 1.5rem; /* 24px */
	height: 1.5rem; /* 24px */
	flex-shrink: 0;
	background-image: url('../images/search-icon.svg');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: auto;
	transition: background-image 0.3s ease;
}
.elcogen-header-block__nav-link[href*="search"]:hover::after {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 21L16.65 16.65' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Prevent white icon on hover/active if nav item is current */
.elcogen-header-block__nav-item.current-menu-item > .elcogen-header-block__nav-link[href*="search"]:hover::after,
.elcogen-header-block__nav-item.current-menu-item > .elcogen-header-block__nav-link[href*="search"]:active::after {
	background-image: url('../images/search-icon.svg') !important;
}

/* ============================================
   MOBILE MENU BUTTON (Figma: 27882:67553)
   ============================================ */

.elcogen-header-block__mobile-menu {
	display: flex;
	align-items: center;
}

.elcogen-header-block__mobile-menu-button {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: var(--header-navigation-menu-button-height, 3.5rem); /* 56px */
	padding: var(--header-navigation-menu-button-sizing-padding-y, 0.5rem) var(--header-navigation-menu-button-sizing-padding-x, 0.5rem);
	background-color: var(--header-navigation-menu-button-background-default, rgba(0,0,0,0)) !important;
	border: var(--header-navigation-menu-button-sizing-border-width, 2px) solid var(--header-navigation-menu-button-border-default, rgba(0,0,0,0)) !important;
	color: var(--header-navigation-menu-button-text-default, #686878) !important;
	font-family: var(--text-body-extra-small-family, 'Afacad', sans-serif);
	font-size: var(--text-body-extra-small-size, 0.875rem); /* 14px */
	line-height: var(--text-body-extra-small-line-height, 1rem); /* 16px */
	font-weight: var(--text-body-extra-small-weight, 400);
	cursor: pointer;
	transition: all 0.3s ease;
	gap: .25rem;
}

/* Hover State */
.elcogen-header-block__mobile-menu-button:hover {
	background-color: var(--header-navigation-menu-button-background-hover, rgba(0,0,0,0)) !important;
	border-color: var(--header-navigation-menu-button-border-hover, rgba(0,0,0,0)) !important;
	color: var(--header-navigation-menu-button-text-hover, #8a8797) !important;
}

/* Focus State (WCAG Accessibility) */
.elcogen-header-block__mobile-menu-button:focus {
	background-color: var(--header-navigation-menu-button-background-focus, #ffffff) !important;
	border-color: var(--header-navigation-menu-button-border-focus, #ffffff) !important;
	color: var(--header-navigation-menu-button-text-focus, #30323b) !important;
	outline: none !important;
	box-shadow:
		var(--focus-ring-outset-x, 0px) var(--focus-ring-outset-y, 0px) var(--focus-ring-outset-blur, 0px) var(--focus-ring-outset-inner-spread, 1px) var(--focus-ring-colors-inner-color, #ffffff),
		var(--focus-ring-outset-x, 0px) var(--focus-ring-outset-y, 0px) var(--focus-ring-outset-blur, 0px) var(--focus-ring-outset-outer-spread, 3px) var(--focus-ring-colors-outer-color, #0092c1) !important;
}

/* Active/Pressed State (Higher specificity - must come after focus to override) */
.elcogen-header-block__mobile-menu-button:active,
.elcogen-header-block__mobile-menu-button[data-state="active"],
.elcogen-header-block__mobile-menu-button[data-state="active"]:focus {
	background-color: var(--header-navigation-menu-button-background-active, rgba(0,0,0,0)) !important;
	border-color: var(--header-navigation-menu-button-border-active, rgba(0,0,0,0)) !important;
	color: var(--header-navigation-menu-button-text-active, #30323b) !important;
	box-shadow: none !important;
}

/* Selected State */
.elcogen-header-block__mobile-menu-button[data-state="selected"] {
	background-color: var(--header-navigation-menu-button-background-selected, rgba(0,0,0,0)) !important;
	border-color: var(--header-navigation-menu-button-border-selected, rgba(0,0,0,0)) !important;
	color: var(--header-navigation-menu-button-text-selected, #30323b) !important;
}

/* Disabled State */
.elcogen-header-block__mobile-menu-button:disabled,
.elcogen-header-block__mobile-menu-button[data-state="disabled"] {
	background-color: var(--header-navigation-menu-button-background-disabled, #ffffff);
	border-color: var(--header-navigation-menu-button-border-disabled, #ffffff);
	color: var(--header-navigation-menu-button-text-disabled, #c2c0c9);
	cursor: not-allowed;
}

/* Icon Container */
.elcogen-header-block__mobile-menu-icon {
	width: 1.25rem; /* 24px */
	height: 1rem; /* 24px */
	flex-shrink: 0;
	position: relative;
}

.elcogen-header-block__mobile-menu-icon img {
	width: 100%;
	height: 100%;
	display: block;
}

/* Text Label */
.elcogen-header-block__mobile-menu-text {
	margin-top: 0;
	text-align: center;
}

/* Hide mobile menu button on desktop (panel is now used for both desktop/mobile) */
@media (min-width: 64.4375rem) { /* 1031px */
	.elcogen-header-block__mobile-menu {
		display: none !important;
	}
}

/* ============================================
   MOBILE PANEL (Full-Screen Overlay on mobile, static on desktop)
   ============================================ */

/* Base styles - will be overridden by media queries */
.elcogen-header-block__mobile-panel {
	/* Desktop styles handled in desktop media query above */
}

/* Mobile-only overlay styles */
@media (max-width: 64.375rem) { /* 1030px */
	.elcogen-header-block__mobile-panel {
		position: fixed;
		top: 4rem; /* 72px - below the main header */
		left: 0;
		right: 0;
		bottom: 0;
		background-color: var(--elcogen-neutral-100, #ffffff);
		z-index: 9998;
		transform: translateX(100%);
		transition: all 0.3s ease;
		overflow-y: auto;
		display: flex;
		flex-direction: column;
	}

	.elcogen-header-block__mobile-panel.is-open {
		transform: translateY(0);
	}
	.admin-bar .elcogen-header-block__mobile-panel {
		top: 6rem; /* 72px - below the main header */
	}
}

/* Lock body scroll when mobile menu is open */
body.elcogen-mobile-menu-open {
	overflow: hidden;
}

/* Mobile-specific navigation styles (apply only on mobile) */
@media (max-width: 64.375rem) { /* 1030px */
	/* Navigation Content Section - Mobile */
	.elcogen-header-block__nav-content {
		flex: 0 1 auto; /* Allow shrinking, don't take all available space */
		padding-top: 1.5rem; /* 16px */
		background-color: var(--elcogen-neutral-100, #ffffff);
	}

	/* Mobile Navigation List */
	.elcogen-header-block__mobile-panel .elcogen-header-block__nav-list {
		list-style: none;
		margin: 0;
		padding: 0;
		display: flex;
		flex-direction: column;
		gap: 0;
	}

	/* Mobile Navigation Item */
	.elcogen-header-block__mobile-panel .elcogen-header-block__nav-item {
		position: relative;
		margin: 0;
		padding: 0;
		border-bottom: 2px solid transparent;
	}

	/* Mobile Navigation Link */
	.elcogen-header-block__mobile-panel .elcogen-header-block__nav-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--elcogen-nav-item-inner-spacing, 0.5rem); /* 8px */
	height: 3rem; /* 48px */
	padding: var(--elcogen-nav-item-padding-y, 0.5rem) var(--elcogen-nav-item-padding-x, 1rem); /* 8px 16px */
	font-family: var(--elcogen-font-body, 'Afacad', sans-serif);
	font-size: 1.125rem; /* 18px */
	line-height: 1.75rem; /* 28px */
	font-weight: var(--elcogen-weight-bold, 700);
	color: var(--elcogen-text-primary, #131317);
	text-decoration: none;
	background-color: var(--elcogen-nav-item-bg-default, transparent);
	border: var(--elcogen-nav-item-border-width, 2px) solid var(--elcogen-nav-item-border-default, transparent);
	border-radius: var(--elcogen-radius-05, 360px);
	cursor: pointer;
	transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
	width: 100%;
	text-align: left;
}

.elcogen-header-block__mobile-panel .elcogen-header-block__nav-link:hover {
	background-color: var(--elcogen-nav-item-bg-hover, #0c28c4) !important;
	border-color: var(--elcogen-nav-item-border-hover, #0c28c4) !important;
	color: var(--elcogen-nav-item-text-hover, #ffffff) !important;
}

/* Dropdown Icon for Mobile */
.elcogen-header-block__mobile-panel .elcogen-header-block__dropdown-icon {
	width: 1.5rem; /* 24px */
	height: 1.5rem; /* 24px */
	flex-shrink: 0;
	transition: transform 0.3s ease;
}

/* Rotate icon when submenu is open */
.elcogen-header-block__mobile-panel .elcogen-header-block__nav-item.is-open .elcogen-header-block__dropdown-icon {
	transform: rotate(180deg);
}

/* Active/open state for accordion items */
.elcogen-header-block__mobile-panel .elcogen-header-block__nav-item.is-open > .elcogen-header-block__nav-link {
	background-color: var(--elcogen-nav-item-bg-hover, #0c28c4) !important;
	border-color: var(--elcogen-nav-item-border-hover, #0c28c4) !important;
	color: var(--elcogen-nav-item-text-hover, #ffffff) !important;
}

/* Make dropdown icon white when parent is active/open */
.elcogen-header-block__mobile-panel .elcogen-header-block__nav-item.is-open > .elcogen-header-block__nav-link .elcogen-header-block__dropdown-icon {
	color: var(--elcogen-nav-item-text-hover, #ffffff);
}

/* Mobile Submenu Container */
.elcogen-header-block__mobile-panel .elcogen-header-block__submenu-container {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
}

.elcogen-header-block__mobile-panel .elcogen-header-block__nav-item.is-open .elcogen-header-block__submenu-container {
	max-height: 100rem; /* Large enough for content */
}

/* Mobile Submenu Wrapper - Light Blue Background */
.elcogen-header-block__mobile-panel .elcogen-header-block__submenu-wrapper {
	background-color: var(--elcogen-nav-submenu-bg-level2, #e6f9ff);
	padding: 0.5rem; /* 8px */
	margin: 0.25rem 0.5rem; /* 4px 8px */
	border-radius: 1rem; /* 16px */
}

/* Mobile Submenu List */
.elcogen-header-block__mobile-panel .elcogen-header-block__submenu {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: transparent;
	border-radius: 0;
	box-shadow: none;
	transform: none;
	opacity: 1;
	visibility: visible;
}

/* Mobile Submenu Items */
.elcogen-header-block__mobile-panel .elcogen-header-block__submenu .elcogen-header-block__nav-item {
	border-bottom: none;
}

.elcogen-header-block__mobile-panel .elcogen-header-block__submenu .elcogen-header-block__nav-link {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 3rem; /* 48px */
	padding: var(--navigation-horizontal-sub-menu-padding-y, 0.75rem) var(--navigation-horizontal-sub-menu-padding-x, 1.5rem); /* 12px 24px */
	font-family: var(--navigation-horizontal-sub-menu-font-family, 'Afacad', sans-serif);
	font-size: var(--navigation-horizontal-sub-menu-font-size, 1.125rem); /* 18px */
	line-height: var(--navigation-horizontal-sub-menu-line-height, 1.75rem); /* 28px */
	font-weight: var(--navigation-horizontal-sub-menu-font-weight, 700);
	background-color: transparent;
	color: var(--navigation-horizontal-sub-menu-text-default, #131317);
	border-radius: var(--elcogen-radius-05, 360px);
	border: none;
	transition: background-color 0.2s ease, color 0.2s ease;
}

.elcogen-header-block__mobile-panel .elcogen-header-block__submenu .elcogen-header-block__nav-link:hover {
	background-color: var(--elcogen-nav-item-bg-hover, #0c28c4) !important;
	border-radius: var(--elcogen-radius-05, 360px);
	color: var(--elcogen-nav-item-text-hover, #ffffff) !important;
}

/* Add arrow icon after mobile submenu links */
.elcogen-header-block__mobile-panel .elcogen-header-block__submenu .elcogen-header-block__nav-link::after {
	content: '';
	display: block;
	width: 1.5rem; /* 24px */
	height: 1.5rem; /* 24px */
	flex-shrink: 0;
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19M19 12L12 5M19 12L12 19' stroke='%23131317' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/* Change arrow color to white on hover to match blue pill background */
.elcogen-header-block__mobile-panel .elcogen-header-block__submenu .elcogen-header-block__nav-link:hover::after {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19M19 12L12 5M19 12L12 19' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Mobile: Current/Active/Selected submenu item - matches desktop styling */
.elcogen-header-block__mobile-panel .elcogen-header-block__submenu > .elcogen-header-block__nav-item.current-menu-item > .elcogen-header-block__nav-link,
.elcogen-header-block__mobile-panel .elcogen-header-block__submenu > .elcogen-header-block__nav-item.current-page-item > .elcogen-header-block__nav-link {
	background-color: var(--elcogen-nav-item-bg-current, #e6f9ff) !important;
	border: 2px solid var(--elcogen-nav-item-border-current, #30323b) !important;
	color: var(--elcogen-nav-item-text-current, #131317) !important;
}

/* Mobile: Hover state for current/active pages - matches desktop */
.elcogen-header-block__mobile-panel .elcogen-header-block__submenu > .elcogen-header-block__nav-item.current-menu-item > .elcogen-header-block__nav-link:hover,
.elcogen-header-block__mobile-panel .elcogen-header-block__submenu > .elcogen-header-block__nav-item.current-page-item > .elcogen-header-block__nav-link:hover {
	background-color: var(--elcogen-nav-item-bg-hover, #0c28c4) !important;
	border-color: var(--elcogen-nav-item-border-hover, #0c28c4) !important;
	color: var(--elcogen-nav-item-text-hover, #ffffff) !important;
}

/* Mobile: Change arrow to white on hover for current pages */
.elcogen-header-block__mobile-panel .elcogen-header-block__submenu > .elcogen-header-block__nav-item.current-menu-item > .elcogen-header-block__nav-link:hover::after,
.elcogen-header-block__mobile-panel .elcogen-header-block__submenu > .elcogen-header-block__nav-item.current-page-item > .elcogen-header-block__nav-link:hover::after {
	background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19M19 12L12 5M19 12L12 19' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

/* Mobile CTA Section — hardcoded fallback, hidden in favour of the nav menu item */

/* Mobile Footer Section */
.elcogen-header-block__mobile-footer {
	background-color: var(--elcogen-light-blue-100, #e6f9ff);
	padding: 1.5rem 1rem 2.5rem 1rem; /* 24px 16px 40px 16px */
	display: flex;
	flex-direction: column;
	gap: 1rem; /* 16px */
}

.elcogen-header-block__mobile-join {
	display: flex;
	align-items: center;
	gap: 0.5rem; /* 8px */
	flex-wrap: wrap;
}

.elcogen-header-block__mobile-footer-text {
	font-family: var(--elcogen-font-body, 'Afacad', sans-serif);
	font-size: 1.125rem; /* 18px */
	line-height: 1.75rem; /* 28px */
	font-weight: var(--elcogen-weight-regular, 400);
	color: var(--elcogen-text-primary, #131317);
}

.elcogen-header-block__mobile-footer-link {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem; /* 8px */
	padding: 0.25rem 0.125rem; /* 4px 2px */
	font-family: var(--elcogen-font-body, 'Afacad', sans-serif);
	font-size: 1rem; /* 16px */
	line-height: 1.5rem; /* 24px */
	font-weight: var(--elcogen-weight-bold, 700);
	color: var(--elcogen-text-primary, #131317);
	text-decoration: none;
	background-color: transparent;
	border-radius: var(--elcogen-radius-05, 360px);
	transition: opacity 0.3s ease;
}

.elcogen-header-block__mobile-footer-link:hover {
	opacity: 0.7;
}

.elcogen-header-block__mobile-footer-link svg {
	width: 1.5rem; /* 24px */
	height: 1.5rem; /* 24px */
}

.elcogen-header-block__mobile-social {
	display: flex;
	align-items: center;
	gap: 0.5rem; /* 8px */
	flex-wrap: wrap;
}

.elcogen-header-block__mobile-social-icons {
	display: flex;
	align-items: center;
	gap: 0.5rem; /* 8px */
}

.elcogen-header-block__mobile-social-icons .elcogen-header-block__social-icon {
	width: 2rem; /* 32px */
	height: 2rem; /* 32px */
	padding: 0.125rem; /* 2px */
}

/* Mobile Panel: Top Bar Styling */
.elcogen-header-block__mobile-panel .elcogen-header-block__top-bar {
	margin-top: auto; /* Push to bottom of mobile panel */
	padding: 1.5rem 1rem; /* 24px 16px */
}

.elcogen-header-block__mobile-panel .elcogen-header-block__top-bar-container {
	flex-direction: column;
	gap: 1.5rem; /* 24px */
	padding: 0;
	max-width: 100%;
}

.elcogen-header-block__mobile-panel .elcogen-header-block__top-bar-section {
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.75rem; /* 12px */
}

.elcogen-header-block__mobile-panel .elcogen-header-block__top-bar-section--left,
.elcogen-header-block__mobile-panel .elcogen-header-block__top-bar-section--right {
	width: 100%;
}
} /* End of mobile-specific styles */

/* Remove the old "Hide mobile panel on desktop" rule - now handled in the desktop media query above */

/* ============================================
   RESPONSIVE ADJUSTMENTS
   ============================================ */

@media (max-width: 64.375rem) { /* 480px */
	.elcogen-header-block__main-container {
		padding: 0 1rem; /* 16px */
		min-height: 4rem; /* 64px - shorter on very small screens */
		gap: 1rem; /* 16px */
	}



}

@media (max-width: 64.375rem) { /* 480px */
	.elcogen-header-block__logo img {
		max-width: 8rem; /* 128px - smaller logo on mobile */
	}
}

/* ============================================
   FIX: ELEMENTOR STICKY SPACER DUPLICATION
   ============================================ */

/* Hide navigation in Elementor sticky spacer to prevent duplicate menu */
.elementor-sticky__spacer .elcogen-header-block__nav {
	display: none !important;
}

/* Hide sticky spacer from accessibility tree */
.elementor-sticky__spacer {
	speak: none;
}

.elementor-sticky__spacer * {
	visibility: hidden !important;
}