/* =====================================================================
   Marsault Property Management -- pages legales
   (mentions legales, politique de confidentialite, FR + EN).
   Charge apres /style.css (variables, polices, pied de page).
   ===================================================================== */

body.legal-page{background:var(--brume);}

/* ---- Barre du haut ------------------------------------------------ */
.legal-top{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:1.1rem 1.3rem;border-bottom:1px solid var(--brume-d);
  background:rgba(242,245,248,.94);
}
.legal-top .nav-logo{display:flex;align-items:center;gap:9px;text-decoration:none;}
.legal-top__right{display:flex;align-items:center;gap:1.1rem;}
.legal-top .lang-switch{display:flex;}
.legal-top a.back{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-decoration:none;}
.legal-top a.back:hover{color:var(--or);}
@media(max-width:479px){.legal-top a.back{display:none;}}

/* ---- Contenu ------------------------------------------------------ */
.legal{max-width:760px;margin:0 auto;padding:clamp(2.5rem,7vw,5rem) 1.3rem;}
.legal h1{
  font-family:'Cormorant Garamond',Georgia,serif;font-weight:300;
  font-size:clamp(2rem,5vw,2.8rem);color:var(--nuit-2);line-height:1.15;margin-bottom:.4rem;
}
.legal .updated{font-size:.72rem;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;margin-bottom:2.5rem;}
.legal .lead{font-size:1rem;color:var(--nuit-2);margin-bottom:2rem;}
.legal h2{
  font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;
  font-size:1.35rem;color:var(--nuit-2);margin:2.4rem 0 .7rem;
}
.legal h2:first-of-type{margin-top:0;}
.legal h3{font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--nuit-2);margin:1.4rem 0 .4rem;}
.legal p,.legal li{font-size:.9rem;font-weight:300;line-height:1.85;color:var(--ink-soft);}
.legal p{margin-bottom:.7rem;}
.legal ul{list-style:none;padding:0;margin:.3rem 0 .9rem;}
.legal li{padding-left:1rem;position:relative;}
.legal li::before{content:'';position:absolute;left:0;top:.85em;width:6px;height:1px;background:var(--or);}
.legal a{color:var(--mer);overflow-wrap:anywhere;}
.legal strong{color:var(--nuit-2);font-weight:500;}

/* Informations manquantes ou a verifier (entre crochets) : bien visibles */
.legal .todo{background:var(--or-pale);color:var(--nuit-2);padding:0 .2em;border-radius:2px;}

/* Avertissement de la version anglaise */
.legal .translation-note{
  font-size:.82rem;color:var(--nuit-2);background:var(--or-pale);
  border-left:2px solid var(--or);padding:.7rem .9rem;margin:0 0 2.2rem;
}

/* Tableau finalites / fondements : une carte par ligne sur mobile */
.legal-table{width:100%;border-collapse:collapse;margin:.6rem 0 1.2rem;background:var(--blanc);}
.legal-table th,.legal-table td{padding:.7rem .8rem;border-bottom:1px solid var(--brume-d);text-align:left;vertical-align:top;
  font-size:.86rem;font-weight:300;line-height:1.6;color:var(--ink-soft);}
.legal-table thead th{font-size:.68rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--nuit-2);background:var(--brume);}
@media(max-width:640px){
  .legal-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}
  .legal-table,.legal-table tbody,.legal-table tr,.legal-table td{display:block;width:100%;}
  .legal-table{background:transparent;}
  .legal-table tr{background:var(--blanc);border:1px solid var(--brume-d);margin-bottom:.7rem;padding:.3rem 0;}
  .legal-table td{border-bottom:none;padding:.35rem .8rem;}
  .legal-table td::before{content:attr(data-label);display:block;font-size:.62rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--or);}
}

.legal .divider{width:38px;height:1.5px;background:var(--or);margin:2.6rem 0;}
.legal .contact-note{font-size:.8rem;}