/*========================
* 				MENUS
* ======================*/
/* Disposition du menu */
/* Groupe des boutons */
.innn-col-ctas {
	width: max-content !important;
}
.innn-col-ctas .fl-col-content{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-end !important;
	gap: 16px;
}
/* SEPARATEUR DES DEUX STYLES DE MENUS */
.break-before {
	flex-basis: 100% !important;
	width: 100% !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden !important;
	pointer-events: none !important;
}

.break-before > a {
	display: none !important;
}
/*========================
* 				MENU PREHEADER + HEADER - 1 MENU EN BO DE WORDPRESS
* ======================*/
/* Lien Eco-mode dans le menu */
.toggle-eco > a {
	display: flex !important;
	align-items: center;
	gap: 8px;
	text-decoration: none !important;
	color: rgba(var(--couleur-secondaire-rgb), 0.8) !important;
	font-family: var(--typo-principale);
	font-size: 16px;
	line-height: 1;
}

.toggle-eco > a::before {
	content: "";
	width: 40px;
	height: 20px;
	display: inline-block;
	flex: 0 0 auto;
	border-radius: 999px;
	background: var(--couleur-secondaire);
	transition: background-color 0.2s ease;
}

.toggle-eco > a::after {
	content: "";
	position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 999px;
	background: var(--blanc);
	transform: translateX(6px);
	transition: transform 0.2s ease;
}

.toggle-eco > a {
	position: relative;
}

body.eco-mode .toggle-eco > a::before {
	background: var(--couleur-principale);
}

body.eco-mode .toggle-eco > a::after {
	transform: translateX(24px);
}

body.eco-mode .toggle-eco > a {
	color: var(--couleur-secondaire) !important;
}


/* MOBILE */
/*========== Responsive ==========*/
@media (max-width: 768px) {
	.toggle-eco {
		display: flex;
		justify-content: flex-end;
	}
}