/**
 * SM Web Services — lisibilité des textes de hero (bannières).
 * Ciblé uniquement les zones hero ; ne modifie pas le corps des pages.
 */

/* Pages internes (body.innerpage) : hero .rts-contact-area — le .desc héritait de --color-body-1 (#404040), trop faible sur fond violet / visuel. */
.innerpage .rts-contact-area .section-title-area .desc {
  color: #111827;
}

/* Surtitre (pilule) : assurer texte et repère suffisamment foncés sur fond clair de pastille */
.innerpage .rts-contact-area .section-title-area .sub-title {
  color: #111827;
  border-color: #d1d5db;
}

.innerpage .rts-contact-area .section-title-area .sub-title .dot {
  background-color: #111827;
  opacity: 1;
}

/* Accueil : paragraphe sous le titre sur dégradé sombre — lisibilité renforcée (pas de gris “mort”) */
.rts-banner-area-one .banner-inner .section-title-area .desc {
  color: #f3f4f6;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}

/*
 * Accueil — CTA finale (.rts-cta-area.rts-section-gap2) : le “surtitre” est le logo 02.svg (texte vectoriel
 * quasi noir sur fond #050B20). On le rend lisible sans toucher au fichier image.
 */
.rts-cta-area.rts-section-gap2 .section-inner .logo-area img {
  filter: brightness(0) invert(1) drop-shadow(0 1px 3px rgba(0, 0, 0, 0.45));
}

/* Même bloc : si un surtitre texte .sub-title est ajouté, contraste aligné sur les titres .cw */
.rts-cta-area.rts-section-gap2 .section-inner .sub-title {
  color: #f9fafb;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}