/* ==========================================================================
   ECO-MODE
   ========================================================================== */

/*
 * Principe :
 * - Le JS et PHP ajoutent .eco-mode sur <body>
 * - On conserve le contenu utile
 * - On retire les backgrounds lourds, vidéos, sliders et iframes décoratives
 * - On remplace l'ambiance visuelle par des aplats sobres
 *
 * Important :
 * - display:none masque visuellement, mais ne garantit pas que la ressource
 *   n'est pas téléchargée.
 * - Pour un vrai gain EcoIndex, utiliser les shortcodes :
 *   [innn_if_not_eco] ... [/innn_if_not_eco]
 *   [innn_if_eco] ... [/innn_if_eco]
 */

body.eco-mode {
	/* COULEURS ECO-MODE */
	--eco-bg: #FAFAFA;
	--eco-surface: #ffffff;
	--eco-surface-alt: #ecece6;
	--eco-text: #1d1d1b;
	--eco-text-soft: #4c4c48;
	--eco-border: #d8d8d0;

	--eco-principale: #303041;
	--eco-secondaire: #1d1d1b;
	--eco-accent: #244A73;
	--eco-accent-soft: #E8EEF7;

	
	--couleur-principale: var(--eco-principale);
	--couleur-secondaire: var(--eco-secondaire);
	--couleur-3: var(--eco-accent);
	--couleur-4: var(--eco-accent);
	--couleur-5: var(--eco-accent-soft);
	--couleur-bg: var(--eco-bg);

	background: var(--eco-bg);
	color: var(--eco-text);
}

/* Ne jamais masquer toutes les images globalement.
   On garde logos, pictos et images utiles. */
body.eco-mode img {
	filter: none;
}

/* Backgrounds Beaver Builder : suppression visuelle des médias lourds */
body.eco-mode .fl-row-bg-photo > .fl-row-content-wrap,
body.eco-mode .fl-row-bg-multiple > .fl-row-content-wrap,
body.eco-mode .fl-col-bg-photo > .fl-col-content,
body.eco-mode .fl-col-bg-multiple > .fl-col-content {
	background-image: none !important;
	background-color: var(--eco-surface-alt) !important;
}

/* Hero : présence visuelle sans image */
body.eco-mode .innn-rangee-hero .fl-row-content-wrap {
	background-image: none !important;
	background: var(--couleur-secondaire) !important;
	color: var(--blanc) !important;
}

/* Sections colorées */
body.eco-mode .innn-rangee-color-bg,
body.eco-mode .innn-rangee-push {
	background: var(--couleur-principale) !important;
	color: var(--blanc) !important;
}

body.eco-mode .innn-rangee-themes,
body.eco-mode .innn-rangee-actions-rapides {
	background: var(--eco-bg) !important;
}

/* Colonnes et cartes */
body.eco-mode .fl-col-content {
	box-shadow: none !important;
}

body.eco-mode .innn-rangee-cartes-enjeux .fl-col-content {
	background-image: none !important;
	background: var(--couleur-secondaire) !important;
	color: var(--blanc) !important;
}

/* Éléments lourds ou décoratifs à masquer visuellement en éco-mode.
   Pour EcoIndex, préférer les shortcodes afin de ne pas rendre le HTML. */
body.eco-mode .is-heavy,
body.eco-mode .is-decorative,
body.eco-mode .decorative,
body.eco-mode .image-decorative,
body.eco-mode .video-background,
body.eco-mode .slider-home,
body.eco-mode .fl-animation,
body.eco-mode .fl-bg-video,
body.eco-mode .fl-slideshow,
body.eco-mode .fl-content-slider,
body.eco-mode .uabb-video,
body.eco-mode .uabb-module-content-slider,
body.eco-mode video,
body.eco-mode iframe[src*="youtube"],
body.eco-mode iframe[src*="youtu.be"],
body.eco-mode iframe[src*="vimeo"],
body.eco-mode iframe[src*="dailymotion"],
body.eco-mode iframe[src*="google.com/maps"] {
	display: none !important;
}

/* Logos toujours visibles */
body.eco-mode figure.innn-logo,
body.eco-mode figure.innn-logo img,
body.eco-mode .site-logo,
body.eco-mode .site-logo img,
body.eco-mode .custom-logo {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
}

/* Images décoratives ciblées */
body.eco-mode img.is-heavy,
body.eco-mode img.is-decorative,
body.eco-mode img.decorative,
body.eco-mode picture.is-heavy,
body.eco-mode picture.is-decorative,
body.eco-mode picture.decorative {
	display: none !important;
}

/* Réduction du superflu visuel */
body.eco-mode *,
body.eco-mode *::before,
body.eco-mode *::after {
	animation: none !important;
	transition-duration: 0.12s !important;
	text-shadow: none !important;
	scroll-behavior: auto !important;
	box-shadow: none !important;
}

/* Liens */
body.eco-mode a {
	color: inherit;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.2em;
}

/* Bouton Eco-mode dans le menu */
.toggle-eco > a,
a.toggle-eco {
	border: 0;
	border-radius: 999px;
	padding: 0 !important;
	line-height: 1;
}

body.eco-mode .toggle-eco > a,
body.eco-mode a.toggle-eco {
	color: var(--couleur-principale) !important;
	font-weight: var(--semi-bold);
}

/* Accessibilité : réduction animations système */
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation: none !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}


/* ==========================================================================
   ECO-MODE - IMAGES REMPLACÉES PAR SHORTCODE
   ========================================================================== */

.innn-theme-image {
	margin: 0;
}

.innn-theme-image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 8px;
	object-fit: cover;
}

.innn-theme-image-placeholder {
    min-height: 274px;
	border-radius: 8px;
	background: var(--eco-surface-alt);
}