/* ==========================================================================
   L'Estrade — harmonisation Elementor
   Les widgets Elementor reprennent la typo et les boutons du thème
   tant que vous ne leur donnez pas un style spécifique.
   ========================================================================== */

/* Titres */
.elementor-widget-heading .elementor-heading-title {
	font-family: var(--le-font-display);
	color: inherit;
}
.elementor-widget-heading h1.elementor-heading-title { font-weight: 900; letter-spacing: -.06em; line-height: .9; }
.elementor-widget-heading h2.elementor-heading-title { font-weight: 750; letter-spacing: -2px; line-height: 1.02; }
.elementor-widget-heading h3.elementor-heading-title { font-weight: 400; letter-spacing: -1px; }

/* Texte */
.elementor-widget-text-editor { font-family: var(--le-font-body); line-height: 1.7; }

/* Boutons : style « ticket » couleur d'accent */
.elementor-button,
.elementor-widget-button .elementor-button {
	background-color: var(--le-accent);
	color: var(--le-accent-fg);
	border: 1px solid var(--le-fg);
	border-radius: 0;
	padding: 18px 25px;
	font-family: var(--le-font-body);
	font-size: 13px;
	font-weight: 700;
	fill: currentColor;
	transition: background-color .2s, color .2s;
}
.elementor-button:hover,
.elementor-button:focus,
.elementor-widget-button .elementor-button:hover {
	background-color: var(--le-card);
	color: var(--le-fg);
}
.elementor-button .elementor-button-content-wrapper { gap: 40px; }

/* Formulaires Elementor Pro */
.elementor-form .elementor-field-group .elementor-field-textual {
	background: var(--le-bg);
	border: 1px solid var(--le-border);
	border-radius: 0;
	color: var(--le-fg);
	font-family: var(--le-font-body);
}
.elementor-form .elementor-field-group .elementor-field-textual:focus { border-color: var(--le-fg); box-shadow: none; }
.elementor-form .elementor-field-label { font-size: 14px; font-weight: 500; }
.elementor-form .elementor-button[type="submit"] { width: 100%; justify-content: space-between; }

/* Diviseur */
.elementor-divider-separator { border-color: var(--le-fg) !important; }

/* Classes CSS à saisir dans Elementor (Avancé > Classes CSS) :
   - le-dark      : section sombre olive + texte crème
   - le-texture   : fond pierre avec fines lignes verticales (comme le hero)
   - le-formats   : 3 colonnes avec filets (mettre sur le conteneur parent)
   - le-cta       : (sur un widget HTML/texte) bouton couleur d'accent
   - le-eyebrow   : petit sur-titre capitales
*/
.elementor-element.le-dark { background-color: var(--le-dark); color: var(--le-light); }
.elementor-element.le-dark .elementor-heading-title,
.elementor-element.le-dark .elementor-widget-text-editor { color: var(--le-light); }

/* le-formats appliqué à un conteneur Flexbox Elementor */
.e-con.le-formats {
	--display: grid;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 0;
	border-top: 1px solid var(--le-fg);
	border-bottom: 1px solid var(--le-fg);
}
.e-con.le-formats > .e-con { padding: 30px 24px 30px 0; min-height: 265px; }
.e-con.le-formats > .e-con + .e-con { border-left: 1px solid var(--le-border); padding-left: 24px; }
@media (max-width: 700px) {
	.e-con.le-formats { grid-template-columns: 1fr; }
	.e-con.le-formats > .e-con + .e-con { border-left: 0; border-top: 1px solid var(--le-border); padding-left: 0; }
}

/* Sur-titre dans un widget Titre : ajouter la classe le-eyebrow au widget */
.elementor-widget.le-eyebrow .elementor-heading-title {
	font-family: var(--le-font-body);
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 10px;
}
.elementor-widget.le-eyebrow .elementor-heading-title::before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: currentColor;
	flex: none;
}

/* Sections du thème insérées via [lestrade_section] / [lestrade_home] dans Elementor :
   placer le widget dans un conteneur « Pleine largeur » sans marges intérieures. */
.elementor-widget-shortcode .le-shortcode-section { width: 100%; }
.elementor-widget-shortcode .le-shortcode-section .le-hero,
.elementor-widget-shortcode .le-shortcode-section .le-section { margin: 0; }

/* Conteneur du Kit Elementor (isolation) : neutre pour la mise en page */
.le-elementor-content { display: contents; }