/* [hors-planning ABC-4-50 2026-10-07] Refonte de l'adhésion (page publique et Mon espace) : cartes d'avantages, frise
   d'étapes, types de membre à choisir, deux colonnes (formulaire 2/3, FAQ 1/3 collante) en grand écran. */
.inscription-large{max-width:1180px}
.inscription-colonnes{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:start}
.inscription-principal{min-width:0}
.inscription-faq{margin:0;padding:0}
.inscription-faq .faq-grid{display:block}
.inscription-faq .faq-grid h2{font-size:22px}
.inscription-faq .faq-item summary{font-size:17px}
@media (min-width: 1024px){
  .inscription-colonnes{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:40px}
  .inscription-faq{position:sticky;top:96px;max-height:calc(100vh - 120px);overflow-y:auto}
}
/* En-tête court */
.eusep-v2 .inscription-promesse{font-size:20px;max-width:46ch;color:var(--deep)}
/* Avantages en cartes */
.eusep-v2 .inscription-avantages{list-style:none;margin:0 0 18px;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.eusep-v2 .inscription-avantages > li.tool{padding:20px 20px;font-size:17px;line-height:1.5;margin:0}
.eusep-v2 .inscription-invitation p{margin-bottom:0;max-width:none}
/* Types de membre : 1re étape du formulaire */
.eusep-v2 .inscription-etape{margin-bottom:18px}
.eusep-v2 .inscription-etape-types{padding:0;margin:0 0 14px}
.eusep-v2 .inscription-etape-types h2{font-size:22px;margin-bottom:6px}
.eusep-v2 .inscription-etape-types h2::before{content:"01";display:inline-block;margin-right:10px;color:var(--red);font-size:14px;font-weight:600;vertical-align:middle}
.eusep-v2 .inscription-etape-types .tools-grid.values-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.eusep-v2 .inscription-etape-types .tool{padding:16px 16px;font-size:16px}
.eusep-v2 .inscription-etape-types .tool h3{font-size:19px;margin-bottom:8px}
.eusep-v2 .inscription-etape-types .tool.est-choisi{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue);background:var(--pale)}
.eusep-v2 .inscription-etape-types .tool [data-choisir-statut]{margin-top:10px;min-height:44px}
.eusep-v2 .inscription-etape-types .tool [data-choisir-statut][aria-pressed="true"]{background:var(--blue);color:#fff}
.eusep-v2 .inscription-etape-types .assoc-more{display:none}
/* Réassurance près du bouton */
.eusep-v2 .inscription-reassurance{margin:18px 0 10px;padding:12px 14px;border-left:3px solid var(--blue);background:var(--pale);font-size:16px;line-height:1.5}
@media (max-width: 1000px){
  .eusep-v2 .inscription-avantages{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .eusep-v2 .inscription-etape-types .tools-grid.values-grid{grid-template-columns:1fr}
}

/* [ABC-4-81] Champs grisés tant que la case de la demande n'est pas cochée (inscription-verrou.js) : gris, non modifiables, sans cadenas. */
.eusep-v2 fieldset.inscription-champs{border:0;padding:0;margin:0;min-width:0}
.eusep-v2 fieldset.inscription-champs:disabled input:not([type=checkbox]),
.eusep-v2 fieldset.inscription-champs:disabled select,
.eusep-v2 fieldset.inscription-champs:disabled textarea{background:#e9ecef;color:#6c757d;border-color:#ced4da;cursor:not-allowed}
/* [ABC-4-81, 09/10] Listes à recherche (Tom Select) : le <select> est caché, la boîte visible est .ts-control, que liste-recherche.css
   rend transparente avec !important ; même gris que les autres champs, même poids. */
.eusep-v2 fieldset.inscription-champs:disabled .ts-wrapper .ts-control{background-color:#e9ecef !important;color:#6c757d;border-color:#ced4da;cursor:not-allowed;opacity:1}
.eusep-v2 fieldset.inscription-champs:disabled .ts-wrapper{opacity:1}
.eusep-v2 fieldset.inscription-champs:disabled .ts-wrapper .ts-control input,
.eusep-v2 fieldset.inscription-champs:disabled .ts-wrapper .ts-control .item{background:transparent;color:#6c757d;cursor:not-allowed}
.eusep-v2 fieldset.inscription-champs:disabled label,
.eusep-v2 fieldset.inscription-champs:disabled .consent{color:#6c757d;cursor:not-allowed}
.eusep-v2 [data-statut-champ] .champ-verrouille__cadenas{display:none}
/* [ABC-4-81, rouvert le 09/10] Le « Type de membre » (Statut) reste TOUJOURS gris, case cochée ou non : son gris ne dépend pas du fieldset. */
.eusep-v2 .inscription .auth-field[data-statut-champ] select,
.eusep-v2 .auth-field[data-statut-champ] .champ-verrouille select:disabled{background-color:#e9ecef;color:#6c757d;border-color:#ced4da;cursor:not-allowed}

/* [ABC-4-95] Civilité : deux boutons radio exclusifs, même rendu que les cases à cocher (.consent), sur une ligne, grisés avec le groupe. */
fieldset.civilite{border:0;padding:0;margin:0 0 14px;min-width:0;grid-column:1/-1}
fieldset.civilite legend{float:none;width:auto;padding:0;margin:0 0 4px;font-size:15px;font-weight:600}
fieldset.civilite .civilite__choix{display:flex;flex-wrap:wrap;gap:8px 28px}
fieldset.civilite .consent{display:flex;align-items:center;gap:12px;margin:0;font-size:15px;line-height:1.55;cursor:pointer}
fieldset.civilite .consent input{flex:0 0 20px;width:20px;height:20px;min-height:20px;margin:0;padding:0;accent-color:var(--blue,#0b5ed7)}
fieldset.inscription-champs:disabled fieldset.civilite legend,
fieldset.inscription-champs:disabled fieldset.civilite .consent{color:#6c757d;cursor:not-allowed}

/* [ABC-4-88] Étape qui suit l'envoi de la demande (page publique et Mon espace) : coche commune, deux choix de paiement alignés. */
.eusep-v2 .inscription-envoyee__titre{display:flex;align-items:center;gap:12px}
.eusep-v2 .icone-validation{flex:0 0 auto;color:var(--green,#1a7f37)}
.eusep-v2 .inscription-envoyee__message{margin:0 0 12px}
.eusep-v2 .inscription-envoyee__compte{margin:12px 0 0;font-size:.95rem;color:var(--text-muted,#536179)}
.eusep-v2 .inscription-envoyee fieldset.choix-paiement__groupe{border:0;padding:0;margin:16px 0;min-width:0}
.eusep-v2 .inscription-envoyee .choix-paiement__groupe legend{float:none;width:auto;padding:0;margin:0 0 10px;font-size:15px;font-weight:600}
.eusep-v2 .choix-paiement__liste{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.eusep-v2 .choix-paiement{display:flex;align-items:flex-start;gap:12px;height:100%;margin:0;padding:14px 16px;border:1px solid #ced4da;border-radius:8px;background:#fff;font-size:15px;line-height:1.5;color:var(--ink);cursor:pointer}
.eusep-v2 .choix-paiement input{flex:0 0 20px;width:20px;height:20px;min-height:20px;margin:2px 0 0;padding:0;accent-color:var(--blue,#0b5ed7)}
.eusep-v2 .choix-paiement:has(input:checked){border-color:var(--blue,#0b5ed7);box-shadow:0 0 0 1px var(--blue,#0b5ed7);background:#f4f8ff}
.eusep-v2 .choix-paiement:has(input:focus-visible){outline:3px solid var(--blue,#0b5ed7);outline-offset:2px}
.eusep-v2 .choix-paiement__texte strong{display:block}
@media (max-width:720px){
  .eusep-v2 .choix-paiement__liste{grid-template-columns:1fr}
}

/* [ABC-4-103, 09/10] Mon adhésion plus lisible : pastille d'état + montant, historique épuré (cartes sur téléphone), documents en liste. */
.eusep-v2 .inscription-etat{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:0 0 18px}
.eusep-v2 .inscription-etat p{margin:0}
.eusep-v2 .inscription-etat__etiquette{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--ds-couleur-texte-doux,#536179)}
.eusep-v2 .inscription-etat > .inscription-etat__etiquette{flex-basis:100%}
.eusep-v2 .inscription-etat__montant strong{font-size:1.1rem}
.eusep-v2 .pastille{display:inline-block;padding:6px 14px;border-radius:999px;border:1px solid transparent;font-weight:600;font-size:1rem;line-height:1.3}
.eusep-v2 .pastille--payee{background:#e3f4e8;color:#14532d;border-color:#9bd3ad}
.eusep-v2 .pastille--non_payee,.eusep-v2 .pastille--echue{background:#fff1de;color:#7a3e00;border-color:#f0b877}
.eusep-v2 .pastille--remboursee,.eusep-v2 .pastille--dispensee{background:#eaf0fb;color:#10265a;border-color:#b5c6e6}
.eusep-v2 .tableau-paiements td.recus{white-space:normal}
.eusep-v2 .recu-bouton{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:4px 10px;margin:2px 4px 2px 0;border:1px solid var(--ds-couleur-trait,#dce3ee);border-radius:var(--ds-rayon-petit,5px);background:#fff;color:var(--ds-couleur-primaire,#183a8f);font-size:.9rem;text-decoration:none;cursor:pointer}
.eusep-v2 .recu-bouton:hover,.eusep-v2 .recu-bouton:focus-visible{background:var(--ds-couleur-info-fond,#eaf0fb)}
.eusep-v2 .inscription-icone{flex:none}
.eusep-v2 .inscription-cotisation [data-source]{font-size:.8rem;margin:6px 0 18px}
.eusep-v2 ul.inscription-documents{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.eusep-v2 .inscription-document{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;border:1px solid var(--ds-couleur-trait,#dce3ee);border-radius:var(--ds-rayon,8px)}
.eusep-v2 .inscription-document__nom{flex:1 1 14rem;min-width:0;overflow-wrap:anywhere}
.eusep-v2 .inscription-document form{margin:0}
@media (max-width: 720px){
  .eusep-v2 .tableau-paiements thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .eusep-v2 .tableau-paiements,.eusep-v2 .tableau-paiements tbody,.eusep-v2 .tableau-paiements tr,.eusep-v2 .tableau-paiements td{display:block;width:100%}
  .eusep-v2 .tableau-paiements tr{margin:0 0 12px;padding:8px 12px;border:1px solid var(--ds-couleur-trait,#dce3ee);border-radius:var(--ds-rayon,8px)}
  .eusep-v2 .tableau-paiements td{display:flex;justify-content:space-between;gap:12px;border:0;padding:4px 0;text-align:right}
  .eusep-v2 .tableau-paiements td::before{content:attr(data-label);font-weight:600;text-align:left;color:var(--ds-couleur-texte-doux,#536179)}
  .eusep-v2 .tableau-paiements td.recus{flex-wrap:wrap}
}

/* [ABC-4-109] « Comment ça marche ? » : section pleine largeur sous « Pourquoi adhérer ? » ; le schéma lui-même est dans styles/composants/processus.css. */
.eusep-v2 .inscription-presentation__corps{display:grid;gap:40px}
.eusep-v2 .inscription-presentation__corps h2{font-size:28px}