/**
 * Ecovenir commerce header — desktop dropdowns, search and mobile navigation.
 */

.ecovenir-site-header {
	--ec-header-inline: clamp(1rem, 2.5vw, 2.25rem);
	position: relative;
	z-index: 100;
	margin: 0;
	direction: rtl;
	border-block-end: 1px solid #dce5df;
	background: rgba(255, 255, 255, 0.98);
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--display);
	font-size: 14px;
	text-align: start;
	transition: border-color 180ms ease;
}

.ecovenir-site-header *,
.ecovenir-site-header *::before,
.ecovenir-site-header *::after {
	box-shadow: none !important;
}

.ecovenir-site-header::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	inset-block-end: -1px;
	height: 1px;
	background: linear-gradient(90deg, transparent 5%, rgba(164, 159, 52, 0.36), rgba(7, 86, 79, 0.3), transparent 95%);
	pointer-events: none;
}

.ecovenir-has-sticky-header .wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	z-index: 1000;
	inset-block-start: var(--wp-admin--admin-bar--height, 0px);
}

.ecovenir-utility-bar {
	box-sizing: border-box;
	margin: 0 !important;
	padding: 0;
	border-block-end: 1px solid rgba(255, 255, 255, 0.13);
	background: var(--wp--preset--color--primary-dark);
	color: var(--wp--preset--color--base);
}

.ecovenir-utility-bar__inner {
	display: flex !important;
	box-sizing: border-box;
	width: calc(100% - clamp(1.5rem, 4vw, 4rem));
	max-width: 1560px !important;
	min-height: 42px;
	flex-wrap: nowrap !important;
	align-items: center !important;
	justify-content: space-between !important;
	gap: clamp(1rem, 3vw, 3rem);
	margin: 0 auto !important;
	padding: 0.25rem 0;
}

.ecovenir-utility-bar__contacts,
.ecovenir-utility-bar__follow,
.ecovenir-utility-bar__social-links {
	display: flex !important;
	flex-wrap: nowrap !important;
	align-items: center !important;
	margin: 0 !important;
}

.ecovenir-utility-bar__contacts {
	justify-content: flex-start;
	gap: 0.9rem;
}

.ecovenir-utility-bar__follow {
	justify-content: flex-end;
	gap: 0.7rem;
}

.ecovenir-utility-bar__follow-label {
	margin: 0 !important;
	color: rgba(255, 255, 255, 0.88);
	font-size: 0.76rem;
	font-weight: 650;
	line-height: 1;
	white-space: nowrap;
}

.ecovenir-utility-bar__social-links {
	direction: ltr;
	justify-content: flex-end;
	gap: 0.3rem;
}

.ecovenir-utility-contact {
	margin: 0 !important;
}

.ecovenir-utility-contact .wp-block-button__link {
	display: inline-flex;
	min-height: 30px;
	align-items: center;
	gap: 0.42rem;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: rgba(255, 255, 255, 0.88) !important;
	font-family: var(--wp--preset--font-family--display);
	font-size: 0.76rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
	direction: ltr;
	unicode-bidi: isolate;
	transition: color 160ms ease;
}

.ecovenir-utility-contact .wp-block-button__link::before {
	display: block;
	width: 0.92rem;
	height: 0.92rem;
	flex: 0 0 0.92rem;
	background: currentColor;
	content: "";
	-webkit-mask-image: var(--ecovenir-utility-icon);
	mask-image: var(--ecovenir-utility-icon);
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.ecovenir-header-phone .wp-block-button__link::before {
	--ecovenir-utility-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6.6 10.8a15 15 0 0 0 6.6 6.6l2.2-2.2c.3-.3.8-.4 1.2-.2 1.3.5 2.7.8 4.2.8.6 0 1 .4 1 1v3.5c0 .6-.4 1-1 1C10.5 21.3 2.7 13.5 2.7 3c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.5.3 2.9.8 4.2.1.4 0 .9-.3 1.2z'/%3E%3C/svg%3E");
}

.ecovenir-header-email .wp-block-button__link::before {
	--ecovenir-utility-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 4h18c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2zm9 9L3.5 7.5v10h17v-10L12 13zm0-2.4L20.5 5h-17L12 10.6z'/%3E%3C/svg%3E");
}

.ecovenir-header-phone + .ecovenir-header-email {
	padding-inline-start: 0.9rem;
	border-inline-start: 1px solid rgba(255, 255, 255, 0.22);
}

.ecovenir-utility-contact .wp-block-button__link:hover {
	color: #e4dda0 !important;
}

.ecovenir-utility-contact .wp-block-button__link:focus-visible {
	border-radius: 2px !important;
	outline: 2px solid #e4dda0;
	outline-offset: 2px;
}

.ecovenir-utility-social {
	margin: 0 !important;
}

.ecovenir-utility-social .wp-block-button__link {
	display: inline-grid;
	width: 28px;
	height: 28px;
	min-height: 28px;
	padding: 0 !important;
	place-items: center;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.06) !important;
	color: transparent !important;
	font-size: 0;
	transition: border-color 160ms ease, background-color 160ms ease, color 160ms ease;
}

