/* =========================================================================
   Avant l'Alerte — boutons compacts (23 septembre 2026)
   -------------------------------------------------------------------------
   Chargée en DERNIER par chaque page : tout ce qu'elle change tient ici, et
   la retirer (fichier + ligne <link>) rend exactement le dessin d'avant.

   Pourquoi. Les boutons mesuraient 56 à 72 px de haut, sur ordinateur comme
   sur téléphone, là où l'usage courant est 36 à 44 px. Trois causes :
     • l'interligne du texte courant (≈ 1,65) hérité par `.btn` ;
     • 17 px de texte et 1,5 rem de marge intérieure ;
     • une douzaine de `min-height: 48px` posés composant par composant, et
       la pleine largeur sur téléphone pour presque tous.

   Ce qui est gardé. 44 px minimum sur téléphone (cible tactile recommandée),
   48 px pour le champ du code postal de l'accueil — la seule action que la
   page demande —, la pleine largeur pour les actions principales d'un écran
   (chercher, continuer, imprimer, l'étape suivante). Aucune couleur nouvelle.
   ========================================================================= */

body.rf-b {
  --btn-h: 40px;       /* bouton courant, ordinateur */
  --btn-h-sm: 34px;
  --btn-h-lg: 46px;
  --btn-h-champ: 48px; /* champ et bouton du code postal (accueil, « Mes risques ») */
  --r-btn: 8px;
}
@media (max-width: 620px) {
  /* Petits boutons à 44 px aussi sur téléphone (4 octobre 2026) : à 38 px,
     « Ajouter à mon agenda » restait sous le minimum tactile. */
  body.rf-b { --btn-h: 44px; --btn-h-sm: 44px; --btn-h-lg: 48px; }
}

/* ---------- Le bouton ---------- */
body.rf-b .btn {
  min-height: var(--btn-h);
  padding: .5rem 1.1rem;
  font-size: var(--t-ui);          /* 15 px */
  line-height: 1.2;
  gap: .45rem;
  border-radius: var(--r-btn);
  letter-spacing: .005em;
}
body.rf-b .btn--sm { min-height: var(--btn-h-sm); padding: .35rem .8rem; font-size: var(--t-sm); }
body.rf-b .btn--lg { min-height: var(--btn-h-lg); padding: .65rem 1.4rem; font-size: var(--t-md); }
/* Un relief discret sur le bouton principal : il se distingue sans grossir. */
body.rf-b .btn--primary { box-shadow: 0 1px 2px rgba(var(--ink-rgb), .14); }
body.rf-b .btn--primary:hover { box-shadow: 0 2px 6px rgba(var(--ink-rgb), .16); }
body.rf-b .btn[disabled] { box-shadow: none; }
body.rf-b .btn-row { gap: .6rem; }

/* ---------- Les hauteurs imposées composant par composant ----------
   Même spécificité que la règle d'origine, ou plus : cette feuille passe après. */
body.rf-b .rf-risques__action .btn,
body.rf-b .rf-reprise__liste .btn,
body.rf-b .rf-etape .parcours__cta,
body.rf-b .cp__suite .suite-parcours .btn,
body.rf-b .quiz .qcard__nav .btn { min-height: var(--btn-h); }
/* Les cartes du parcours : le bouton à la taille de son texte, plus en pleine carte. */
body.rf-b .rf-etape .parcours__cta { align-self: flex-start; padding-inline: 1.1rem; }

/* ---------- Le champ du code postal ---------- */
body.rf-b .cp__row input,
body.rf-b .cp__choix select { border-radius: var(--r-btn); }
body.rf-b .cp__row input { padding: .55rem .9rem; font-size: var(--t-md); line-height: 1.2; }
body.rf-b .cp--vedette .cp__row input {
  min-height: var(--btn-h-champ); padding: .6rem 1rem; font-size: var(--t-lg);
  border-radius: var(--r-btn);
}
body.rf-b .cp--vedette .cp__row .btn {
  min-height: var(--btn-h-champ); padding: .6rem 1.3rem; font-size: var(--t-md);
  border-radius: var(--r-btn);
}