:root {
	--costa-header-coral: #df6840;
	--costa-header-ink: #171717;
	--costa-header-surface: #ffffff;
	--costa-header-border: #e7e1db;
	--costa-header-focus: #205fcc;
	--costa-header-max: 1280px;
}

.costa-editorial-header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 999;
	min-height: 86px;
	direction: rtl;
	border-top: 4px solid var(--costa-header-coral);
	border-bottom: 1px solid var(--costa-header-border);
	background: var(--costa-header-surface);
	color: var(--costa-header-ink);
}

body.costa-editorial-header--composed {
	padding-top: 86px;
}

body.admin-bar .costa-editorial-header {
	top: 32px;
}

.costa-editorial-header__inner {
	display: grid;
	grid-template-columns: 140px minmax(0, 1fr) auto;
	align-items: center;
	gap: 28px;
	width: min(calc(100% - 48px), var(--costa-header-max));
	height: 81px;
	margin-inline: auto;
}

.costa-editorial-header__brand,
.costa-editorial-header__nav,
.costa-editorial-header__tools,
.costa-editorial-header__search,
.costa-editorial-header__cart,
.costa-editorial-header__menu-toggle {
	min-width: 0;
}

.costa-editorial-header__brand :is([data-id="377f744"], .costa-editorial-header__logo-widget),
.costa-editorial-header__nav :is([data-id="126af0d7"], .costa-editorial-header__nav-widget),
.costa-editorial-header__search [data-id="bd0f8ad"],
.costa-editorial-header__cart [data-id="76a17e4"] {
	--toggle-button-icon-color: #fff;
	--toggle-button-icon-hover-color: #fff;
	width: 100%;
	margin: 0;
	padding: 0;
}

.costa-editorial-header__brand :is([data-id="377f744"], .costa-editorial-header__logo-widget) .elementor-widget-container,
.costa-editorial-header__brand :is([data-id="377f744"], .costa-editorial-header__logo-widget) a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.costa-editorial-header__brand :is([data-id="377f744"], .costa-editorial-header__logo-widget) img {
	display: block;
	width: auto;
	height: 70px;
	max-width: 100%;
	object-fit: contain;
}

.costa-editorial-header__nav :is([data-id="126af0d7"], .costa-editorial-header__nav-widget) .elementor-nav-menu--main {
	display: block;
}

.costa-editorial-header__nav :is([data-id="126af0d7"], .costa-editorial-header__nav-widget) .elementor-nav-menu--main > .elementor-nav-menu {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: nowrap;
	gap: 3px;
}

.costa-editorial-header__nav :is([data-id="126af0d7"], .costa-editorial-header__nav-widget) .elementor-nav-menu--main .elementor-item {
	padding: 14px 11px;
	background: transparent;
	color: var(--costa-header-ink);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.2;
	white-space: nowrap;
}

.costa-editorial-header__nav :is([data-id="126af0d7"], .costa-editorial-header__nav-widget) .elementor-nav-menu--main .elementor-item:hover,
.costa-editorial-header__nav :is([data-id="126af0d7"], .costa-editorial-header__nav-widget) .elementor-nav-menu--main .elementor-item:focus,
.costa-editorial-header__nav :is([data-id="126af0d7"], .costa-editorial-header__nav-widget) .elementor-nav-menu--main .elementor-item-active {
	background: transparent !important;
	color: var(--costa-header-coral) !important;
}

.costa-editorial-header__nav .elementor-nav-menu--main .elementor-item-active::before,
.costa-editorial-header__nav .elementor-nav-menu--main .elementor-item-active::after {
	display: none !important;
	background: transparent !important;
}

.costa-editorial-header__nav :is([data-id="126af0d7"], .costa-editorial-header__nav-widget) > .elementor-widget-container > .elementor-nav-menu--dropdown {
	display: none;
}

