/* Formulaire de rappel court, posé directement sur les pages SEO.
   Objectif : le visiteur laisse son numéro sans changer de page.
   Les couleurs reprennent les variables déjà présentes sur ces pages. */
.fr{background:#fff;border:1px solid var(--border,rgba(14,17,22,.10));border-left:3px solid var(--terra,#1F5FBF);
    border-radius:14px;padding:1.5rem 1.5rem 1.25rem;margin:0 0 2.5rem;scroll-margin-top:84px}
.fr-titre{font-size:1.25rem;font-weight:700;letter-spacing:-.015em;color:var(--ink,#0E1116);margin-bottom:.4rem}
.fr-sous{font-size:.875rem;color:var(--muted,#5B6573);line-height:1.6;margin-bottom:1.1rem}
.fr-g2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.fr-label{display:block;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
          color:var(--muted,#5B6573);margin:0 0 .3rem}
.fr-in{width:100%;padding:12px 14px;font-size:16px;font-family:inherit;color:var(--ink,#0E1116);
       background:#fff;border:1px solid var(--border,rgba(14,17,22,.18));border-radius:10px;margin-bottom:.9rem}
.fr-in:focus{outline:none;border-color:var(--terra,#1F5FBF);box-shadow:0 0 0 3px rgba(31,95,191,.12)}
.fr-btn{display:block;width:100%;padding:15px 20px;background:var(--terra,#1F5FBF);color:#fff;border:0;
        border-radius:10px;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer}
.fr-btn:hover{background:var(--terra-dark,#163E7D)}
.fr-btn[disabled]{opacity:.6;cursor:default}
.fr-err{display:none;font-size:.8125rem;color:#B3261E;line-height:1.5;margin:.2rem 0 .8rem}
.fr-note{font-size:.75rem;color:var(--muted,#5B6573);line-height:1.55;margin:.75rem 0 0}
.fr-ok{display:none}
.fr-ok-titre{font-size:1.125rem;font-weight:700;color:var(--green,#2D5A3D);margin-bottom:.5rem}
.fr-ok-texte{font-size:.9375rem;color:var(--ink,#0E1116);line-height:1.7}
@media(max-width:560px){
  .fr{padding:1.25rem 1.1rem 1rem;border-radius:12px}
  .fr-g2{grid-template-columns:1fr;gap:0}
  .fr-titre{font-size:1.125rem}
}