/**
 * Habillage du header desktop Kadence par défaut — aucun changement de
 * structure (header_desktop_items non poussé en code, contrairement au
 * mobile, voir inc/mobile-header-nav.php ; réglages Customizer normaux).
 * Classes réelles vérifiées en DOM (DDEV + Playwright), pas devinées :
 * .site-header > .site-header-upper-wrap > ... > .site-main-header-wrap
 * (ligne sticky, kadence-sticky-header) > .site-container >
 * .site-branding / nav#site-navigation > ul#primary-menu > li.menu-item > a.
 *
 * Mobile-only (nav basse, inc/bottom-nav.php) : ce fichier ne se charge que
 * sur desktop, voir son enqueue conditionnel dans inc/enqueue.php ou
 * l'équivalent — le header par défaut de Kadence reste inchangé sous le
 * seuil où la nav basse prend le relais.
 */

.site-header {
	background: var(--mdc-bg);
}

/* Séparation nette du contenu — ombre plutôt qu'une simple bordure, cohérent
   avec le reste du site (--mdc-shadow-soft, cartes/boutons). Header déjà
   sticky par défaut (header_sticky: main, réglage Customizer existant),
   donc toujours visible : l'ombre reste discrète mais permanente plutôt que
   déclenchée en JS au scroll. */
.site-main-header-wrap {
	box-shadow: 0 2px 12px rgba(47, 62, 60, 0.08);
}

#primary-menu.menu > .menu-item > a {
	font-weight: 700;
	color: var(--mdc-text);
	text-decoration: none;
	transition: color 0.15s ease;
}

/*
 * Retour utilisateur : le survol était bien fonctionnel (couleur change
 * réellement) mais trop peu perceptible — deux teintes sombres et peu
 * saturées, gris-vert texte vers teal foncé, différence quasi invisible en
 * un coup d'œil. Ajout du soulignement (même signal que les titres de
 * carte recette au survol, assets/css/recipes.css) : un repère qui ne
 * dépend pas d'un contraste de couleur fin.
 */
#primary-menu.menu > .menu-item > a:hover,
#primary-menu.menu > .menu-item > a:focus-visible {
	color: var(--mdc-teal-hover);
	text-decoration: underline;
	text-decoration-color: var(--mdc-terracotta);
}

/* Zone tactile ≥44px cohérente avec le reste du brief, même sur les liens
   de nav desktop (pointeur souris, mais un standard qu'on garde partout). */
#primary-menu.menu > .menu-item > a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
}

/*
 * Bouton panier mobile (inc/mobile-header-nav.php, élément Kadence
 * "mobile-html") — reset de liste minimal pour que le menu WordPress dédié
 * (normalement un seul élément : le bouton panier SureCart) s'intègre en
 * ligne dans le header mobile, à côté de la recherche, sans puces ni
 * espacement de liste par défaut.
 */
#mdc-mobile-cart-menu {
	display: flex;
	align-items: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

#mdc-mobile-cart-menu .menu-item {
	display: flex;
	align-items: center;
}