/* FRVO - Commande messages telephoniques, page /message-repondeur-professionnel/.
   Recette 2026-08-17, remarques 2 et 4 du PDF de relecture.
   Theme a deux modes : aucune couleur en dur, uniquement les tokens du theme.
   Le prefixe body sert a passer devant les regles du gabarit rs-pricing-switcher
   sans recourir a !important, quel que soit l'ordre des feuilles. */

/* ---- Remarque 4 : bouton de la formule recommandee -----------------------
   Le bouton du milieu restait bleu en permanence. Tant qu'aucune carte n'est
   survolee il le reste, c'est voulu, il pousse la formule conseillee. Des qu'une
   carte est survolee, seule la sienne est bleue. */
body .rs-pricing-switcher.btn-1 .row:has(.pricing-item:hover) .pricing-item.item-active:not(:hover) .pricing-btn a {
  background: var(--bodyBgColor);
  border-color: var(--borderColor);
  color: var(--titleColor);
}
body .rs-pricing-switcher.btn-1 .row:has(.pricing-item:hover) .pricing-item.item-active:not(:hover) .pricing-btn a svg path {
  fill: var(--titleColor);
}

/* Et la carte recommandee reste bleue quand c'est elle qu'on survole :
   le gabarit du theme inversait son bouton au survol. */
body .rs-pricing-switcher.btn-1 .pricing-item.item-active .pricing-btn a:hover {
  background: var(--primaryColor);
  border-color: var(--primaryColor);
  color: var(--blackColor);
}
body .rs-pricing-switcher.btn-1 .pricing-item.item-active .pricing-btn a:hover svg path {
  fill: var(--blackColor);
}

/* ---- Remarque 2 : ecran de remerciement --------------------------------
   Il remplace le formulaire au lieu de s'ajouter sous des champs vides.
   Meme langage visuel que la confirmation du funnel /devis/. */
.frvo-cmd-confirm {
  text-align: center;
  padding: 30px 10px 20px;
}
.frvo-cmd-confirm-ic {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background: var(--primaryColor);
  color: var(--whiteColor);
  font-size: 32px;
  line-height: 64px;
  margin: 0 auto 18px;
}
.frvo-cmd-confirm-title {
  font-family: var(--titleFont);
  font-size: 32px;
  line-height: 1.15;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--titleColor);
  margin: 0 0 12px;
}
.frvo-cmd-confirm-sub {
  font-size: 17px;
  line-height: 1.7;
  color: var(--bodyColor);
  margin: 0;
}
/* Prefixe .wpcf7 obligatoire ici : le theme pose .wpcf7 p{margin:0}, plus
   specifique qu'une classe seule, qui ecrasait la marge de respiration. */
.wpcf7 .frvo-cmd-confirm-foot {
  font-size: 14px;
  line-height: 1.7;
  color: var(--bodyColor);
  margin: 22px 0 0;
}
.frvo-cmd-confirm-foot a {
  color: var(--primaryColor);
  text-decoration: none;
}
@media (max-width: 575px) {
  .frvo-cmd-confirm-title { font-size: 26px; }
  .frvo-cmd-confirm-sub { font-size: 16px; }
}