/**
 * Menu PC Premium – Style Zara.
 *
 * PERFORMANCE (perfectionnement du 11/09/2026) : ce fichier était
 * auparavant un bloc <style> imprimé en dur dans wp_head() à CHAQUE
 * chargement de page — donc retéléchargé et reparsé par le navigateur
 * à chaque navigation, sans jamais pouvoir être mis en cache.
 * Extrait ici et chargé via wp_enqueue_style() (voir
 * class-wco-menu-pc.php::enqueue_assets()) : le navigateur ne le
 * télécharge plus qu'une fois, puis le sert depuis son cache pour
 * toutes les pages suivantes. Contenu strictement identique à
 * l'ancien bloc inline — aucun changement visuel.
 */

#ines-desktop-zara { display: none; }

@media (min-width: 921px) {
	#ines-desktop-zara {
		display: flex;
		flex-wrap: wrap; /* langues plus longues (DE/ES/IT) : les items
		                    passent à la ligne ENTIERS plutôt que de
		                    couper un mot au milieu (constaté en test réel) */
		row-gap: 8px;
		justify-content: center;
		align-items: center;
		gap: 20px 28px;
		padding: 18px 24px;
		background: #ffffff;
		border-bottom: 1px solid #eaeaea;
		font-family: "Didact Gothic", "Inter", sans-serif;
		font-size: 14px;
		letter-spacing: 0.4px;
		text-transform: uppercase;
	}

	#ines-desktop-zara .menu-label {
		color: #777;
		font-size: 12px;
		letter-spacing: 0.6px;
		pointer-events: none;
		margin-right: 6px;
		white-space: nowrap;
	}

	#ines-desktop-zara a {
		color: #111;
		text-decoration: none;
		padding: 4px 2px;
		position: relative;
		white-space: nowrap; /* jamais de coupure au milieu d'un libellé,
		                        même long — voir flex-wrap ci-dessus */
		transition: color 0.25s ease;
	}

	#ines-desktop-zara a::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: -3px;
		width: 0%;
		height: 1px;
		background: #111;
		transition: width 0.25s ease;
	}

	#ines-desktop-zara a:hover::after { width: 100%; }
	#ines-desktop-zara a:hover { color: #000; }
}

/* Menu horizontal en lecture droite-à-gauche (arabe) : le libellé
   passe à droite et les catégories défilent vers la gauche, comme
   le reste de la page. N'était auparavant émis (bloc <style> à part)
   que lorsque la langue courante était RTL ; la classe .wco-rtl
   n'étant ajoutée par PHP que dans ce cas (voir render_menu()),
   le résultat visuel reste identique : ces 3 lignes ne s'appliquent
   jamais en français ni dans les autres langues LTR. */
#ines-desktop-zara.wco-rtl { direction: rtl; }