/* =====================================================================
   CNFP — ajouts propres à la plateforme.

   Le reste de `assets/css` vient du thème d'origine et n'est pas retouché :
   tout ce que la plateforme ajoute au site se pose ici, chargé en dernier,
   pour rester lisible le jour où le thème évoluera.
   ===================================================================== */

/* ---------- Accès à l'espace personnel ----------
   Un cinquième lien tient dans la barre sur un grand écran, plus en dessous :
   il s'efface alors de la barre, où il ferait déborder la navigation, et
   reste accessible dans le menu mobile. */
@media (max-width: 1200px) {
  .cnfp-nav a[href="/mon-espace"] {
    display: none;
  }
}

/* ---------- Réponse du formulaire de contact ----------
   Insérée au-dessus du pied du formulaire une fois la demande partie, ou
   quand la saisie est refusée. */
.f-reponse {
  grid-column: 1 / -1;
  margin: 0 0 18px;
  padding: 13px 16px;
  border-radius: 8px;
  border-left: 3px solid #19a35b;
  background: rgba(25, 163, 91, 0.08);
  color: #16603a;
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  line-height: 1.6;
}
.f-reponse.est-erreur {
  border-left-color: #c4121a;
  background: rgba(196, 18, 26, 0.07);
  color: #8d1219;
}

/* ── Le bouton « Demander un devis » de l'en-tête ─────────────────────────
   Il est posé dans `.cnfp-nav`, si bien que la règle des liens de menu
   — `.cnfp-nav a { padding: 6px 0 }` — l'emportait d'un cran de spécificité
   sur `.cnfp-cta`. Le bouton s'affichait donc écrasé à 28 px de haut, quand
   le thème lui en donne 43 : c'est la version du menu mobile qui montrait
   la taille voulue.
   On rétablit, et on l'agrandit franchement — sans toucher au texte, dont
   la taille et l'interlettrage font l'équilibre du bandeau. */
.cnfp-header .cnfp-nav a.cnfp-cta {
  padding: 19px 36px 18px;
}

/* Le bouton devis garde son texte blanc, en toute circonstance.

   Au défilement, l'en-tête pose un fond blanc et met ses liens en bleu
   marine — règle qui rattrapait aussi le bouton, dont le texte virait au
   bleu sur le terracotta. Illisible, et surtout : c'est le seul appel à
   l'action de la page, celui qu'on ne peut pas se permettre de rendre
   fade. Le survol est repris pour la même raison. */
.cnfp-header .cnfp-nav a.cnfp-cta,
.cnfp-header.is-scrolled .cnfp-nav a.cnfp-cta,
.cnfp-header.is-scrolled .cnfp-nav a.cnfp-cta:hover,
.cnfp-header .cnfp-nav a.cnfp-cta:hover {
  color: var(--cnfp-white);
}