.ecovenir-utility-social .wp-block-button__link::before {
	width: 14px;
	height: 14px;
	background: #fff;
	content: "";
	-webkit-mask-image: var(--ecovenir-social-icon);
	mask-image: var(--ecovenir-social-icon);
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.ecovenir-utility-social .wp-block-button__link:is(:hover, :focus-visible) {
	border-color: rgba(228, 221, 160, 0.78) !important;
	background: rgba(228, 221, 160, 0.16) !important;
}

.ecovenir-utility-social .wp-block-button__link:focus-visible {
	outline: 2px solid #e4dda0;
	outline-offset: 2px;
}

.ecovenir-header-social-youtube {
	--ecovenir-social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21.6 7.2a3 3 0 0 0-2.1-2.1C17.6 4.5 12 4.5 12 4.5s-5.6 0-7.5.6a3 3 0 0 0-2.1 2.1C2 9.1 2 12 2 12s0 2.9.4 4.8a3 3 0 0 0 2.1 2.1c1.9.6 7.5.6 7.5.6s5.6 0 7.5-.6a3 3 0 0 0 2.1-2.1c.4-1.9.4-4.8.4-4.8s0-2.9-.4-4.8ZM10 15.5v-7l6 3.5-6 3.5Z'/%3E%3C/svg%3E");
}

.ecovenir-header-social-facebook {
	--ecovenir-social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 8h3V4h-3c-3 0-5 2-5 5v2H6v4h3v7h4v-7h3l1-4h-4V9c0-.7.3-1 1-1Z'/%3E%3C/svg%3E");
}

.ecovenir-header-social-instagram {
	--ecovenir-social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7Zm5 3a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm5.75-3.1a1.15 1.15 0 1 1-2.3 0 1.15 1.15 0 0 1 2.3 0Z'/%3E%3C/svg%3E");
}

.ecovenir-header-social-tiktok {
	--ecovenir-social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 3h3a5 5 0 0 0 4 4v3a8 8 0 0 1-4-1.1V16a6 6 0 1 1-6-6h1v3.2a3 3 0 1 0 2 2.8V3Z'/%3E%3C/svg%3E");
}

.ecovenir-header-social-whatsapp {
	--ecovenir-social-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M12 2a10 10 0 0 0-8.7 14.9L2 22l5.2-1.3A10 10 0 1 0 12 2Zm0 2a8 8 0 0 1 6.8 12.2A8 8 0 0 1 8 18.7l-.4-.2-2.7.7.7-2.6-.2-.4A8 8 0 0 1 12 4Zm-3.1 3.7c-.2 0-.5.1-.7.4-.2.3-.8.8-.8 2s.8 2.3.9 2.5c.1.2 1.6 2.6 4 3.5 2 .8 2.4.6 2.8.6.4-.1 1.4-.6 1.6-1.1.2-.5.2-1 .1-1.1-.1-.1-.3-.2-.6-.4l-1.5-.7c-.2-.1-.4-.2-.6.1l-.7.9c-.2.2-.3.3-.6.1-1.4-.7-2.3-1.2-3.2-2.8-.2-.3 0-.5.1-.6l.5-.6c.2-.2.2-.4.3-.6.1-.2 0-.4 0-.6l-.7-1.6c-.2-.5-.4-.5-.7-.5h-.2Z'/%3E%3C/svg%3E");
}

.ecovenir-header-shell {
	position: relative;
	margin: 0;
	background:
		radial-gradient(circle at 92% 0, rgba(76, 137, 122, 0.05), transparent 22rem),
		#fff;
}

.ecovenir-header-main {
	display: grid !important;
	grid-template-columns: 68px minmax(0, 1fr) auto;
	grid-template-areas: "brand navigation actions";
	width: calc(100% - clamp(1.5rem, 4vw, 4rem));
	max-width: 1560px !important;
	min-height: 82px;
	align-items: center;
	gap: clamp(0.75rem, 1.25vw, 1.25rem);
	margin-inline: auto;
	padding: 0.65rem 0;
}

.ecovenir-wordmark {
	grid-area: brand;
	display: flex !important;
	align-items: center;
	justify-content: flex-start;
	width: 56px;
	margin: 0;
	line-height: 0;
	transition: transform 160ms ease;
}

.ecovenir-wordmark .custom-logo-link,
.ecovenir-wordmark .custom-logo {
	display: block;
	line-height: 0;
}

.ecovenir-wordmark .custom-logo {
	width: 56px;
	height: 56px;
	margin: 0;
	border: 0;
	border-radius: 0;
	object-fit: contain;
	mix-blend-mode: multiply;
}

.ecovenir-wordmark:hover {
	transform: translateY(-2px);
}

/* Desktop navigation */
.ecovenir-primary-navigation {
	grid-area: navigation;
	display: flex;
	height: 100%;
	align-items: stretch;
	justify-content: center;
	margin: 0;
	font-family: inherit;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
}

nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container,
nav.ecovenir-primary-navigation .wp-block-navigation__responsive-close,
nav.ecovenir-primary-navigation .wp-block-navigation__responsive-dialog,
nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-content {
	height: 100%;
}

nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-content > .wp-block-navigation__container {
	height: 100%;
	align-items: center;
	justify-content: center;
	gap: clamp(0.1rem, 0.3vw, 0.35rem);
	flex-wrap: nowrap !important;
}

nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item {
	flex: 0 0 auto;
	align-items: center;
}

nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	position: relative;
	display: flex;
	align-items: center;
	min-height: 40px;
	padding: 0.55rem clamp(0.45rem, 0.65vw, 0.7rem);
	border-radius: 9px;
	color: #24423a;
	font-size: 13px;
	font-weight: 700;
	line-height: 1.35;
	text-align: start;
	white-space: nowrap;
	transition: color 140ms ease, background 140ms ease;
}

nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content::after {
	content: "";
	position: absolute;
	inset-inline: 45%;
	inset-block-end: 0.18rem;
	height: 2px;
	border-radius: 999px;
	background: var(--wp--preset--color--accent);
	transition: inset-inline 140ms ease;
}

nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item:is(:hover, :focus-within, .current-menu-item) > .wp-block-navigation-item__content {
	background: rgba(7, 86, 79, 0.055);
	color: var(--wp--preset--color--primary-dark);
}

nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item:is(:hover, :focus-within, .current-menu-item) > .wp-block-navigation-item__content::after {
	inset-inline: 0.75rem;
}

.ecovenir-primary-navigation .wp-block-navigation__submenu-icon {
	margin-inline-start: 0.3rem;
}

/* Header actions */
.ecovenir-header-actions {
	grid-area: actions;
	display: flex !important;
	align-items: center;
	justify-content: flex-end;
	gap: 0.45rem;
	margin: 0;
	direction: ltr;
}

.ecovenir-header-actions .wp-block-button {
	margin: 0;
}

.ecovenir-header-actions .wp-block-button__link {
	display: inline-flex;
	min-height: 44px;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
	font-family: inherit;
	font-size: 13px;
	font-weight: 750;
	line-height: 1;
	white-space: nowrap;
}

