/* ============================================================================
   Eukles Cobalt — overrides Elementor
   Force les widgets Elementor par défaut à adopter les tokens Cobalt V5.
   Chargé dans l'éditeur (aperçu) ET sur le rendu front quand Elementor est actif.
   ============================================================================ */

/* Conteneurs : largeur de contenu alignée sur le thème */
.elementor-section.elementor-section-boxed > .elementor-container,
.e-con-boxed > .e-con-inner { max-width: 1200px; }

/* Titres → Montserrat + couleur Cobalt */
.elementor-widget-heading .elementor-heading-title {
  font-family: Montserrat, system-ui, sans-serif;
  color: var(--color-neutral-content-strong);
  letter-spacing: -0.03em;
}

/* Texte courant → couleur Cobalt + police système */
.elementor-widget-text-editor,
.elementor-widget-text-editor p { color: var(--color-neutral-content-medium); font-family: system-ui, sans-serif; }

/* Liens */
.elementor-widget-text-editor a,
.elementor a:not(.elementor-button) { color: var(--color-global-content-link); }

/* Boutons Elementor → bouton Cobalt (radius 2px, Montserrat, états) */
.elementor-button {
  font-family: Montserrat, sans-serif !important;
  font-weight: 600;
  border-radius: var(--number-radius-medium) !important;
  background-color: var(--color-action-primary-background-default);
  color: var(--color-action-primary-content-default);
  border: 1px solid transparent;
  transition: background var(--motion-duration-fast) var(--motion-easing-move), color var(--motion-duration-fast) var(--motion-easing-move);
  letter-spacing: -0.01em;
}
.elementor-button, .elementor-button .elementor-button-text {
  color: #fff !important; /* évite le texte bleu invisible sur bouton bleu */
}
.elementor-button:hover, .elementor-button:focus-visible {
  background-color: var(--color-action-primary-background-interacting);
  color: #fff !important;
}
/* Bouton "info"/secondaire Elementor → secondary Cobalt */
.elementor-button.elementor-button-info, .elementor-button-secondary {
  background-color: var(--color-action-secondary-background-default);
  color: var(--color-action-secondary-content-default);
}

/* Focus visible cohérent */
.elementor a:focus-visible, .elementor button:focus-visible, .elementor .elementor-button:focus-visible {
  outline: 2px solid var(--color-global-border-focus); outline-offset: 2px;
}

/* Champs de formulaire Elementor → style Cobalt (souligné) */
.elementor-field-group .elementor-field,
.elementor-field-textual {
  color: var(--color-edition-content-default) !important;
  background: var(--color-edition-background-default) !important;
  border: 0 !important;
  border-bottom: 1px solid var(--color-edition-border-default) !important;
  border-radius: var(--number-radius-none) !important;
}
.elementor-field-textual:focus { border-bottom-color: var(--color-edition-border-interacting) !important; border-bottom-width: 2px !important; }

/* Icon box / image box : titres Montserrat, espacements Cobalt */
.elementor-icon-box-title, .elementor-image-box-title { font-family: Montserrat, sans-serif; color: var(--color-neutral-content-strong); }
.elementor-icon-box-description, .elementor-image-box-description { color: var(--color-neutral-content-medium); }

/* Divider / séparateur → bordure neutre Cobalt */
.elementor-widget-divider { --divider-color: var(--color-neutral-border-medium); }

/* Les sections à fond bleu adoptent le bleu de marque exact */
.elementor-section[data-settings*="background"] { /* placeholder : laisser l'éditeur gérer, palette Cobalt fournie via le Kit */ }

/* Classes utilitaires Cobalt disponibles dans le champ "Classes CSS" Elementor :
   .btn .btn--primary .btn--secondary .btn--tertiary .btn--on-brand .btn--ghost-light
   .offer-card .stat .quote .alert .eyebrow .lead .section--soft .hero .cta-band
   (définies dans main.css) */