/* =========================================================
   Habillage « Ardoise » de la page des annonces (immo.html)
   Couche d'override : remappe palette, polices et navigation
   des composants existants vers le thème ardoise/argent.
   À charger APRÈS styles.css et vitrine.css.
   ========================================================= */

:root{
  --bg:#ECEFF0;
  --surface:#FFFFFF;
  --surface-2:#F4F6F7;
  --ink:#10171D;
  --ink-soft:#52616C;
  --ink-faint:#7E8A92;
  --line:#D9DEE0;
  --line-soft:#E6EAEC;
  --navy:#10171D;
  --navy-2:#0B0F13;
  --sea:#52616C;
  --gold:#1E2932;
  --gold-2:#10171D;
  --gold-soft:#C5CDD2;
  --white:#fff;
  --radius:2px;
  --shadow:0 1px 2px rgba(16,23,29,.05),0 14px 34px -18px rgba(16,23,29,.20);
  --shadow-lg:0 40px 90px -30px rgba(11,15,19,.5);
}

/* ---------- Typographie ardoise ---------- */
body{font-family:'Mulish',system-ui,sans-serif;color:var(--ink)}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;font-weight:500;letter-spacing:.005em}
.brand b,.results-head h2,.card-title,.price,.m-head h2,.m-price .big,.stat .n,
.specsgrid .cell .v,.frais-row.total,.empty h3{font-family:'Cormorant Garamond',serif !important;font-weight:600}
.eyebrow,.card-loc,.field-label,.badge-type,.badge-excl,.vt-btn,.share-btn,
.m-section-title,.dpe-chip,.m-loc,.count,.pill,.filter-toggle,.cta-b,
.apply-btn,.nav-cta,.main-nav a,footer.site h5{font-family:'Jost',sans-serif !important}

/* ---------- En-tête sombre façon ardoise ---------- */
header.site{background:rgba(11,15,19,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(197,205,210,.16)}
.brand b{color:#fff !important;font-size:19px;letter-spacing:.01em}
.brand span span{color:var(--gold-soft)}
.logo-img{background:transparent;object-fit:contain;padding:0;box-shadow:none;border-radius:6px}
.main-nav a{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(233,236,238,.82)}
.main-nav a:hover{color:#fff}
.main-nav a.active{color:#fff}
.main-nav a.active::after{background:var(--gold-soft);height:1px}
.nav-cta{background:transparent;border:1px solid rgba(197,205,210,.5);color:#fff;border-radius:999px;
  text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:400}
.nav-cta:hover{background:rgba(255,255,255,.06);border-color:var(--gold-soft);color:#fff;transform:none}

/* ---------- Héros annonces ---------- */
.hero h1{font-family:'Cormorant Garamond',serif !important;font-weight:500}
.hero h1 em{font-style:italic;color:var(--gold-soft)}
.eyebrow{color:var(--gold-soft);letter-spacing:.3em}
.hero .contour [stroke]{stroke:rgba(197,205,210,.12) !important}
.stat .n{color:#fff}
.stat .l{color:var(--gold-soft)}

/* ---------- Coins nets + accents ardoise/argent ---------- */
.pill,.vt-btn,.dpe-tog,.filter-toggle,select.ctl,.card,.card-media,.badge-type,
.badge-excl,.share-btn,.apply-btn,.cta-b,.modal,.frais,.m-cta,.dpe-chip,
.controls-inner,.m-cta,.feat span{border-radius:2px !important}
.fav-btn{border-radius:50% !important}

.pill.active{background:var(--gold);border-color:var(--gold);color:#fff}
.pill:hover{border-color:var(--gold)}
.vt-btn.on{background:var(--gold);border-color:var(--gold);color:#fff}
.vt-btn:hover{border-color:var(--gold)}
.cta-b.gold,.apply-btn{background:var(--gold);color:#fff;letter-spacing:.12em;text-transform:uppercase}
.cta-b.gold:hover,.apply-btn:hover{background:var(--gold-2)}
.fcount,.vt-btn .vcount{background:var(--gold);color:#fff}
.results-head h2::after{background:var(--gold-soft)}
.card-loc{color:var(--bleugris,#52616C);letter-spacing:.12em}
.badge-type{background:rgba(11,15,19,.82);text-transform:uppercase;letter-spacing:.1em;font-size:10px}
.badge-excl{background:var(--gold);color:#fff;text-transform:uppercase;letter-spacing:.08em}
.share-btn:hover{border-color:var(--gold)}
.dpe-tog{letter-spacing:0}

/* Fiche : titres en Cormorant, accents argent */
.m-section-title{color:var(--ink-soft);letter-spacing:.2em}
.m-loc{color:var(--ink-soft)}
.frais>summary{letter-spacing:.04em}

/* Pied de page sombre cohérent */
footer.site{background:var(--navy-2)}
footer.site h5{color:var(--gold-soft);letter-spacing:.2em}

/* Mobile : aucun défilement horizontal */
html,body{overflow-x:clip}