.ecovenir-search-trigger .wp-block-button__link,
.ecovenir-header-account .wp-block-button__link {
	width: 44px;
	min-width: 44px;
	padding: 0 !important;
	border: 1px solid #d7e2dc !important;
	background: linear-gradient(180deg, #fff, #f9fbfa) !important;
	color: transparent !important;
	font-size: 0;
	transition: transform 140ms ease, border-color 140ms ease, background 140ms ease;
}

.ecovenir-search-trigger .wp-block-button__link::before,
.ecovenir-header-account .wp-block-button__link::before {
	content: "";
	width: 20px;
	height: 20px;
	background-color: var(--wp--preset--color--primary-dark);
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
}

.ecovenir-search-trigger .wp-block-button__link::before {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='6.5'/%3E%3Cpath d='m16 16 4 4'/%3E%3C/svg%3E");
}

.ecovenir-header-account .wp-block-button__link::before {
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='3.5'/%3E%3Cpath d='M5 20c.6-4 3-6 7-6s6.4 2 7 6'/%3E%3C/svg%3E");
}

.ecovenir-search-trigger .wp-block-button__link:is(:hover, :focus-visible),
.ecovenir-header-account .wp-block-button__link:is(:hover, :focus-visible) {
	transform: translateY(-2px);
	border-color: rgba(7, 86, 79, 0.35) !important;
	background: var(--wp--preset--color--surface) !important;
}

.ecovenir-header-custom-order .wp-block-button__link {
	min-width: 142px;
	padding: 0.75rem 1rem !important;
	background: linear-gradient(135deg, var(--wp--preset--color--primary), var(--wp--preset--color--primary-dark)) !important;
	color: #fff !important;
	direction: rtl;
	transition: transform 140ms ease, background 140ms ease;
}

.ecovenir-header-custom-order .wp-block-button__link::before {
	content: "←";
	display: inline-grid;
	width: 23px;
	height: 23px;
	margin-inline-end: 0.5rem;
	place-items: center;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.14);
	font-size: 11px;
}

.ecovenir-header-custom-order .wp-block-button__link:is(:hover, :focus-visible) {
	transform: translateY(-2px);
	background: var(--wp--preset--color--primary-dark) !important;
}

/* Compact desktop dropdowns */
@media (min-width: 1200px) {
	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-open {
		display: none !important;
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__submenu-container {
		min-width: 230px !important;
		padding: 0.45rem !important;
		border: 1px solid #dbe5df !important;
		border-radius: 12px !important;
		background: #fff !important;
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		display: block;
		width: 100%;
		padding: 0.58rem 0.65rem;
		border-radius: 8px;
		color: #304a42;
		font-family: inherit;
		font-size: 13px;
		font-weight: 600;
		line-height: 1.45;
		text-align: start;
		white-space: nowrap;
		transition: color 130ms ease, background 130ms ease;
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
		background: var(--wp--preset--color--surface);
		color: var(--wp--preset--color--primary-dark);
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
		inset-block-start: -0.45rem;
	}
}

/* Search dialog */
.ecovenir-search-dialog {
	position: fixed;
	inset: 0;
	z-index: 250;
	display: grid;
	width: 100%;
	height: 100dvh;
	margin: 0;
	padding: 1rem;
	place-items: center;
	background: rgba(0, 35, 32, 0.62);
	backdrop-filter: blur(8px);
	opacity: 0;
	visibility: hidden;
	transition: opacity 160ms ease, visibility 160ms;
}

.ecovenir-search-dialog.is-search-open {
	opacity: 1;
	visibility: visible;
}

.ecovenir-search-dialog__panel {
	position: relative;
	width: min(720px, 100%);
	margin: 0;
	padding: clamp(1.35rem, 3vw, 2rem);
	border-radius: 20px;
	background: #fff;
	border: 1px solid #dbe5df;
	transform: translateY(10px) scale(0.985);
	transition: transform 160ms ease;
}

.ecovenir-search-dialog.is-search-open .ecovenir-search-dialog__panel {
	transform: translateY(0) scale(1);
}

.ecovenir-search-dialog__title {
	margin: 0 0 1rem;
	color: var(--wp--preset--color--primary-dark);
	font-family: inherit;
	font-size: clamp(1.25rem, 2vw, 1.65rem);
	font-weight: 850;
	line-height: 1.35;
	text-align: start;
}

.ecovenir-header-search {
	width: 100%;
	margin: 0;
}

.ecovenir-header-search .wp-block-search__inside-wrapper {
	display: flex;
	min-height: 50px;
	padding: 4px;
	border: 1px solid #cfdad4;
	border-radius: 13px;
	background: #f8faf8;
}

.ecovenir-header-search .wp-block-search__inside-wrapper:focus-within {
	border-color: var(--wp--preset--color--primary);
	background: #fff;
	outline: 3px solid rgba(7, 86, 79, 0.09);
}

.ecovenir-header-search .wp-block-search__input {
	min-width: 0;
	padding-inline: 0.85rem;
	border: 0;
	outline: 0;
	background: transparent;
	font-family: inherit;
	font-size: 14px;
	font-weight: 500;
	text-align: start;
}

.ecovenir-header-search .wp-block-search__button {
	display: inline-grid;
	flex: 0 0 42px;
	width: 42px;
	height: 42px;
	margin: 0;
	padding: 0;
	place-items: center;
	border: 0;
	border-radius: 10px;
	background: var(--wp--preset--color--primary);
	color: #fff;
}

.ecovenir-search-dialog__close {
	position: absolute;
	inset-block-start: 0.9rem;
	inset-inline-end: 0.9rem;
	display: grid;
	width: 40px;
	height: 40px;
	padding: 0;
	place-items: center;
	border: 1px solid var(--wp--preset--color--border);
	border-radius: 10px;
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--primary-dark);
	font-size: 20px;
	cursor: pointer;
}

