/*
 * Etnafes – En-tête
 *
 * Couleurs : reprend --etnafes-accent (CSS additionnel du site) si elle existe.
 * Largeur : identique aux conteneurs Elementor (1140 px, marges 20 px / 16 px sur mobile).
 */
.etnafes-entete {
	--etnafes-entete-accent: var(--etnafes-accent, #b5552f);
	--etnafes-entete-accent-fonce: var(--etnafes-accent-fonce, #8a4a33);
	--etnafes-entete-texte: #2b2118;
	--etnafes-entete-fond: #ffffff;
	--etnafes-entete-bordure: #eee0c2;
	--etnafes-entete-champ: #cfb07a;
	--etnafes-entete-largeur: 1140px;
	--etnafes-entete-gouttiere: 20px;
	--etnafes-entete-hauteur: 72px;

	position: relative;
	z-index: 100;
	background: var(--etnafes-entete-fond);
	border-bottom: 1px solid var(--etnafes-entete-bordure);
}

.etnafes-entete__interieur {
	display: flex;
	align-items: center;
	gap: 24px;
	width: min(var(--etnafes-entete-largeur), 100% - 2 * var(--etnafes-entete-gouttiere));
	min-height: var(--etnafes-entete-hauteur);
	margin-inline: auto;
}

/* Logo (ou nom du site en attendant le logo) */
.etnafes-entete__logo {
	flex: 1 1 0;
	min-width: 0;
}

.etnafes-entete__logo .custom-logo-link {
	display: inline-flex;
}

.etnafes-entete__logo img {
	display: block;
	width: auto;
	max-height: 48px;
}

.etnafes-entete .etnafes-entete__nom {
	color: var(--etnafes-entete-accent);
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	white-space: nowrap;
}

.etnafes-entete .etnafes-entete__nom:hover,
.etnafes-entete .etnafes-entete__nom:focus-visible {
	color: var(--etnafes-entete-accent-fonce);
}

/* Menu centré */
.etnafes-entete__nav {
	flex: 0 1 auto;
}

.etnafes-entete__menu {
	display: flex;
	align-items: center;
	gap: 4px 28px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.etnafes-entete__menu a {
	display: block;
	padding: 8px 0;
	border-bottom: 2px solid transparent;
	color: var(--etnafes-entete-texte);
	font-weight: 500;
	text-decoration: none;
	white-space: nowrap;
}

.etnafes-entete__menu a:hover,
.etnafes-entete__menu a:focus-visible {
	color: var(--etnafes-entete-accent);
}

/* Page en cours (les liens personnalisés, ex. ancre vers la carte, ne sont pas mis en avant) */
.etnafes-entete__menu .current-menu-item:not(.menu-item-type-custom) > a,
.etnafes-entete__menu .current_page_item > a {
	border-bottom-color: var(--etnafes-entete-accent);
	color: var(--etnafes-entete-accent);
}

/* Actions : recherche, panier, burger */
.etnafes-entete__actions {
	display: flex;
	flex: 1 1 0;
	align-items: center;
	justify-content: flex-end;
	gap: 12px;
	min-width: 0;
}

.etnafes-entete__recherche {
	display: flex;
	align-items: stretch;
	margin: 0;
	border: 1px solid var(--etnafes-entete-champ);
	border-radius: 8px;
	background: #fff;
}

.etnafes-entete__recherche:focus-within {
	outline: 2px solid var(--etnafes-entete-accent);
	outline-offset: 1px;
}

.etnafes-entete .etnafes-entete__recherche input[type="search"] {
	width: 190px;
	min-width: 0;
	padding: 7px 10px;
	border: 0;
	border-radius: 8px 0 0 8px;
	background: transparent;
	color: var(--etnafes-entete-texte);
	font-size: 0.9375rem;
}

.etnafes-entete .etnafes-entete__recherche input[type="search"]:focus {
	outline: none;
}

.etnafes-entete .etnafes-entete__recherche button,
.etnafes-entete .etnafes-entete__burger {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0 10px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--etnafes-entete-texte);
	cursor: pointer;
}

.etnafes-entete .etnafes-entete__recherche button:hover,
.etnafes-entete .etnafes-entete__recherche button:focus-visible,
.etnafes-entete .etnafes-entete__burger:hover,
.etnafes-entete .etnafes-entete__burger:focus-visible {
	background: transparent;
	color: var(--etnafes-entete-accent);
}

.etnafes-entete .etnafes-entete__panier {
	position: relative;
	display: inline-flex;
	padding: 8px;
	color: var(--etnafes-entete-texte);
	text-decoration: none;
}

.etnafes-entete .etnafes-entete__panier:hover,
.etnafes-entete .etnafes-entete__panier:focus-visible {
	color: var(--etnafes-entete-accent);
}

.etnafes-entete__compteur {
	position: absolute;
	top: 0;
	right: -2px;
	min-width: 18px;
	height: 18px;
	padding: 0 5px;
	border-radius: 9px;
	background: var(--etnafes-entete-accent);
	color: #fff;
	font-size: 0.6875rem;
	font-weight: 700;
	line-height: 18px;
	text-align: center;
}

.etnafes-entete__compteur.is-vide {
	background: #8c8177;
}

.etnafes-entete__icone {
	display: block;
	width: 22px;
	height: 22px;
}

/* Le burger n'apparaît que sur tablette et mobile, une fois le JavaScript chargé */
.etnafes-entete .etnafes-entete__burger {
	display: none;
	height: 40px;
}

.etnafes-entete__icone--fermer,
.etnafes-entete__recherche-mobile {
	display: none;
}

/* Tablette et mobile : menu burger */
@media (max-width: 1024px) {
	.etnafes-entete__interieur {
		flex-wrap: wrap;
		gap: 12px;
	}

	.etnafes-entete__recherche-bureau {
		display: none;
	}

	.etnafes-entete__nav {
		order: 3;
		flex: 1 0 100%;
		padding: 4px 0 16px;
	}

	.etnafes-entete__menu {
		flex-direction: column;
		align-items: stretch;
		gap: 0;
	}

	.etnafes-entete__menu li + li {
		border-top: 1px solid var(--etnafes-entete-bordure);
	}

	.etnafes-entete__menu a {
		padding: 12px 0;
		border-bottom: 0;
	}

	.etnafes-entete__recherche-mobile {
		display: block;
		margin-top: 12px;
	}

	.etnafes-entete__recherche-mobile .etnafes-entete__recherche input[type="search"] {
		flex: 1 1 auto;
		width: auto;
	}

	/* Avec JavaScript : le menu est replié derrière le bouton burger */
	.etnafes-entete.is-js .etnafes-entete__burger:not([hidden]) {
		display: inline-flex;
	}

	.etnafes-entete.is-js .etnafes-entete__nav {
		display: none;
	}

	.etnafes-entete.is-js.is-ouvert .etnafes-entete__nav {
		display: block;
	}

	.etnafes-entete.is-ouvert .etnafes-entete__icone--menu {
		display: none;
	}

	.etnafes-entete.is-ouvert .etnafes-entete__icone--fermer {
		display: block;
	}
}

@media (max-width: 767px) {
	.etnafes-entete {
		--etnafes-entete-gouttiere: 16px;
		--etnafes-entete-hauteur: 60px;
	}

	.etnafes-entete .etnafes-entete__nom {
		font-size: 1.25rem;
	}
}