/*
 * Julien Orbit Motion — couche de compatibilité Elementor.
 *
 * Ce fichier a deux rôles :
 * 1. neutraliser les marges et largeurs qu'Elementor applique autour de ses
 *    conteneurs, pour que les sections pleine largeur du thème s'affichent
 *    exactement comme dans le design d'origine ;
 * 2. rendre l'édition confortable en désactivant les animations d'apparition
 *    à l'intérieur de l'éditeur.
 */

/* ------------------------------------------------------------------
 * 1. Sections pleine largeur dans un conteneur Elementor
 * ------------------------------------------------------------------ */

.elementor-widget-jwd-hero,
.elementor-widget-jwd-proof-strip,
.elementor-widget-jwd-services,
.elementor-widget-jwd-projects,
.elementor-widget-jwd-pricing,
.elementor-widget-jwd-process,
.elementor-widget-jwd-seo-orbit,
.elementor-widget-jwd-about-system,
.elementor-widget-jwd-testimonials,
.elementor-widget-jwd-contact,
.elementor-widget-jwd-section-heading,
.elementor-widget-jwd-header-bar,
.elementor-widget-jwd-footer {
	width: 100%;
}

.elementor-widget-jwd-hero > .elementor-widget-container,
.elementor-widget-jwd-proof-strip > .elementor-widget-container,
.elementor-widget-jwd-services > .elementor-widget-container,
.elementor-widget-jwd-projects > .elementor-widget-container,
.elementor-widget-jwd-pricing > .elementor-widget-container,
.elementor-widget-jwd-process > .elementor-widget-container,
.elementor-widget-jwd-seo-orbit > .elementor-widget-container,
.elementor-widget-jwd-about-system > .elementor-widget-container,
.elementor-widget-jwd-testimonials > .elementor-widget-container,
.elementor-widget-jwd-contact > .elementor-widget-container,
.elementor-widget-jwd-section-heading > .elementor-widget-container,
.elementor-widget-jwd-header-bar > .elementor-widget-container,
.elementor-widget-jwd-footer > .elementor-widget-container {
	margin: 0;
	padding: 0;
}

/* Les conteneurs qui hébergent une section Orbit ne doivent rien contraindre. */
.elementor-element:has(> .elementor-widget-container > .hero),
.elementor-element:has(> .elementor-widget-container > .section),
.elementor-element:has(> .elementor-widget-container > .proof-strip) {
	max-width: none;
}

/* Structure héritée section/colonne. */
.jwd-elementor-content .elementor-section.elementor-section-full_width > .elementor-container {
	max-width: none;
}

.jwd-elementor-content .elementor-section > .elementor-container > .elementor-column > .elementor-widget-wrap {
	padding: 0;
}

/* ------------------------------------------------------------------
 * 2. En-tête et pied de page pilotés par Elementor
 * ------------------------------------------------------------------ */

.jwd-elementor-header .elementor-section,
.jwd-elementor-header .e-con,
.jwd-elementor-footer .elementor-section,
.jwd-elementor-footer .e-con {
	--padding-top: 0;
	--padding-right: 0;
	--padding-bottom: 0;
	--padding-left: 0;
}

.jwd-elementor-header .e-con-inner,
.jwd-elementor-footer .e-con-inner {
	max-width: none;
	padding: 0;
}

.site-header--static {
	position: relative;
}

/* ------------------------------------------------------------------
 * 3. Éléments ajoutés par les widgets
 * ------------------------------------------------------------------ */

.jwd-button-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.jwd-section-plain {
	position: relative;
	padding: 0;
}

.results-grid--reversed {
	direction: rtl;
}

.results-grid--reversed > * {
	direction: ltr;
}

.jwd-empty {
	margin: 0;
	padding: 28px;
	border: 1px dashed rgba(126, 175, 232, 0.35);
	border-radius: 14px;
	color: #9caec6;
	font-size: 0.9rem;
	text-align: center;
}

/* ------------------------------------------------------------------
 * 4. Confort d'édition dans Elementor
 * ------------------------------------------------------------------ */

body.elementor-editor-active .jwd-js .reveal,
body.elementor-editor-preview .jwd-js .reveal,
body.elementor-editor-active .reveal,
body.elementor-editor-preview .reveal {
	opacity: 1 !important;
	transform: none !important;
}

body.elementor-editor-active .launch-intro,
body.elementor-editor-active .cursor-aura,
body.elementor-editor-active .page-progress,
body.elementor-editor-preview .launch-intro,
body.elementor-editor-preview .cursor-aura,
body.elementor-editor-preview .page-progress {
	display: none !important;
}

/* L'en-tête fixe masquerait le haut de la page pendant l'édition. */
body.elementor-editor-active .site-header,
body.elementor-editor-preview .site-header {
	position: relative;
}

/* Le curseur d'insertion d'Elementor doit rester visible sur fond sombre. */
body.elementor-editor-active .elementor-empty-view,
body.elementor-editor-preview .elementor-empty-view {
	background: rgba(22, 135, 255, 0.08);
}

/* ------------------------------------------------------------------
 * 5. Panneau de l'éditeur
 * ------------------------------------------------------------------ */

.elementor-panel .elementor-panel-category-julien-orbit .elementor-panel-heading-title {
	font-weight: 700;
}