/* =========================================================================
   Gnoselia — compatibilité Elementor
   Chargé uniquement quand Elementor est actif. Rend le contenu Elementor
   lisible et cohérent avec le design system (dark navy) du thème.
   ========================================================================= */

/* Titres Elementor : même famille que le thème. */
.elementor-widget-heading .elementor-heading-title { font-family: var(--font-display, "Sora", sans-serif); letter-spacing: -0.02em; }

/* Liens dans le contenu Elementor. */
.elementor a:not(.elementor-button) { color: var(--cyan, #22d3ee); }

/* Boutons Elementor → style de la marque. */
.elementor-button {
	background: var(--grad, linear-gradient(120deg, #3b82f6, #22d3ee));
	color: #fff; border: none; border-radius: 999px;
	box-shadow: 0 0 40px -8px rgba(59,130,246,.5);
	transition: transform .18s ease, box-shadow .25s ease;
}
.elementor-button:hover { color: #fff; transform: translateY(-2px); }

/* Champs de formulaires (Elementor Forms, Contact Form 7, WPForms…). */
.elementor input:not([type="submit"]):not([type="button"]),
.elementor textarea, .elementor select,
.wpcf7 input:not([type="submit"]), .wpcf7 textarea, .wpcf7 select,
.wpforms-field input, .wpforms-field textarea, .wpforms-field select {
	background: var(--surface-2, rgba(255,255,255,.06));
	border: 1px solid var(--border, rgba(255,255,255,.10));
	color: var(--text, #eaf0ff);
	border-radius: 12px; padding: 12px 14px;
}
.elementor input:focus, .elementor textarea:focus, .elementor select:focus,
.wpcf7 input:focus, .wpcf7 textarea:focus {
	outline: none; border-color: var(--blue, #3b82f6);
	box-shadow: 0 0 0 3px rgba(59,130,246,.25);
}
.elementor input::placeholder, .elementor textarea::placeholder { color: var(--text-dim, #5f6a8c); }

/* --------------------------------------------------------------------------
   Utilitaire de contraste :
   Sur une SECTION Elementor à fond CLAIR (blanc), ajoutez la classe CSS
   « dark-text » (Avancé → CSS Classes) pour forcer un texte foncé lisible.
   Sur une section à fond SOMBRE, ajoutez « light-text ».
   -------------------------------------------------------------------------- */
.dark-text, .dark-text .elementor-heading-title,
.dark-text p, .dark-text li, .dark-text span, .dark-text h1, .dark-text h2, .dark-text h3, .dark-text h4 { color: #14162a; }
.dark-text a:not(.elementor-button) { color: #2563eb; }

.light-text, .light-text .elementor-heading-title,
.light-text p, .light-text li, .light-text span, .light-text h1, .light-text h2, .light-text h3, .light-text h4 { color: #eaf0ff; }