/*
 * Header "respiration" - reequilibrage visuel de la partie droite du header
 * (variante espacement + separateur, validee). EcologicLife staging.
 * - AUCUN changement de charte : couleurs/typo/logo/CTA intacts.
 * - Desktop uniquement (>= 981px, breakpoint Divi) : le header mobile/burger
 *   n'est pas affecte.
 * - Reversible : retirer l'enqueue de ce fichier suffit.
 *
 * Lecture par blocs visee : navigation | actions (CTA) | langue / panier
 * Items vises (FR / EN) :
 *   1er CTA "Devenir revendeur"  = menu-item-1015 / menu-item-1014
 *   2e  CTA "Espace pro"         = menu-item-1068 / menu-item-1069
 *   Contact                      = menu-item-69   / menu-item-844
 *   Langues (drapeaux Polylang)  = menu-item-730  / menu-item-846 + li.lang-item
 */

@media (min-width: 981px) {

	/* --- 1. Air entre la zone navigation et la zone actions ---
	   Marge posee sur le 1er CTA. Selecteur volontairement plus specifique que la
	   regle Divi Toolbox `#top-menu>li.cta-item:not(...)` (margin:0 Xpx) pour que
	   notre margin-left gagne. La classe .cta-item est ajoutee par le JS Toolbox. */
	#top-menu > li.cta-item.cta-link.menu-item-1015,
	#top-menu > li.cta-item.cta-link.menu-item-1014 {
		margin-left: 34px;
		position: relative;
	}

	/* --- 2. Separateur vertical fin entre navigation et actions ---
	   Trait neutre (hors charte volontairement), 1px x 22px, centre verticalement. */
	#top-menu > li.cta-item.cta-link.menu-item-1015::before,
	#top-menu > li.cta-item.cta-link.menu-item-1014::before {
		content: "";
		position: absolute;
		left: -18px;
		top: 50%;
		transform: translateY(-50%);
		width: 1px;
		height: 22px;
		background-color: #dde3e6;
	}

	/* --- 3a. Contact ne colle pas au CTA "Espace pro" --- */
	#top-menu > li.menu-item-69,
	#top-menu > li.menu-item-844 {
		margin-left: 14px;
	}

	/* --- 3b. Drapeaux Polylang : un peu d'air par rapport a Contact --- */
	#top-menu > li.menu-item-730,
	#top-menu > li.menu-item-846,
	#top-menu > li.lang-item {
		margin-left: 10px;
	}

	/* --- 3c. Panier (visible hors mode coming soon) : ne colle pas au menu --- */
	#main-header #et-top-navigation .et-cart-info {
		margin-left: 34px;
	}
}