body.ecovenir-search-is-open {
	overflow: hidden;
}

.ecovenir-mobile-menu-brand,
.ecovenir-mobile-menu-cta {
	display: none;
}

/* Tablet and mobile */
@media (max-width: 1199px) {
	.ecovenir-utility-bar__inner {
		width: calc(100% - 1.5rem);
	}

	.ecovenir-header-main {
		grid-template-columns: minmax(56px, 1fr) auto auto;
		grid-template-areas: "brand actions navigation";
		width: calc(100% - 1.5rem);
		min-height: 72px;
		gap: 0.6rem;
		padding-block: 0.55rem;
	}

	.ecovenir-wordmark,
	.ecovenir-wordmark .custom-logo {
		width: 48px;
		height: 48px;
	}

	.ecovenir-header-custom-order {
		display: none !important;
	}

	.ecovenir-primary-navigation {
		height: auto;
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-open {
		display: inline-grid !important;
		width: 42px;
		height: 42px;
		padding: 0;
		place-items: center;
		border: 1px solid #d7e2dc;
		border-radius: 11px;
		background: var(--wp--preset--color--surface);
		color: var(--wp--preset--color--primary-dark);
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container:not(.is-menu-open) {
		display: none !important;
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container.is-menu-open {
		position: fixed;
		inset: 0;
		z-index: 300;
		display: block !important;
		width: 100vw !important;
		height: 100dvh !important;
		margin: 0 !important;
		padding: 0 !important;
		background: rgba(0, 35, 32, 0.52);
		backdrop-filter: blur(5px);
		overflow: hidden !important;
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-close,
	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-dialog {
		width: 100% !important;
		max-width: none !important;
		height: 100% !important;
		margin-inline: 0 !important;
		padding: 0 !important;
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-content {
		position: absolute;
		inset-block: 0 !important;
		inset-inline-start: 0 !important;
		display: flex !important;
		width: min(91vw, 380px) !important;
		max-width: none !important;
		height: 100dvh !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		justify-content: space-between !important;
		gap: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		background: #fbfcfb;
		direction: rtl;
		border-inline-end: 1px solid #dbe5df;
		border-start-end-radius: 18px;
		border-end-end-radius: 18px;
		overflow-x: hidden !important;
		overflow-y: auto !important;
		animation: ecovenir-mobile-menu-enter 180ms ease both;
	}

	.ecovenir-mobile-menu-brand {
		position: sticky;
		inset-block-start: 0;
		z-index: 2;
		display: flex !important;
		width: 100% !important;
		height: 64px !important;
		min-height: 64px !important;
		max-height: 64px !important;
		flex: 0 0 64px !important;
		align-self: stretch !important;
		align-items: center !important;
		justify-content: flex-start !important;
		margin: 0 !important;
		padding: 0.6rem 0.9rem !important;
		box-sizing: border-box !important;
		border-block-end: 3px solid var(--wp--preset--color--accent);
		background:
			linear-gradient(110deg, rgba(76, 137, 122, 0.24), transparent 46%),
			var(--wp--preset--color--primary-dark);
	}

	.ecovenir-mobile-menu-brand__link {
		display: block;
		width: 44px;
		height: 44px;
		flex: 0 0 44px;
		line-height: 0;
	}

	.ecovenir-mobile-menu-brand__logo {
		display: block;
		width: 44px;
		height: 44px;
		border: 0;
		border-radius: 0;
		object-fit: contain;
		mix-blend-mode: multiply;
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-close {
		position: static !important;
		inset: auto !important;
		z-index: 4;
		display: inline-grid !important;
		width: 38px !important;
		height: 38px !important;
		min-width: 38px !important;
		min-height: 38px !important;
		margin: 0 !important;
		margin-inline-start: auto !important;
		padding: 0 !important;
		place-items: center !important;
		border: 1px solid rgba(255, 255, 255, 0.42);
		border-radius: 10px;
		background: rgba(255, 255, 255, 0.1);
		color: #fff;
		flex: 0 0 38px !important;
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-close svg {
		fill: currentColor;
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-content > .wp-block-navigation__container {
		display: flex !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		flex: 0 0 auto !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		gap: 0 !important;
		margin: 0 !important;
		padding: 0.65rem 0.7rem !important;
		box-sizing: border-box !important;
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
		position: relative;
		display: block !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		flex: 0 0 auto !important;
		align-items: stretch !important;
		justify-content: flex-start !important;
		gap: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content,
	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
		display: flex !important;
		width: 100% !important;
		height: auto !important;
		min-height: 46px !important;
		align-items: center !important;
		justify-content: flex-start !important;
		margin: 0 !important;
		padding: 0.68rem 0.75rem !important;
		box-sizing: border-box !important;
		border: 0;
		border-block-end: 1px solid #e8eeea;
		border-radius: 9px;
		background: transparent;
		color: #24423a;
		font-size: 13.5px;
		font-weight: 680;
		line-height: 1.45;
		text-align: start;
		white-space: normal;
		transition: color 140ms ease, background 140ms ease, border-color 140ms ease, transform 140ms ease;
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content::after {
		display: none !important;
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content:is(:hover, :focus-visible) {
		transform: translateX(-2px);
		background: rgba(7, 86, 79, 0.055);
		color: var(--wp--preset--color--primary-dark);
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item:is(.current-menu-item, .current-menu-ancestor) > .wp-block-navigation-item__content {
		padding-inline-start: 0.95rem;
		background: rgba(7, 86, 79, 0.065);
		color: var(--wp--preset--color--primary-dark);
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-content > .wp-block-navigation__container > .wp-block-navigation-item:is(.current-menu-item, .current-menu-ancestor) > .wp-block-navigation-item__content::before {
		content: "";
		position: absolute;
		inset-block: 0.72rem;
		inset-inline-start: 0;
		width: 3px;
		border-radius: 999px;
		background: var(--wp--preset--color--accent);
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-content .has-child > .wp-block-navigation__submenu-container {
		display: none !important;
		width: 100% !important;
		height: 0 !important;
		min-height: 0 !important;
		margin: 0 !important;
		padding: 0 !important;
		overflow: hidden !important;
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-content .has-child:has(> .wp-block-navigation-submenu__toggle[aria-expanded="true"]) > .wp-block-navigation__submenu-container,
	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-content .has-child.is-ecovenir-submenu-open > .wp-block-navigation__submenu-container {
		position: static;
		display: flex !important;
		width: 100% !important;
		min-width: 0 !important;
		height: auto !important;
		min-height: 0 !important;
		flex-direction: column !important;
		flex-wrap: nowrap !important;
		align-items: stretch !important;
		gap: 0 !important;
		margin: 0.25rem 0 0.4rem !important;
		padding: 0.25rem 0.6rem 0.35rem 0 !important;
		border: 0;
		border-inline-start: 2px solid #dbe6df;
		border-radius: 0;
		background: transparent;
		opacity: 1 !important;
		visibility: visible !important;
		overflow: visible !important;
		animation: ecovenir-submenu-enter 160ms ease both;
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
		min-height: 40px;
		padding-block: 0.58rem;
		border-block-end-color: #edf1ee;
		font-size: 12.5px;
		font-weight: 570;
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation-submenu__toggle {
		position: absolute;
		inset-block-start: 0.38rem;
		inset-inline-end: 0.35rem;
		z-index: 1;
		display: grid !important;
		width: 32px !important;
		height: 32px !important;
		min-width: 32px !important;
		min-height: 32px !important;
		margin: 0 !important;
		padding: 0 !important;
		place-items: center !important;
		border: 1px solid #e0e8e3;
		border-radius: 8px;
		background: #f8faf8;
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation-submenu__toggle svg {
		transition: transform 140ms ease;
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container-content .wp-block-navigation-submenu__toggle[aria-expanded="true"] svg {
		transform: rotate(180deg);
	}

	.ecovenir-mobile-menu-cta {
		display: flex !important;
		width: calc(100% - 1.4rem) !important;
		height: 40px !important;
		min-height: 40px !important;
		max-height: 40px !important;
		flex: 0 0 40px !important;
		align-self: stretch !important;
		align-items: center !important;
		justify-content: center !important;
		margin: auto 0.7rem 0.75rem !important;
		padding: 0.45rem 0.85rem !important;
		box-sizing: border-box !important;
		border: 1px solid var(--wp--preset--color--primary);
		border-radius: 9px;
		background: linear-gradient(135deg, var(--wp--preset--color--primary), var(--wp--preset--color--primary-dark));
		color: #fff;
		font-size: 12.5px;
		font-weight: 750;
		text-decoration: none;
		transition: background 140ms ease, color 140ms ease, border-color 140ms ease;
	}

	.ecovenir-mobile-menu-cta:is(:hover, :focus-visible) {
		border-color: var(--wp--preset--color--accent);
		background: var(--wp--preset--color--primary-dark);
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item {
		animation: ecovenir-menu-item-enter 220ms ease both;
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:nth-child(2) {
		animation-delay: 25ms;
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:nth-child(3) {
		animation-delay: 50ms;
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:nth-child(4) {
		animation-delay: 75ms;
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:nth-child(5) {
		animation-delay: 100ms;
	}

	nav.ecovenir-primary-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:nth-child(n+6) {
		animation-delay: 125ms;
	}
}

@keyframes ecovenir-mobile-menu-enter {
	from {
		opacity: 0;
		transform: translateX(18px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes ecovenir-menu-item-enter {
	from {
		opacity: 0;
		transform: translateX(10px);
	}

	to {
		opacity: 1;
		transform: translateX(0);
	}
}

@keyframes ecovenir-submenu-enter {
	from {
		opacity: 0;
		transform: translateY(-5px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}

body.ecovenir-mobile-menu-is-open {
	overflow: hidden;
}

@media (max-width: 760px) {
	.ecovenir-utility-bar__inner {
		min-height: 0;
		flex-wrap: wrap !important;
		justify-content: center !important;
		gap: 0.15rem 0;
		padding-block: 0.3rem;
	}

	.ecovenir-utility-bar__contacts,
	.ecovenir-utility-bar__follow {
		width: 100%;
		justify-content: center;
	}

	.ecovenir-utility-bar__contacts {
		gap: 0.65rem;
	}

	.ecovenir-utility-bar__follow {
		gap: 0.55rem;
	}

	.ecovenir-utility-bar__follow-label,
	.ecovenir-utility-contact .wp-block-button__link {
		font-size: 0.7rem;
	}

	.ecovenir-utility-social .wp-block-button__link {
		width: 26px;
		height: 26px;
		min-height: 26px;
	}

	.ecovenir-utility-social .wp-block-button__link::before {
		width: 13px;
		height: 13px;
	}
}

@media (max-width: 520px) {
	.ecovenir-utility-bar__inner {
		width: calc(100% - 1rem);
	}

	.ecovenir-utility-contact .wp-block-button__link {
		min-height: 26px;
		font-size: 0.66rem;
	}

	.ecovenir-header-email .wp-block-button__link {
		max-width: 48vw;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.ecovenir-header-phone + .ecovenir-header-email {
		padding-inline-start: 0.55rem;
	}

	.ecovenir-header-main {
		grid-template-columns: minmax(50px, 1fr) auto auto;
		width: calc(100% - 1rem);
		gap: 0.4rem;
	}

	.ecovenir-header-account {
		display: none !important;
	}

	.ecovenir-header-actions {
		gap: 0.35rem;
	}

	.ecovenir-search-trigger .wp-block-button__link {
		width: 40px;
		min-width: 40px;
		min-height: 40px;
	}
}

@media (max-width: 600px) {
	body.admin-bar.ecovenir-has-sticky-header .wp-site-blocks > header.wp-block-template-part {
		inset-block-start: 0;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ecovenir-site-header,
	.ecovenir-site-header *,
	.ecovenir-site-header *::before,
	.ecovenir-site-header *::after {
		transition-duration: 0.01ms !important;
	}
}