/* ==========================================================================
   Compatibilité Elementor — applique la charte (Playfair Display / Nunito /
   palette) aux widgets Elementor standards, pour que les pages construites
   dans Elementor héritent automatiquement du design.
   ========================================================================== */

/* ── Typographie ───────────────────────────────────────────────────────── */

.elementor-widget-heading .elementor-heading-title,
.elementor h1, .elementor h2, .elementor h3, .elementor h4 {
	font-family: var(--font-display) !important;
	color: var(--black);
}

.elementor,
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-nav-menu a,
.elementor-nav-menu .elementor-item,
.elementor-button,
.elementor-button span,
.elementor-field,
.elementor-field-label {
	font-family: var(--font-body) !important;
}

/* ── Boutons Elementor → style « btn-primary » de la charte ───────────── */

.elementor-button {
	background-color: var(--sky);
	border-radius: .5rem;
	font-weight: 700;
	transition: background-color .2s, box-shadow .2s;
}
.elementor-button:hover {
	background-color: var(--sky-hover);
	box-shadow: 0 8px 24px rgba(80, 171, 204, .35);
}

/* ── Liens et accents ──────────────────────────────────────────────────── */

.elementor a:not(.elementor-button):not(.btn) { color: var(--sky); }

/* ── Sections construites avec les widgets Mandy ───────────────────────── */

/* Dans l'éditeur Elementor, les animations d'apparition du thème sont
   désactivées pour que le contenu soit toujours visible. */
.elementor-editor-active .fade-in,
.mandy-widget .fade-in,
.mandy-widget .section-head,
.mandy-widget .card {
	opacity: 1 !important;
	transform: none !important;
}

/* Neutralise le padding double quand un widget Mandy est dans une section
   Elementor qui a déjà son propre padding. */
.elementor-widget-mandy-services .section,
.elementor-widget-mandy-testimonials .section,
.elementor-widget-mandy-cta .section {
	padding-block: 3rem;
}

/* ── Formulaires (Elementor Pro / plugins de formulaires) ──────────────── */

.elementor-field-group .elementor-field {
	border: 1px solid var(--border-dark);
	border-radius: .5rem;
	background-color: #eaf4f8;
}
.elementor-field-group .elementor-field:focus {
	border-color: var(--sky);
	outline: none;
}