/**
 * Bandeau carrousel accueil (RevSlider SR7) — mobile uniquement.
 * Masqué sur mobile (correctifs conservés ci-dessous pour réactivation éventuelle).
 */

@media (max-width: 767px) {
	.elementor-element-765bb37c {
		display: none !important;
	}

	.elementor-element-765bb37c .wp-block-themepunch-revslider,
	.elementor-element-765bb37c #SR7_1_1_wrapper,
	.elementor-element-765bb37c #SR7_1_1 {
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Hauteur du bandeau via aspect-ratio (ne pas casser le carousel SR7) */
	.elementor-element-765bb37c #SR7_1_1 {
		position: relative !important;
	}

	.elementor-element-765bb37c #SR7_1_1 sr7-adjuster {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 1600 / 650;
	}

	.elementor-element-765bb37c #SR7_1_1 sr7-content,
	.elementor-element-765bb37c #SR7_1_1 sr7-carousel {
		width: 100% !important;
		height: 100% !important;
	}

	/* Fond module SR7 (souvent sombre) : masquer, l’image est sur chaque slide */
	.elementor-element-765bb37c #SR7_1_1 sr7-module-bg {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
	}

	.elementor-element-765bb37c #SR7_1_1 sr7-slide {
		overflow: hidden !important;
		background-color: #ece8e1 !important;
		contain: layout style !important;
	}

	/* Masquer les calques décoratifs / texte SR7 (pas le fond ni nos éléments injectés) */
	.elementor-element-765bb37c #SR7_1_1 sr7-slide > :not(sr7-bg):not(.ffsp-hero-mobile-caption):not(.ffsp-hero-mobile-bg-img),
	.elementor-element-765bb37c #SR7_1_1 sr7-slide sr7-mask,
	.elementor-element-765bb37c #SR7_1_1 sr7-slide sr7-img,
	.elementor-element-765bb37c #SR7_1_1 sr7-slide sr7-shp,
	.elementor-element-765bb37c #SR7_1_1 sr7-slide sr7-btn,
	.elementor-element-765bb37c #SR7_1_1 sr7-slide sr7-fxc,
	.elementor-element-765bb37c #SR7_1_1 sr7-slide sr7-txt {
		display: none !important;
		visibility: hidden !important;
		opacity: 0 !important;
		pointer-events: none !important;
		animation: none !important;
		transition: none !important;
	}

	/* Fond slide : forcer l’affichage (SR7 masque sr7-layer par défaut) */
	.elementor-element-765bb37c #SR7_1_1 sr7-bg {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		transform: none !important;
		overflow: hidden !important;
		z-index: 1 !important;
		pointer-events: none !important;
	}

	/* Image statique injectée en JS (niveau slide, survit aux rebuilds SR7) */
	.elementor-element-765bb37c #SR7_1_1 sr7-slide .ffsp-hero-mobile-bg-img {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: absolute !important;
		inset: 0 !important;
		width: 100% !important;
		height: 100% !important;
		object-fit: contain !important;
		object-position: center center !important;
		z-index: 2 !important;
		pointer-events: none !important;
	}

	/* Canvas SR7 masqué seulement quand l’image native est prête */
	.elementor-element-765bb37c #SR7_1_1 sr7-slide.ffsp-hero-mobile-slide-ready sr7-bg canvas,
	.elementor-element-765bb37c #SR7_1_1 sr7-slide.ffsp-hero-mobile-slide-ready sr7-bg .sr7-a-canvas {
		display: none !important;
		visibility: hidden !important;
	}

	/* Légende native injectée par JS */
	.elementor-element-765bb37c #SR7_1_1 .ffsp-hero-mobile-caption {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 30;
		padding: 28px 16px 14px;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.72) 100%);
		pointer-events: none;
		text-align: center;
		box-sizing: border-box;
	}

	.elementor-element-765bb37c #SR7_1_1 .ffsp-hero-mobile-caption__kicker {
		display: inline-block;
		margin: 0 0 4px;
		padding: 2px 10px;
		border-radius: 999px;
		background: rgba(69, 157, 7, 0.92);
		color: #fff;
		font-size: 0.68rem;
		font-weight: 700;
		letter-spacing: 0.06em;
		text-transform: uppercase;
		line-height: 1.4;
	}

	.elementor-element-765bb37c #SR7_1_1 .ffsp-hero-mobile-caption__title {
		margin: 0;
		color: #459d07;
		font-size: clamp(1.15rem, 5.2vw, 1.65rem);
		font-weight: 700;
		line-height: 1.15;
		text-shadow: 0 1px 4px rgba(0, 0, 0, 0.45);
	}

	.elementor-element-765bb37c #SR7_1_1 .ffsp-hero-mobile-caption__rule {
		display: block;
		width: 44px;
		height: 3px;
		margin: 7px auto 8px;
		border-radius: 2px;
		background: #459d07;
	}

	.elementor-element-765bb37c #SR7_1_1 .ffsp-hero-mobile-caption__subtitle,
	.elementor-element-765bb37c #SR7_1_1 .ffsp-hero-mobile-caption__cta {
		margin: 0;
		color: #fff;
		font-size: clamp(0.78rem, 3.4vw, 0.92rem);
		line-height: 1.35;
		text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
	}

	.elementor-element-765bb37c #SR7_1_1 .ffsp-hero-mobile-caption__cta {
		margin-top: 4px;
		font-weight: 600;
	}

	/* Flèches : centrées verticalement (SR7 les place en haut sur petit écran) */
	.elementor-element-765bb37c #SR7_1_1 sr7-arrow.sr7-arrows,
	.elementor-element-765bb37c #SR7_1_1_wrapper sr7-arrow.sr7-arrows {
		top: 50% !important;
		bottom: auto !important;
		margin-top: 0 !important;
		transform: translateY(-50%) !important;
		background: rgba(12, 16, 22, 0.72) !important;
		border: 2px solid rgba(255, 255, 255, 0.92) !important;
		box-shadow: 0 2px 14px rgba(0, 0, 0, 0.42) !important;
		opacity: 1 !important;
		width: 46px !important;
		height: 46px !important;
		border-radius: 50% !important;
		z-index: 1001 !important;
	}

	.elementor-element-765bb37c #SR7_1_1 sr7-arrow.sr7-arrows:before,
	.elementor-element-765bb37c #SR7_1_1_wrapper sr7-arrow.sr7-arrows:before {
		color: #fff !important;
		font-size: 20px !important;
		line-height: 42px !important;
		text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
	}

	.elementor-element-765bb37c #SR7_1_1 sr7-arrow.sr7-leftarrow,
	.elementor-element-765bb37c #SR7_1_1_wrapper sr7-arrow.sr7-leftarrow {
		left: 12px !important;
		right: auto !important;
	}

	.elementor-element-765bb37c #SR7_1_1 sr7-arrow.sr7-rightarrow,
	.elementor-element-765bb37c #SR7_1_1_wrapper sr7-arrow.sr7-rightarrow {
		right: 12px !important;
		left: auto !important;
	}
}

/* Éléments injectés côté serveur : masqués sur desktop */
@media (min-width: 768px) {
	.elementor-element-765bb37c #SR7_1_1 .ffsp-hero-mobile-bg-img,
	.elementor-element-765bb37c #SR7_1_1 .ffsp-hero-mobile-caption {
		display: none !important;
	}
}