/* ===== Page Espace Professionnel : ajustements tablette + mobile ===== */

/* Banniere : leger ombrage sous les textes blancs pour qu'ils restent lisibles sur un filtre plus clair */
.page-id-5822 .elementor-element-771f543 .elementor-heading-title,
.page-id-5822 .elementor-element-771f543 .elementor-widget-text-editor {
	text-shadow: 0 2px 14px rgba(61, 52, 45, .45);
}

/* Tablette et mobile : dans les blocs texte + photo, la photo passe toujours au-dessus du texte */
@media (max-width: 1024px) {
	.page-id-5822 .elementor-5822 .e-con-inner > .e-con:has(> .elementor-widget-image),
	.page-id-5822 .elementor-5822 .e-con-inner > .e-con:has(> .e-con-inner > .elementor-widget-image) {
		order: -1;
	}
}

@media (max-width: 767px) {

	/* Espacements plus serres entre les sections */
	.page-id-5822 .elementor-5822 > .e-con {
		--padding-top: 50px !important;
		--padding-bottom: 50px !important;
		--padding-left: 16px !important;
		--padding-right: 16px !important;
	}

	/* Banniere : voile uniforme, assez leger pour voir la photo, assez present pour lire le texte */
	.page-id-5822 .elementor-element-771f543 {
		--padding-top: 60px !important;
		--padding-bottom: 60px !important;
		animation: none !important;
		background-position: 70% center !important;
	}
	.page-id-5822 .elementor-element-771f543::before {
		background-image: linear-gradient(180deg, rgba(61, 52, 45, .45) 0%, rgba(61, 52, 45, .58) 100%) !important;
		opacity: 1 !important;
	}

	/* Pourquoi me choisir : 2 colonnes au lieu de 5 cartes empilees */
	.page-id-5822 .elementor-element-cc48b7f {
		--flex-direction: row !important;
		--flex-wrap: wrap !important;
		--gap: 26px 14px !important;
		--row-gap: 26px !important;
		--column-gap: 14px !important;
		justify-content: center;
	}
	.page-id-5822 .elementor-element-cc48b7f > .e-con {
		--width: calc(50% - 7px) !important;
		--padding-left: 0 !important;
		--padding-right: 0 !important;
	}
	.page-id-5822 .elementor-element-cc48b7f .elementor-icon { font-size: 22px !important; padding: 13px !important; }
	.page-id-5822 .elementor-element-cc48b7f .elementor-icon-box-icon { margin-bottom: 8px !important; }
	.page-id-5822 .elementor-element-cc48b7f .elementor-icon-box-title { font-size: 15px !important; margin-bottom: 4px !important; }
	.page-id-5822 .elementor-element-cc48b7f .elementor-icon-box-description { font-size: 13px !important; line-height: 1.45; }

	/* Realisations : carrousel horizontal a faire glisser */
	.page-id-5822 .elementor-element-7b53855 {
		--flex-direction: row !important;
		--flex-wrap: nowrap !important;
		--justify-content: flex-start !important;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		-webkit-overflow-scrolling: touch;
		margin-right: -16px;
		padding-right: 16px;
		padding-bottom: 18px !important;
		scrollbar-width: thin;
		scrollbar-color: #C5A477 transparent;
	}
	.page-id-5822 .elementor-element-7b53855 > .e-con {
		--width: 80% !important;
		flex: 0 0 80% !important;
		scroll-snap-align: start;
		--padding-top: 20px !important;
		--padding-bottom: 20px !important;
		--padding-left: 18px !important;
		--padding-right: 18px !important;
	}
	.page-id-5822 .elementor-element-7b53855 > .e-con.pm-reveal { transform: none; }

	/* Formulaire de devis : plus de largeur utile */
	.page-id-5822 .elementor-element-730b879 {
		--padding-top: 32px !important;
		--padding-bottom: 32px !important;
		--padding-left: 18px !important;
		--padding-right: 18px !important;
	}
	.page-id-5822 .elementor-element-730b879 .elementor-widget-heading:first-child .elementor-heading-title {
		font-size: 11px !important;
		letter-spacing: 1px !important;
		line-height: 1.5;
	}
	.page-id-5822 .wpforms-container button[type=submit] { width: 100%; }
}