/* La page publique « Résilier votre contrat » (public/resilier.html), par-dessus
   lumiere.css et legal.css. Jour et nuit par les jetons de lumiere.css. */

.resilier{max-width:640px;margin:0 0 28px}
.resilier h2{margin:0 0 10px;font-size:1.25rem}
.resilier-etape > p{margin:0 0 16px}
.resilier-etape[hidden]{display:none}
.resilier-etape h2:focus{outline:none}
.resilier .reponse{margin:0 0 16px}
.resilier .reponse[hidden]{display:none}
.resilier .champ .mention{margin-top:-2px}

.resilier-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}

.resilier-recap{margin:0 0 18px;padding:0}
.resilier-recap > div{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid var(--trait)}
.resilier-recap dt{font:400 11.5px/1.5 var(--f-technique);letter-spacing:.06em;text-transform:uppercase;color:var(--texte-faible)}
.resilier-recap dd{margin:0;text-align:right;color:var(--texte)}

.resilier-quand{margin:0 0 18px;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.resilier-quand legend{padding:0;margin:0 0 9px;font:400 11.5px/1.5 var(--f-technique);letter-spacing:.06em;text-transform:uppercase;color:var(--texte-faible)}
.resilier-quand[hidden]{display:none}
.resilier-option{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border:1px solid var(--trait);border-radius:var(--r-bloc);background:var(--fond-creux);cursor:pointer}
.resilier-option:has(input:checked){border-color:var(--accent);background:var(--surface)}
.resilier-option input{margin-top:4px;accent-color:var(--accent)}
.resilier-option > span{display:flex;flex-direction:column;gap:4px}
.resilier-option strong{font-weight:500;color:var(--texte)}
.resilier-option > span > span{font-size:.88rem;line-height:1.5;color:var(--texte-doux)}

.resilier-calcul{width:100%;border-collapse:collapse;margin:0 0 8px;font-variant-numeric:tabular-nums}
.resilier-calcul th,.resilier-calcul td{padding:10px 0;border-bottom:1px solid var(--trait);vertical-align:baseline}
.resilier-calcul th{text-align:left;font-weight:400;color:var(--texte-doux);padding-right:16px}
.resilier-calcul td{text-align:right;white-space:nowrap;font:400 14px/1.4 var(--f-technique)}
.resilier-calcul .resilier-total th{color:var(--texte);font-weight:500}
.resilier-calcul .resilier-total td{color:var(--accent);font-size:1.05rem;border-bottom:0}
#calcul{margin:0 0 14px}
#calcul:empty{display:none}
#sort-coffre{margin:0 0 18px}

.resilier-pied{max-width:640px;margin:0 0 64px}

@media (max-width:640px){
  .resilier-quand{grid-template-columns:1fr}
  .resilier-recap > div{flex-direction:column;gap:2px}
  .resilier-recap dd{text-align:left}
  .resilier-calcul td{white-space:normal}
}