/* [PARCOURS MANDAT — 02.08.2026] Feuille propre a la page du mandat.
   Elle se pose APRES charte.css, qui n est pas modifiee : les autres pages
   du site gardent exactement l apparence qu elles ont aujourd hui. */

/* ============ [PARCOURS MANDAT — 02.08.2026] CHARTE ENCRE / OR ============
   Encre #1B211F : titres, textes, boutons pleins.
   Or #97743C : uniquement des filets fins.
   Creme #F7F5EF : le fond des pages et des sections. Blanc : les cartes.
   Aucun bleu, aucun vert, aucun aplat colore, aucun degrade, aucune ombre.
   Ces regles passent APRES la vieille bibliotheque Metro (css/onecontact.css),
   qu on ne modifie pas : elle vit en production. */
:root{
  --accent:#1B211F; --accent-h:#000000; --accent-soft:#F7F5EF;
  --ink:#1B211F; --ink-soft:#5B6472; --paper:#FFFFFF;
  --panel:#F7F5EF; --line:#E3E0D8; --or:#97743C;
}
html,body{background:#F7F5EF!important;color:#1B211F;}
h1,h2,h3,h4,h5,h6,.title,.mp-donne-t,.mp-recap-t,.mp-suite-t,.et-t{
  font-family:'Spectral',serif!important;color:#1B211F!important;}
body,p,li,td,th,span,div,label,input,select,textarea,button,a{
  font-family:'Inter',sans-serif;}
*{box-shadow:none!important;text-shadow:none!important;background-image:none!important;}
.box4,.panel,.dlg-in{background:#FFFFFF!important;}

/* ---- Les bleus de la vieille bibliotheque, eteints un par un ---- */
.panel>.heading{background-color:#1B211F!important;color:#fff!important;}
.panel>.heading .title{color:#fff!important;}
.panel>.content{background-color:#FFFFFF!important;}
.large-button{background-color:#1B211F!important;color:#fff!important;
  border:1px solid #1B211F!important;border-radius:8px!important;}
.large-button:hover{background-color:#000!important;border-color:#000!important;}
.bg-lightGreen,.bg-green,.bg-darkGreen,.bg-teal,.bg-lightBlue,.bg-blue,.bg-cyan{
  background-color:#1B211F!important;color:#fff!important;}
.fg-lightGreen,.fg-green,.fg-lightBlue,.fg-blue,.fg-teal{color:#1B211F!important;}
.switch input:checked~.check{background-color:#1B211F!important;}
.dialog.success{background-color:#1B211F!important;}
.dialog.success .dialog-close-button{color:#1B211F!important;}
.pagination>.item.active,.pagination>.item.current{background-color:#1B211F!important;}
.accordion>.frame>.heading:before{border-bottom-color:#97743C!important;}
.accordion>.frame.active>.heading:before{border-bottom-color:#97743C!important;}
a{color:#1B211F;}
a:hover{color:#000;}

/* ---- Boutons : UN seul plein par ecran, les autres blancs bordes d encre ---- */
.button,.btn,.btn.btn-primary,.et-opt,.et-puce,.et-carte{
  background:#FFFFFF!important;color:#1B211F!important;
  border:1px solid #1B211F!important;border-radius:8px!important;}
.button:hover,.btn.btn-primary:hover{background:#F7F5EF!important;}
.btn.btn-success,.et-suivant,.btn-mandat{
  background:#1B211F!important;color:#FFFFFF!important;
  border:1px solid #1B211F!important;border-radius:8px!important;}
.btn.btn-success:hover,.et-suivant:hover,.btn-mandat:hover{
  background:#000!important;border-color:#000!important;color:#fff!important;}
.large-button[disabled],.btn[disabled],.et-suivant[disabled]{
  background:#FFFFFF!important;color:#9AA0A6!important;border-color:#D7D3C8!important;
  cursor:not-allowed!important;opacity:1!important;}

/* ---- Plus une seule pastille de couleur ---- */
.choix-tag,.facultatif{background:none!important;background-color:transparent!important;
  border:none!important;color:#5B6472!important;font-weight:400!important;
  font-size:13px!important;padding:0!important;margin-left:.4rem!important;
  text-transform:none!important;}

/* ---- L or : des filets, rien d autre ---- */
.mandat-prix,.mp-recap,.mp-suite,.mandat-rappel,.et-paiement,.et-recap,.et-alerte,
.bloc-financier,.minima{border:1px solid rgba(151,116,60,.55)!important;}
.mp-donne{background:#F7F5EF!important;border-top:1px solid rgba(151,116,60,.4)!important;
  border-bottom:1px solid rgba(151,116,60,.4)!important;}
.mp-combien{color:#1B211F!important;}

/* ==================== LE PARCOURS EN 5 ETAPES ==================== */
#etapes{background:#fff;}
.et-fil{display:flex;flex-wrap:wrap;gap:.35rem 1.4rem;list-style:none;margin:1.5rem 0 1.75rem;
  padding:0 0 .9rem;border-bottom:1px solid rgba(151,116,60,.45);}
.et-pas{display:flex;align-items:center;gap:.5rem;font-size:13.5px;color:#9AA0A6;}
.et-pas span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;
  border-radius:50%;border:1px solid #D7D3C8;font-size:12.5px;font-weight:600;}
.et-pas.actif{color:#1B211F;font-weight:600;}
.et-pas.actif span{border-color:#1B211F;background:#1B211F;color:#fff;}
.et-pas.fait{color:#5B6472;}
.et-pas.fait span{border-color:#97743C;color:#97743C;}
.et-t{font-size:clamp(22px,3vw,28px);margin:0 0 1.5rem;}
.et-champ{margin:0 0 1.6rem;}
.et-q{display:block;font-size:15.5px;font-weight:600;color:#1B211F;margin:0 0 .6rem;}
.et-aide{font-size:13.5px;color:#5B6472;margin:-.35rem 0 .6rem;}
.et-choix{display:flex;gap:.7rem;flex-wrap:wrap;}
.et-opt{min-height:46px;padding:0 1.4rem;font-size:15.5px;font-weight:600;cursor:pointer;}
.et-opt.choisi,.et-puce.choisi{background:#1B211F!important;color:#fff!important;}
.et-puces{display:flex;flex-wrap:wrap;gap:.5rem;}
.et-puce{min-width:3.2rem;min-height:44px;padding:0 .85rem;border-radius:999px!important;
  font-size:15px;font-weight:600;cursor:pointer;}
.et-montant{display:flex;align-items:center;gap:.6rem;max-width:15rem;}
.et-montant input{flex:1;font-size:18px;padding:.55rem .7rem;border:1px solid #D7D3C8;border-radius:8px;}
.et-chf{font-weight:600;color:#5B6472;}
.et-alerte{background:#F7F5EF;border-radius:10px;padding:.8rem 1rem;font-size:14.5px;
  line-height:1.55;max-width:40rem;margin:.9rem 0 0;}
.et-erreur{color:#8A2A1E;font-size:14px;margin:.6rem 0 0;}
.et-lieux{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));gap:.3rem .9rem;max-width:46rem;}
.et-lieu{display:flex;align-items:center;gap:.5rem;min-height:38px;font-size:15px;font-weight:400;cursor:pointer;}
.et-lieu input{width:1.05rem;height:1.05rem;accent-color:#1B211F;}
#et-tel,#et-mail{width:100%;max-width:24rem;font-size:16px;padding:.6rem .75rem;
  border:1px solid #D7D3C8;border-radius:8px;}
.et-suivant{display:inline-flex;align-items:center;justify-content:center;min-height:48px;
  padding:0 1.6rem;font-size:15.5px;font-weight:600;cursor:pointer;margin-top:.5rem;}
.et-retour{margin:1.1rem 0 0;font-size:14px;}
.et-retour a{color:#5B6472;text-decoration:underline;text-underline-offset:3px;}
.et-deux{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:42rem;}
.et-carte{display:flex;flex-direction:column;gap:.5rem;text-align:left;padding:1.3rem 1.35rem;cursor:pointer;}
.et-carte:hover{background:#F7F5EF!important;}
.et-c-t{font-family:'Spectral',serif;font-size:18.5px;font-weight:600;}
.et-c-d{font-size:14px;line-height:1.5;font-weight:400;}
.et-details{margin:1.5rem 0 0;border-top:1px solid rgba(151,116,60,.45);padding-top:1rem;max-width:46rem;}
.et-details summary{cursor:pointer;font-size:15px;font-weight:600;}
.et-details p{font-size:13.5px;line-height:1.65;color:#5B6472;margin:.7rem 0 0;}
.et-recap{background:#F7F5EF;padding:.7rem 1rem;font-size:14.5px;margin:0 0 1.25rem;}
.et-recap a{font-weight:600;text-decoration:underline;text-underline-offset:3px;}
.et-source{display:block;font-size:12px;line-height:1.4;margin-top:.25rem;color:#5B6472;}
.et-source.depuis-docs{color:#97743C;}
.et-source.a-faire{color:#9AA0A6;font-style:italic;}
.et-paiement{border-radius:12px;padding:1.1rem 1.25rem;margin:0 0 1.25rem;background:#fff;}
.et-p-t{font-family:'Spectral',serif;font-size:17.5px;font-weight:600;margin-bottom:.8rem;}
.et-p-moyens{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem;}
.et-p-moyens li{display:flex;gap:.9rem;font-size:15px;line-height:1.5;}
.et-p-moyens b{flex:0 0 5.5rem;font-weight:600;}
.et-p-moyens em{font-style:normal;font-size:13px;color:#5B6472;}
.et-p-n{font-size:13.5px;color:#5B6472;margin:.9rem 0 0;padding-top:.8rem;
  border-top:1px solid rgba(151,116,60,.4);}
.ligne-conditions{margin:1.25rem 0;}
.ligne-conditions label{display:flex;align-items:flex-start;gap:.6rem;font-size:15px;
  line-height:1.5;cursor:pointer;font-weight:400;}
.ligne-conditions input{margin-top:.2rem;width:1.15rem;height:1.15rem;accent-color:#1B211F;}
.conf-verbatim{font-size:13px;line-height:1.6;color:#5B6472;margin:.9rem 0;max-width:62ch;}
#mandat-form{display:flex;flex-direction:column;}
#mandat-form.docs-abord .documents{order:-1;}
@media screen and (max-width:640px){
  .et-deux{grid-template-columns:1fr;}
  .et-lieux{grid-template-columns:1fr 1fr;}
  .et-fil{gap:.3rem .8rem;font-size:12.5px;}
}


/* --- [ESSAI v3 EPURE] L etape 3 : la zone de depot et ses deux issues. --- */
.et-docs-actions{display:flex;gap:.9rem;flex-wrap:wrap;margin-top:1.4rem;align-items:center;}
.et-passer{display:inline-flex;align-items:center;justify-content:center;min-height:48px;
  padding:0 1.4rem;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;
  background:#FFFFFF;color:#1B211F;border:1px solid #1B211F;}
.et-passer:hover{background:#F7F5EF;}
#et-depot-hote .section.documents{border:none;padding:0;margin:0;}
#et-depot-hote .hint{font-size:13.5px;color:#5B6472;margin:0 0 .8rem;}
#et-depot-hote .upload-area{border:2px dashed rgba(151,116,60,.55)!important;border-radius:12px;
  background:#F7F5EF;padding:2rem 1.25rem;text-align:center;cursor:pointer;}
#et-depot-hote .upload-area:hover{border-color:#1B211F!important;}
#et-depot-hote .analyze-row{margin-top:1rem;display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;}
/* les deux boutons herites : encre, jamais bleu ni vert */
#btn-browse,#btn-analyze,#btn-guarantor-browse,#btn-guarantor-analyze{
  background:#1B211F!important;color:#FFFFFF!important;border:1px solid #1B211F!important;
  border-radius:8px!important;min-height:44px;padding:0 1.2rem;font-weight:600;}
#btn-browse:hover,#btn-analyze:hover{background:#000!important;border-color:#000!important;}
#mandat .spinner{border-top-color:#1B211F!important;}

/* Une regle de la vieille bibliotheque ecrasait l attribut hidden : on
   retablit le sens normal — ce qui est cache est cache. */
[hidden]{display:none!important;}