@media (min-width: 1025px) {
	.costa-editorial-header__nav .elementor-nav-menu--main .menu-item-has-children:is(:hover, :focus-within) > .sub-menu {
		display: block !important;
	}

	.costa-editorial-header__nav .elementor-nav-menu--main .menu-item-has-children[data-submenu-open="true"] > .sub-menu {
		display: block !important;
	}

	.costa-editorial-header__nav .elementor-nav-menu--main .sub-menu {
		top: 100% !important;
		z-index: 20;
		min-width: 220px;
		padding: 8px;
		border: 1px solid var(--costa-header-border);
		border-radius: 12px;
		background: var(--costa-header-surface);
		box-shadow: 0 18px 40px rgb(23 23 23 / 12%);
	}

	.costa-editorial-header__nav .elementor-nav-menu--main .sub-menu .elementor-sub-item {
		padding: 10px 12px;
		border-radius: 8px;
		background: transparent;
		color: var(--costa-header-ink);
		font-size: 14px;
	}

	.costa-editorial-header__nav .elementor-nav-menu--main .sub-menu .elementor-sub-item:is(:hover, :focus) {
		background: #f8f4f0;
		color: var(--costa-header-coral);
	}
}

.costa-editorial-header__tools {
	display: flex;
	align-items: center;
	gap: 10px;
}

.costa-editorial-header__search {
	position: relative;
	width: 40px;
	transition: width 180ms ease;
}

.costa-editorial-header__search:focus-within {
	width: 220px;
}

.costa-editorial-header__search .elementor-search-form__container {
	display: flex;
	min-height: 40px;
	border: 1px solid var(--costa-header-border);
	border-radius: 999px;
	overflow: hidden;
	background: var(--costa-header-surface);
}

.costa-editorial-header__native-search {
	display: flex;
	min-height: 40px;
	border: 1px solid var(--costa-header-border);
	border-radius: 999px;
	overflow: hidden;
	background: var(--costa-header-surface);
}

.costa-editorial-header__native-search input {
	width: 0;
	min-width: 0;
	padding: 0;
	border: 0;
	opacity: 0;
	transition: width 180ms ease, padding 180ms ease, opacity 180ms ease;
}

.costa-editorial-header__search:focus-within .costa-editorial-header__native-search input {
	width: 174px;
	padding-inline: 14px 6px;
	opacity: 1;
}

.costa-editorial-header__native-search button,
.costa-editorial-header__native-cart {
	display: grid;
	flex: 0 0 40px;
	place-items: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--costa-header-surface);
	color: var(--costa-header-ink);
	text-decoration: none;
}

.costa-editorial-header__native-cart {
	background: var(--costa-header-coral);
	color: #fff;
	font-size: 17px;
}

.costa-editorial-header__search .elementor-search-form__input {
	width: 0;
	min-width: 0;
	padding: 0;
	border: 0;
	opacity: 0;
	transition: width 180ms ease, padding 180ms ease, opacity 180ms ease;
}

.costa-editorial-header__search:focus-within .elementor-search-form__input {
	width: 174px;
	padding-inline: 14px 6px;
	opacity: 1;
}

.costa-editorial-header__search .elementor-search-form__submit {
	display: grid;
	flex: 0 0 40px;
	place-items: center;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--costa-header-surface);
	color: var(--costa-header-ink);
}

.costa-editorial-header__cart [data-id="76a17e4"] .elementor-menu-cart__toggle_button {
	display: grid;
	place-items: center;
	width: 40px;
	height: 40px;
	min-height: 40px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--costa-header-coral);
	color: #fff;
}

.costa-editorial-header__cart .elementor-button-text {
	display: none;
}

.costa-editorial-header__cart .elementor-button-icon {
	margin: 0;
}

.costa-editorial-header__cart .elementor-button-icon-qty {
	top: -7px;
	right: -7px;
	background: var(--costa-header-ink);
	color: #fff;
}

.costa-editorial-header__menu-toggle {
	display: none;
}

.costa-editorial-header__contacts,
.costa-editorial-header__close,
.costa-editorial-header__overlay {
	display: none;
}

