/* Demande de rappel en une page (/demande, 29-09-2026). */
.dr-page .pf-capture__intro { text-align: center; }
.dr-page .pf-capture__intro p { max-width: 620px; margin-inline: auto; }
.dr-form { max-width: 880px; margin: 18px auto 0; background: #fff; border: 1px solid #ece7da; border-radius: 18px; padding: 22px; box-shadow: 0 10px 30px rgba(8, 8, 10, .05); }
.dr-grille { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.dr-champ { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.dr-champ > span { font-size: 12px; font-weight: 700; color: #131316; }
.dr-champ > span em { color: #d9621b; font-style: normal; }
.dr-champ > span small { font-weight: 500; color: #7a817c; }
.dr-champ input, .dr-champ select, .dr-champ textarea { width: 100%; height: 44px; border: 1px solid #ddd6c6; border-radius: 10px; padding: 0 12px; font: inherit; font-size: 15px; background: #fff; color: #131316; }
.dr-champ textarea { height: auto; padding: 10px 12px; resize: vertical; }
.dr-champ input:focus, .dr-champ select:focus, .dr-champ textarea:focus { outline: 2px solid #f07c1a; outline-offset: 0; border-color: #f07c1a; }
.dr-champ--large { grid-column: 1 / -1; }

.dr-passeport { margin: 14px 0 4px; }
.dr-drop { position: relative; display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1.5px dashed #d8c9a8; border-radius: 12px; background: #fcfaf5; cursor: pointer; }
.dr-drop:hover, .dr-drop:focus-within { border-color: #f07c1a; }
.dr-drop input { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.dr-drop__icone { flex: none; width: 40px; height: 40px; border-radius: 10px; display: grid; place-items: center; background: #fff1e3; color: #d9621b; }
.dr-drop__texte { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
.dr-drop__texte strong { font-size: 14px; color: #131316; }
.dr-drop__texte strong small { font-weight: 500; color: #7a817c; }
.dr-drop__texte > small { font-size: 12px; color: #5d665f; overflow-wrap: anywhere; }
.dr-drop__bouton { flex: none; font-size: 12px; font-weight: 700; padding: 8px 12px; border-radius: 9px; background: #131316; color: #fff; }
.dr-drop.is-rempli { border-style: solid; border-color: #3aa36f; background: #f2fbf6; }
.dr-drop.is-rempli .dr-drop__texte > small { color: #176946; font-weight: 700; }

.dr-form .pf-consent { margin: 12px 0; }
.dr-envoyer { margin-top: 4px; }
.dr-envoyer[disabled] { opacity: .7; cursor: progress; }
.dr-rassure { text-align: center; font-size: 12px; color: #5d665f; margin: 10px 0 0; }
.dr-attente { text-align: center; font-size: 13px; color: #176946; font-weight: 700; margin: 10px 0 0; }

@media (max-width: 760px) {
    .dr-form { padding: 16px; border-radius: 14px; }
    .dr-grille { grid-template-columns: 1fr; }
    .dr-drop { flex-wrap: wrap; }
    .dr-drop__bouton { width: 100%; text-align: center; }
}

/* revamp.css remplace le petit titre de .pf-capture__intro par « Étape 1 sur 5 »
   (ancien tunnel). La demande de rappel n'a pas d'étapes : texte d'origine. */
.dr-page .pf-capture__intro .flow-kicker { font-size: .75rem !important; }
.dr-page .pf-capture__intro .flow-kicker::before,
.dr-page .pf-capture__intro .flow-kicker::after { content: none; }