/* ==========================================================================
   TADAGBÉ — Formulaires de demande dédiés (demande.html)
   Prolonge inscription.css, dont il réutilise les champs et l'écran de
   confirmation.
   ========================================================================== */

/* Colonne de droite : ce qu'il faut savoir avant de remplir. */
.dem-plus{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.dem-plus li{font-size:12.5px;line-height:1.65;color:var(--texte-2);padding-left:14px;
  position:relative}
.dem-plus li::before{content:"";position:absolute;left:0;top:7px;width:5px;height:5px;
  border-radius:50%;background:var(--or)}
.dem-plus b{color:var(--texte)}

/* L'étape de paiement : annoncée clairement, jamais simulée. Aucun champ
   bancaire n'est demandé sur ce site. */
.dem-pay{margin-top:22px;padding:16px 18px;border-radius:var(--r);
  background:linear-gradient(120deg,#F1F7F0,#F7F7F7);border:1px solid #D8E6D6;
  border-left:3px solid var(--vert)}
.dem-pay h4{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;
  letter-spacing:.11em;text-transform:uppercase;color:var(--vert)}
.dem-pay h4 svg{color:var(--or)}
.dem-pay p{font-size:13px;line-height:1.7;color:var(--texte-2);margin-top:9px}
.dem-pay__note{font-size:12.3px;color:var(--texte-2);background:#FDF6E6;
  border:1px solid #EFE0BC;border-radius:var(--r);padding:11px 13px;margin-top:11px}
.dem-pay__note b{color:#5E430D}

#dem-form input[type=file]{font-size:12.5px;padding:9px 11px}
#dem-form .field input.is-bad,#dem-form .field select.is-bad,
#dem-form .field textarea.is-bad{border-color:#C7362F;background:#FFF8F8}
#dem-form .check input.is-bad{outline:2px solid #C7362F;outline-offset:2px}