/**
 * Pont Elementor ↔ maquette HPS (contenu synchronisé en widget HTML).
 */

body.hps-site .site-main .elementor-widget-html {
	width: 100%;
	max-width: none;
}

body.hps-site .site-main .elementor-widget-html .elementor-widget-container {
	width: 100%;
	max-width: none;
}

/* Sections pleine largeur (évite le « boxed » par défaut sur certains gabarits) */
body.hps-site .site-main .elementor-section.elementor-section-boxed > .elementor-container {
	max-width: 100%;
}

/**
 * Hero maquette : titres en clip-path + blocs .hero-scan__after en opacity:0 jusqu’au JS (global.js).
 * Dans l’éditeur Elementor le JS ne tourne pas → contenu « invisible ».
 */

/* Classe ajoutée par le widget PHP HPS — Hero en mode édition */
.hps-hero--elementor-editor .hero-scan__text {
	clip-path: none !important;
}

.hps-hero--elementor-editor .hero-scan__after {
	opacity: 1 !important;
	transform: none !important;
}

/* Même correctif pour les sections hero dans un widget HTML (synchro maquette) */
.elementor-edit-mode .elementor-widget-html .hero .hero-scan__text,
.elementor-editor-preview .elementor-widget-html .hero .hero-scan__text {
	clip-path: none !important;
}

.elementor-edit-mode .elementor-widget-html .hero .hero-scan__after,
.elementor-editor-preview .elementor-widget-html .hero .hero-scan__after {
	opacity: 1 !important;
	transform: none !important;
}

.elementor-edit-mode .elementor-widget-hps-hero .hero-scan__text,
.elementor-editor-preview .elementor-widget-hps-hero .hero-scan__text {
	clip-path: none !important;
}

.elementor-edit-mode .elementor-widget-hps-hero .hero-scan__after,
.elementor-editor-preview .elementor-widget-hps-hero .hero-scan__after {
	opacity: 1 !important;
	transform: none !important;
}

.elementor-edit-mode .elementor-widget-hps-contact-hero .hero-scan__text,
.elementor-editor-preview .elementor-widget-hps-contact-hero .hero-scan__text {
	clip-path: none !important;
}

.elementor-edit-mode .elementor-widget-hps-contact-hero .hero-scan__after,
.elementor-editor-preview .elementor-widget-hps-contact-hero .hero-scan__after {
	opacity: 1 !important;
	transform: none !important;
}

/**
 * Page Contact — grille type maquette (classes sur la section / conteneur Elementor).
 */
body.hps-site .hps-contact-main {
	background: var(--n800);
}

body.hps-site .hps-contact-main__inner {
	max-width: var(--container);
	margin-left: auto;
	margin-right: auto;
	padding: 3.5rem var(--pad) 4.5rem;
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 3rem;
	align-items: start;
}

body.hps-site .hps-contact-sidebar-col {
	position: sticky;
	top: 100px;
	align-self: start;
	display: flex;
	flex-direction: column;
	gap: 0;
}

@media (max-width: 1024px) {
	body.hps-site .hps-contact-main__inner {
		grid-template-columns: 1fr;
		gap: 3rem;
	}

	body.hps-site .hps-contact-sidebar-col {
		position: static;
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1rem;
	}

	body.hps-site .hps-contact-sidebar-col > .elementor-widget-wrap:last-child {
		grid-column: span 2;
	}
}

@media (max-width: 768px) {
	body.hps-site .hps-contact-sidebar-col {
		grid-template-columns: 1fr;
	}

	body.hps-site .hps-contact-sidebar-col > .elementor-widget-wrap:last-child {
		grid-column: span 1;
	}
}