/* =========================================================================
   MELIOSTAM — Complément CSS

   Ne contient QUE ce qu'Elementor 4 ne sait pas exprimer. Tout le reste de la
   page reste piloté par les classes globales et le panneau Style du builder.

   Les valeurs viennent des variables globales Elementor (--color-mint, etc.),
   donc changer une couleur dans le panneau Variables se répercute ici aussi.

   Portée actuelle : body.meliostam-complement, posée sur la seule page
   « Accueil - V18-elementor-css ». Pour l'appliquer à tout le site, retirer
   « body.meliostam-complement » devant chaque sélecteur.
   ========================================================================= */

/* -------------------------------------------------------------------------
   1. Le soulignement de la charte sur un mot à l'intérieur d'un titre.
      Absent du schéma de styles v4 : ni text-decoration-color,
      ni text-decoration-thickness, ni text-underline-offset.
      Aucun conflit avec le builder : Elementor n'émet rien sur <u>.
   ------------------------------------------------------------------------- */
body.meliostam-complement .section-title u,
body.meliostam-complement .hero-title u,
body.meliostam-complement .card-title u{
  text-decoration:underline;
  text-decoration-color:var(--color-mint);
  text-decoration-thickness:3px;
  text-underline-offset:6px;
}

/* -------------------------------------------------------------------------
   2. Un mot d'une autre couleur dans un titre.
      Impossible en natif : le filtre de contenu d'Elementor supprime les
      classes sur les balises internes du texte d'un widget Titre.
      La classe title-violet se pose sur le widget, le <u> cible le mot.
   ------------------------------------------------------------------------- */
body.meliostam-complement .title-violet u{
  color:var(--color-violet);
  text-decoration-color:var(--color-violet);
}

/* -------------------------------------------------------------------------
   3. Le dégradé du héros.
      Elementor ne propose que radial-gradient(circle at <9 positions>) ;
      la maquette demande une ellipse décentrée.
      SEULE règle qui écrase volontairement une valeur du builder : si vous
      voulez changer ce dégradé, c'est ici, pas dans le panneau Style.
   ------------------------------------------------------------------------- */
body.meliostam-complement .hero-frame{
  background-image:radial-gradient(120% 100% at 85% 12%,
    var(--color-teal-glow) 0%,
    var(--color-teal) 55%,
    var(--color-teal-dark) 100%);
}

/* -------------------------------------------------------------------------
   4. text-wrap: pretty — absent du schéma de styles v4.
      Évite les lignes veuves en fin de paragraphe et de titre.
   ------------------------------------------------------------------------- */
body.meliostam-complement .elementor{text-wrap:pretty}