body.costa-editorial-header--composed :is(.elementor-location-header.elementor-1475, .elementor-location-header.elementor-1484) {
	display: none !important;
}

.costa-editorial-header :is(a, button, input):focus-visible {
	outline: 2px solid var(--costa-header-focus);
	outline-offset: 3px;
}

@media (max-width: 1024px) {
	html,
	body {
		overflow-x: hidden;
	}

	body.costa-editorial-header--composed {
		padding-top: 68px;
	}

	body.home.costa-editorial-header--composed .elementor-539 .elementor-element.elementor-element-fe8da83 {
		margin-top: 0 !important;
	}

	body.home.costa-editorial-header--composed .elementor-539 .elementor-element.elementor-element-0a4ae48 > .elementor-element-populated {
		margin-top: 0 !important;
	}

	body.home.costa-editorial-header--composed .elementor-539 .elementor-element.elementor-element-4a1e8aa > .elementor-element-populated {
		margin-top: 0 !important;
	}

	.costa-editorial-header {
		min-height: 68px;
	}

	.costa-editorial-header__inner {
		grid-template-columns: minmax(56px, 1fr) auto 44px 44px;
		grid-template-rows: 63px;
		grid-template-areas: "brand search cart toggle";
		gap: 0 10px;
		width: calc(100% - 28px);
		height: 63px;
	}

	.costa-editorial-header__brand { grid-area: brand; }
	.costa-editorial-header__tools { display: contents; }
	.costa-editorial-header__search { grid-area: search; width: 40px; z-index: 1; }
	.costa-editorial-header__cart { grid-area: cart; min-width: 44px; min-height: 44px; }
	.costa-editorial-header__menu-toggle { grid-area: toggle; display: block; }

	.costa-editorial-header__cart [data-id="76a17e4"] {
		--toggle-button-icon-color: var(--costa-header-coral);
		--toggle-button-icon-hover-color: var(--costa-header-coral);
	}

	.costa-editorial-header__brand :is([data-id="377f744"], .costa-editorial-header__logo-widget) img {
		height: 56px;
	}

	.costa-editorial-header__search:focus-within {
		width: min(150px, calc(100vw - 208px));
	}

	.costa-editorial-header__search .elementor-search-form__container {
		min-height: 40px;
		height: 40px;
	}

	.costa-editorial-header__native-search {
		min-height: 40px;
		height: 40px;
	}

	.costa-editorial-header__search:focus-within .elementor-search-form__input,
	.costa-editorial-header__search:focus-within .costa-editorial-header__native-search input {
		width: calc(100% - 40px);
		padding-inline: 14px 6px;
		opacity: 1;
	}

	.costa-editorial-header__search .elementor-search-form__submit {
		flex-basis: 40px;
		width: 40px;
		height: 40px;
	}

	.costa-editorial-header__native-search button {
		flex-basis: 40px;
		width: 40px;
		height: 40px;
	}

	.costa-editorial-header__cart [data-id="76a17e4"] .elementor-menu-cart__toggle_button,
	.costa-editorial-header__native-cart,
	.costa-editorial-header__menu-toggle .elementor-menu-toggle,
	.costa-editorial-header__native-toggle {
		display: grid;
		place-items: center;
		width: 44px;
		height: 44px;
		min-height: 44px;
		margin: 0;
		padding: 0;
		border: 1px solid var(--costa-header-border);
		border-radius: 50%;
		background: var(--costa-header-surface);
		color: var(--costa-header-ink);
		font-size: 22px;
	}

	.costa-editorial-header__menu-toggle .elementor-menu-toggle,
	.costa-editorial-header__native-toggle {
		border-color: var(--costa-header-coral);
		background: var(--costa-header-coral);
		color: #fff;
	}

	.costa-editorial-header__menu-toggle .eicon-menu-bar {
		display: block;
	}

	.costa-editorial-header__nav {
		position: fixed;
		inset: 0 0 0 auto;
		z-index: 3;
		width: min(88vw, 360px);
		height: 100dvh;
		padding: 72px 24px 24px;
		background: var(--costa-header-surface);
		transform: translateX(105%);
		transition: transform 180ms ease;
	}

	.costa-editorial-header__nav :is([data-id="126af0d7"], .costa-editorial-header__nav-widget) .elementor-nav-menu--main {
		display: none;
	}

	.costa-editorial-header__nav :is([data-id="126af0d7"], .costa-editorial-header__nav-widget) > .elementor-widget-container > .elementor-nav-menu--dropdown {
		position: static;
		display: block;
		width: 100%;
		max-height: calc(100dvh - 230px);
		margin: 0;
		overflow: auto;
		background: transparent;
	}

	.costa-editorial-header__nav .elementor-nav-menu--dropdown .elementor-nav-menu,
	.costa-editorial-header__nav .elementor-nav-menu--dropdown .menu-item {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.costa-editorial-header__nav .elementor-nav-menu--dropdown .elementor-item,
	.costa-editorial-header__nav .elementor-nav-menu--dropdown .elementor-sub-item {
		display: flex;
		justify-content: flex-start;
		width: 100%;
		padding: 12px 4px;
		border-bottom: 1px solid var(--costa-header-border);
		background: transparent;
		color: var(--costa-header-ink);
		font-size: 15px;
	}

	.costa-editorial-header__nav .elementor-nav-menu--dropdown .elementor-item-active {
		color: var(--costa-header-coral);
	}

	.costa-editorial-header__nav .elementor-nav-menu--dropdown .menu-item-has-children > .sub-menu {
		display: none !important;
	}

	.costa-editorial-header__nav .elementor-nav-menu--dropdown .menu-item-has-children[data-submenu-open="true"] > .sub-menu {
		display: block !important;
	}
	.costa-editorial-header__overlay {
		position: fixed;
		inset: 0;
		z-index: 2;
		display: block;
		visibility: hidden;
		height: 100dvh;
		background: rgb(23 23 23 / 45%);
		opacity: 0;
		transition: opacity 180ms ease, visibility 180ms ease;
	}
	.costa-editorial-header[data-menu-open="true"] .costa-editorial-header__nav { transform: translateX(0); }
	.costa-editorial-header[data-menu-open="true"] .costa-editorial-header__overlay { visibility: visible; opacity: 1; }
	.costa-editorial-header__close {
		position: absolute;
		top: 16px;
		left: 16px;
		display: grid;
		place-items: center;
		width: 44px;
		min-width: 44px;
		max-width: 44px;
		height: 44px;
		padding: 0 !important;
		border: 1px solid var(--costa-header-border);
		border-radius: 50%;
		background: var(--costa-header-surface);
		color: var(--costa-header-ink);
		font-size: 26px;
	}
	.costa-editorial-header__contacts,
	.costa-editorial-header__contacts :is([data-id="c6da1c5"], .costa-editorial-header__contacts-widget) {
		display: block !important;
	}

	.costa-editorial-header__contacts {
		margin-top: 20px;
		padding-top: 18px;
		border-top: 1px solid var(--costa-header-border);
	}

	.costa-editorial-header__contacts .elementor-icon-list-items {
		display: grid;
		gap: 10px;
	}

	.costa-editorial-header__contacts .elementor-icon-list-item,
	.costa-editorial-header__contacts .elementor-icon-list-item a {
		justify-content: flex-start;
		margin: 0;
		color: var(--costa-header-ink);
		font-size: 13px;
	}
	body.costa-header-menu-open { overflow: hidden; }
}

@media (max-width: 782px) {
	body.admin-bar .costa-editorial-header {
		top: 46px;
	}
}

@media (max-width: 360px) {
	.costa-editorial-header__inner { width: calc(100% - 24px); }
}

@media (prefers-reduced-motion: reduce) {
	.costa-editorial-header__nav,
	.costa-editorial-header__overlay { transition: none; }
}
