/* =========================================================
   GII, Gestion Immobiliere en Israel
   Feuille principale. Mobile first, zero dependance.
   ========================================================= */

/* ---------- Polices auto-hebergees ---------- */
@font-face{
  font-family:'Playfair Display';
  src:url('../fonts/playfairdisplay.woff2') format('woff2-variations'),
      url('../fonts/playfairdisplay.woff2') format('woff2');
  font-weight:400 700;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Inter';
  src:url('../fonts/inter.woff2') format('woff2-variations'),
      url('../fonts/inter.woff2') format('woff2');
  font-weight:100 900;font-style:normal;font-display:swap;
}

/* ---------- Jetons ---------- */
:root{
  --navy:#002254;
  --navy-fonce:#001730;
  --navy-moyen:#0b3a78;
  --navy-pale:#e8eef7;
  --navy-brume:#f4f7fb;
  --or:#b08d4f;
  --or-clair:#d9c093;
  --or-pale:#f6efe2;
  --texte:#18202c;
  --gris:#5a6575;
  --gris-clair:#8a94a3;
  --ligne:#e3e8ef;
  --blanc:#fff;
  --vert-wa:#25d366;

  --serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;

  --large:1180px;
  --etroit:760px;
  --r:3px;
  --ombre:0 1px 2px rgba(0,34,84,.05),0 8px 24px -12px rgba(0,34,84,.18);
  --ombre-forte:0 2px 4px rgba(0,34,84,.06),0 18px 40px -18px rgba(0,34,84,.28);
}

/* ---------- Base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;font-family:var(--sans);font-size:17px;line-height:1.65;
  color:var(--texte);background:var(--blanc);
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  overflow-wrap:break-word;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--navy);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--navy-moyen)}
h1,h2,h3,h4{font-family:var(--serif);font-weight:600;line-height:1.18;color:var(--navy);margin:0 0 .6em}
h1{font-size:clamp(2rem,1.35rem + 2.6vw,3.35rem);letter-spacing:-.01em}
h2{font-size:clamp(1.55rem,1.2rem + 1.5vw,2.35rem)}
h3{font-size:clamp(1.15rem,1.05rem + .45vw,1.4rem)}
h4{font-size:1.05rem}
p{margin:0 0 1.1em}
ul,ol{margin:0 0 1.2em;padding-left:1.25em}
li{margin-bottom:.5em}
strong{font-weight:600;color:var(--navy)}
hr{border:0;border-top:1px solid var(--ligne);margin:2.5rem 0}
::selection{background:var(--navy);color:#fff}
:focus-visible{outline:2px solid var(--or);outline-offset:3px}

/* ---------- Utilitaires ---------- */
.conteneur{width:100%;max-width:var(--large);margin:0 auto;padding:0 20px}
.conteneur--etroit{max-width:var(--etroit)}
.section{padding:clamp(3rem,2rem + 4vw,5.5rem) 0}
.section--pale{background:var(--navy-brume)}
.section--navy{background:var(--navy);color:#dbe4f1}
.section--navy h2,.section--navy h3{color:#fff}
.section--serre{padding:clamp(2.2rem,1.6rem + 2vw,3.4rem) 0}
.centre{text-align:center}
.lede{font-size:clamp(1.05rem,1rem + .4vw,1.22rem);color:var(--gris);line-height:1.6}
.section--navy .lede{color:#b9c8de}
.oeil{
  display:inline-block;font-family:var(--sans);font-size:.72rem;font-weight:600;
  letter-spacing:.16em;text-transform:uppercase;color:var(--or);margin-bottom:.9rem;
}
.section--navy .oeil{color:var(--or-clair)}
.filet{width:52px;height:2px;background:var(--or);border:0;margin:0 0 1.4rem}
.centre .filet{margin-left:auto;margin-right:auto}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sautlien{position:absolute;left:8px;top:-120px;background:#fff;color:var(--navy);padding:.7rem 1rem;z-index:200;transition:top .15s}
.sautlien:focus{top:8px}

/* ---------- Boutons ---------- */
.bouton{
  display:inline-flex;align-items:center;justify-content:center;gap:.55rem;
  font-family:var(--sans);font-size:.95rem;font-weight:600;letter-spacing:.01em;
  padding:.92rem 1.6rem;border-radius:var(--r);border:1px solid var(--navy);
  background:var(--navy);color:#fff;text-decoration:none;cursor:pointer;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease;
}
.bouton:hover{background:var(--navy-moyen);border-color:var(--navy-moyen);color:#fff;transform:translateY(-1px)}
.bouton--fantome{background:transparent;color:var(--navy)}
.bouton--fantome:hover{background:var(--navy);color:#fff}
.bouton--clair{background:#fff;border-color:#fff;color:var(--navy)}
.bouton--clair:hover{background:var(--or-pale);border-color:var(--or-pale);color:var(--navy)}
.bouton--contour-clair{background:transparent;border-color:rgba(255,255,255,.45);color:#fff}
.bouton--contour-clair:hover{background:rgba(255,255,255,.12);border-color:#fff;color:#fff}
.bouton--wa{background:var(--vert-wa);border-color:var(--vert-wa);color:#04331a}
.bouton--wa:hover{background:#1eb85a;border-color:#1eb85a;color:#04331a}
.bouton--petit{padding:.6rem 1.05rem;font-size:.85rem}
.boutons{display:flex;flex-wrap:wrap;gap:.8rem}
.centre .boutons{justify-content:center}

/* ---------- Entete ---------- */
.barre-haute{background:var(--navy-fonce);color:#c3d0e4;font-size:.82rem}
.barre-haute .conteneur{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:38px}
.barre-haute a{color:#e4ebf6;text-decoration:none;white-space:nowrap}
.barre-haute a:hover{color:#fff;text-decoration:underline}
.barre-haute__tels{display:flex;gap:1.4rem;align-items:center}
.barre-haute__lieu{color:#93a5c0;display:none}
@media(min-width:820px){.barre-haute__lieu{display:block}}

.entete{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.97);border-bottom:1px solid var(--ligne);backdrop-filter:saturate(1.4) blur(6px)}
.entete .conteneur{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:70px}
.marque{display:flex;align-items:center;gap:.66rem;text-decoration:none;flex:0 0 auto}
.marque img{width:46px;height:46px}
.marque__texte{display:flex;flex-direction:column;line-height:1.1}
.marque__texte b{font-family:var(--serif);font-size:1.5rem;font-weight:600;color:var(--navy);letter-spacing:.03em}
.marque__texte small{font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;color:var(--gris);font-weight:500;margin-top:.14rem}
@media(max-width:520px){.marque img{width:52px;height:52px}.marque__texte{display:none}}
@media(max-width:520px){.barre-haute{font-size:.76rem}.barre-haute__tels{gap:.9rem}}
.nav{display:none}
@media(min-width:1080px){
  .nav{display:flex;align-items:center;gap:1.15rem}
  .entete .conteneur{min-height:80px}
}
.nav a{
  font-size:.9rem;font-weight:500;color:var(--texte);text-decoration:none;padding:.35rem 0;
  border-bottom:2px solid transparent;transition:color .15s,border-color .15s;white-space:nowrap;
}
.nav a:hover{color:var(--navy)}
.nav a[aria-current="page"]{color:var(--navy);border-bottom-color:var(--or)}
.entete__actions{display:flex;align-items:center;gap:.6rem}
.entete__cta{display:none}
@media(min-width:640px){.entete__cta{display:inline-flex}}

.burger{
  display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;
  background:none;border:1px solid var(--ligne);border-radius:var(--r);cursor:pointer;color:var(--navy);
}
@media(min-width:1080px){.burger{display:none}}
.menu-mobile{display:none;border-top:1px solid var(--ligne);background:#fff}
.menu-mobile.ouvert{display:block}
.menu-mobile ul{list-style:none;margin:0;padding:.5rem 0}
.menu-mobile li{margin:0}
.menu-mobile a{display:block;padding:.85rem 20px;font-weight:500;color:var(--texte);text-decoration:none;border-bottom:1px solid var(--navy-brume)}
.menu-mobile a:hover,.menu-mobile a[aria-current="page"]{background:var(--navy-brume);color:var(--navy)}
.menu-mobile__pied{padding:1rem 20px 1.4rem;display:flex;flex-direction:column;gap:.6rem}

/* ---------- Heros ---------- */
.hero{position:relative;background:var(--navy-fonce);color:#fff;overflow:hidden}
.hero__fond{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}
.hero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(0,23,48,.92) 0%,rgba(0,28,66,.80) 38%,rgba(0,34,84,.42) 72%,rgba(0,34,84,.22) 100%);
}
.hero__contenu{position:relative;z-index:2;padding:clamp(3.2rem,2rem + 7vw,6.5rem) 0 clamp(2.6rem,2rem + 4vw,4.6rem);max-width:720px}
.hero h1{color:#fff;margin-bottom:1rem}
.hero__sous{font-size:clamp(1.05rem,1rem + .5vw,1.28rem);color:#d3ddec;margin-bottom:1.8rem;max-width:36em}
.hero__points{list-style:none;padding:0;margin:2.2rem 0 0;display:grid;gap:.7rem}
.hero__points li{display:flex;gap:.65rem;align-items:flex-start;color:#e3eaf5;font-size:.98rem;margin:0}
.hero__points svg{flex:0 0 auto;margin-top:.28rem;color:var(--or-clair)}
@media(min-width:760px){.hero__points{grid-template-columns:repeat(3,1fr);gap:1.2rem}}

.hero-page{background:var(--navy);color:#fff;position:relative;overflow:hidden}
.hero-page::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(760px 300px at 88% -12%,rgba(176,141,79,.26),transparent 62%);
}
.hero-page__contenu{position:relative;z-index:2;padding:clamp(2.6rem,2rem + 3.4vw,4.4rem) 0;max-width:760px}
.hero-page h1{color:#fff}
.hero-page .lede{color:#c5d2e5}

/* ---------- Fil d'ariane ---------- */
.ariane{font-size:.82rem;color:var(--gris-clair);padding:.9rem 0;border-bottom:1px solid var(--ligne)}
.ariane a{color:var(--gris);text-decoration:none}
.ariane a:hover{color:var(--navy);text-decoration:underline}
.ariane span{margin:0 .45rem;color:var(--ligne)}

/* ---------- Bandeau confiance ---------- */
.confiance{border-bottom:1px solid var(--ligne);background:#fff}
.confiance__grille{display:grid;grid-template-columns:1fr;gap:1px;background:var(--ligne)}
@media(min-width:560px){.confiance__grille{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.confiance__grille{grid-template-columns:repeat(4,1fr)}}
.confiance__item{background:#fff;padding:1.5rem 1.2rem;display:flex;gap:.85rem;align-items:flex-start}
.confiance__item svg{flex:0 0 auto;color:var(--or);margin-top:.15rem}
.confiance__item b{display:block;font-family:var(--serif);font-size:1.02rem;color:var(--navy);font-weight:600;line-height:1.3}
.confiance__item span{font-size:.87rem;color:var(--gris);line-height:1.45}

/* ---------- Grilles et cartes ---------- */
.grille{display:grid;gap:1.5rem}
.grille--2{grid-template-columns:1fr}
.grille--3{grid-template-columns:1fr}
.grille--4{grid-template-columns:1fr}
@media(min-width:700px){
  .grille--2{grid-template-columns:repeat(2,1fr)}
  .grille--3{grid-template-columns:repeat(2,1fr)}
  .grille--4{grid-template-columns:repeat(2,1fr)}
}
@media(min-width:1000px){
  .grille--3{grid-template-columns:repeat(3,1fr)}
  .grille--4{grid-template-columns:repeat(4,1fr)}
}
.carte{background:#fff;border:1px solid var(--ligne);border-radius:var(--r);padding:1.9rem 1.7rem;transition:box-shadow .2s,transform .2s,border-color .2s}
.carte:hover{box-shadow:var(--ombre);border-color:#cfd9e6;transform:translateY(-2px)}
.carte h3{margin-bottom:.55rem}
.carte p:last-child{margin-bottom:0}
.carte__icone{
  width:52px;height:52px;border-radius:50%;background:var(--navy-pale);color:var(--navy);
  display:flex;align-items:center;justify-content:center;margin-bottom:1.15rem;
}
.carte--navy{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.16);color:#cfdaea}
.carte--navy:hover{border-color:rgba(216,190,138,.5);box-shadow:none}
.carte--navy .carte__icone{background:rgba(216,190,138,.14);color:var(--or-clair)}
.carte__liste{list-style:none;padding:0;margin:1rem 0 0}
.carte__liste li{position:relative;padding-left:1.4rem;font-size:.94rem;color:var(--gris);margin-bottom:.45rem}
.carte__liste li::before{content:"";position:absolute;left:0;top:.62em;width:6px;height:6px;background:var(--or);border-radius:50%}
.carte--navy .carte__liste li{color:#c2cfe2}

/* ---------- Duo texte + image ---------- */
.duo{display:grid;gap:2.2rem;align-items:center}
@media(min-width:900px){
  .duo{grid-template-columns:1.05fr .95fr;gap:3.4rem}
  .duo--inverse .duo__media{order:-1}
}
.duo__media img{border-radius:var(--r);box-shadow:var(--ombre-forte)}
.duo__media figcaption{font-size:.78rem;color:var(--gris-clair);margin-top:.6rem}

/* ---------- Etapes ---------- */
.etapes{counter-reset:etape;display:grid;gap:1.6rem}
@media(min-width:820px){.etapes{grid-template-columns:repeat(4,1fr);gap:1.4rem}}
.etape{position:relative;padding-top:1.9rem;border-top:2px solid var(--ligne)}
.etape::before{
  counter-increment:etape;content:counter(etape);
  position:absolute;top:-.9rem;left:0;background:#fff;padding-right:.7rem;
  font-family:var(--serif);font-size:1.65rem;font-weight:600;color:var(--or);line-height:1;
}
.section--pale .etape::before{background:var(--navy-brume)}
.etape h3{font-size:1.08rem;margin-bottom:.4rem}
.etape p{font-size:.93rem;color:var(--gris);margin:0}

/* ---------- Encart tarif ---------- */
.tarif{
  background:#fff;border:1px solid var(--ligne);border-top:3px solid var(--or);
  border-radius:var(--r);padding:2.2rem 1.9rem;box-shadow:var(--ombre);
}
.tarif__prix{font-family:var(--serif);font-size:clamp(1.7rem,1.3rem + 1.6vw,2.5rem);color:var(--navy);line-height:1.15;margin:0 0 .35rem}
.tarif__prix small{display:block;font-family:var(--sans);font-size:.82rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--or);margin-bottom:.5rem}
.tarif__note{font-size:.9rem;color:var(--gris);margin:0}
.inclus{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;gap:.7rem}
@media(min-width:700px){.inclus{grid-template-columns:repeat(2,1fr);gap:.7rem 1.6rem}}
.inclus li{display:flex;gap:.6rem;align-items:flex-start;font-size:.95rem;margin:0}
.inclus svg{flex:0 0 auto;margin-top:.22rem;color:var(--or)}

/* ---------- FAQ ---------- */
.faq{border-top:1px solid var(--ligne)}
.faq details{border-bottom:1px solid var(--ligne);padding:0}
.faq summary{
  cursor:pointer;list-style:none;padding:1.25rem 2.6rem 1.25rem 0;position:relative;
  font-family:var(--serif);font-size:1.09rem;font-weight:600;color:var(--navy);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"";position:absolute;right:.55rem;top:1.65rem;width:10px;height:10px;
  border-right:2px solid var(--or);border-bottom:2px solid var(--or);
  transform:rotate(45deg);transition:transform .2s;
}
.faq details[open] summary::after{transform:rotate(-135deg);top:1.9rem}
.faq summary:hover{color:var(--navy-moyen)}
.faq__reponse{padding:0 2.6rem 1.4rem 0;color:var(--gris)}
.faq__reponse p:last-child,.faq__reponse ul:last-child{margin-bottom:0}

/* ---------- Zone d'intervention ---------- */
.villes{display:flex;flex-wrap:wrap;gap:.6rem;padding:0;margin:1.6rem 0 0;list-style:none}
.villes li{margin:0}
.villes span,.villes a{
  display:inline-block;padding:.45rem .95rem;border:1px solid var(--ligne);border-radius:999px;
  font-size:.88rem;color:var(--gris);background:#fff;text-decoration:none;
}
.villes a:hover{border-color:var(--navy);color:var(--navy)}

/* ---------- Bloc contact ---------- */
.contact-grille{display:grid;gap:2.4rem}
@media(min-width:900px){.contact-grille{grid-template-columns:.95fr 1.05fr;gap:3.2rem}}
.coord{list-style:none;padding:0;margin:0;display:grid;gap:1.35rem}
.coord li{display:flex;gap:.9rem;align-items:flex-start;margin:0}
.coord svg{flex:0 0 auto;color:var(--or);margin-top:.2rem}
.coord b{display:block;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gris-clair);font-weight:600;margin-bottom:.15rem}
.coord a{color:var(--navy);font-weight:500;text-decoration:none;font-size:1.02rem}
.coord a:hover{text-decoration:underline}

/* ---------- Formulaire ---------- */
.form{background:#fff;border:1px solid var(--ligne);border-radius:var(--r);padding:1.9rem 1.7rem;box-shadow:var(--ombre)}
.form__ligne{margin-bottom:1.1rem}
.form__ligne--duo{display:grid;gap:1.1rem}
@media(min-width:620px){.form__ligne--duo{grid-template-columns:1fr 1fr}}
.form label{display:block;font-size:.88rem;font-weight:600;color:var(--navy);margin-bottom:.35rem}
.form input,.form select,.form textarea{
  width:100%;font-family:var(--sans);font-size:1rem;color:var(--texte);
  padding:.78rem .9rem;border:1px solid var(--ligne);border-radius:var(--r);background:#fff;
  transition:border-color .15s,box-shadow .15s;
}
.form input:focus,.form select:focus,.form textarea:focus{
  outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(0,34,84,.1);
}
.form textarea{min-height:120px;resize:vertical}
.form__aide{font-size:.82rem;color:var(--gris-clair);margin:.4rem 0 0}
.form__pot{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.form .bouton{width:100%}
.avis{padding:1rem 1.15rem;border-radius:var(--r);margin-bottom:1.4rem;font-size:.94rem}
.avis--ok{background:#e9f7ee;border:1px solid #bce3c9;color:#17532f}
.avis--ko{background:#fdecec;border:1px solid #f3c4c4;color:#7a2020}

/* ---------- Appel final ---------- */
.appel{background:var(--navy);color:#fff;border-radius:var(--r);padding:clamp(2.2rem,1.6rem + 3vw,3.4rem);text-align:center;position:relative;overflow:hidden}
.appel::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 240px at 50% -30%,rgba(176,141,79,.32),transparent 65%)}
.appel > *{position:relative;z-index:2}
.appel h2{color:#fff;margin-bottom:.7rem}
.appel p{color:#c5d2e5;max-width:44em;margin:0 auto 1.7rem}

/* ---------- Blog ---------- */
.articles{display:grid;gap:1.8rem}
@media(min-width:760px){.articles{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1040px){.articles{grid-template-columns:repeat(3,1fr)}}
.article-carte{background:#fff;border:1px solid var(--ligne);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.article-carte:hover{box-shadow:var(--ombre);transform:translateY(-2px)}
.article-carte img{aspect-ratio:16/9;object-fit:cover;width:100%}
.article-carte__corps{padding:1.4rem 1.4rem 1.6rem;display:flex;flex-direction:column;flex:1}
.article-carte h3{font-size:1.15rem;margin-bottom:.5rem}
.article-carte h3 a{text-decoration:none}
.article-carte h3 a:hover{text-decoration:underline}
.meta{font-size:.79rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gris-clair);margin-bottom:.6rem}
.article-carte p{font-size:.93rem;color:var(--gris);margin-bottom:1rem}
.lire{margin-top:auto;font-size:.9rem;font-weight:600;color:var(--navy);text-decoration:none}
.lire:hover{text-decoration:underline}
.contenu-article{max-width:var(--etroit)}
.contenu-article h2{margin-top:2.4rem}
.contenu-article h3{margin-top:1.8rem}
.contenu-article img{border-radius:var(--r);margin:1.8rem 0}
.contenu-article blockquote{margin:1.8rem 0;padding:.2rem 0 .2rem 1.4rem;border-left:3px solid var(--or);color:var(--gris);font-style:italic}
.pagination{display:flex;gap:.5rem;justify-content:center;margin-top:3rem;flex-wrap:wrap}
.pagination .page-numbers{display:inline-flex;min-width:42px;height:42px;align-items:center;justify-content:center;border:1px solid var(--ligne);border-radius:var(--r);text-decoration:none;color:var(--navy);font-size:.92rem}
.pagination .current,.pagination .page-numbers:hover{background:var(--navy);color:#fff;border-color:var(--navy)}

/* ---------- Encadre auteur ---------- */
.auteur{display:flex;gap:1.1rem;align-items:flex-start;background:var(--navy-brume);border:1px solid var(--ligne);border-radius:var(--r);padding:1.4rem;margin:2.6rem 0}
.auteur img{width:56px;height:56px;border-radius:50%;object-fit:cover;flex:0 0 auto}
.auteur b{display:block;color:var(--navy);font-family:var(--serif);font-size:1.05rem}
.auteur p{font-size:.9rem;color:var(--gris);margin:.3rem 0 0}

/* ---------- Tableau ---------- */
.tableau{width:100%;overflow-x:auto;margin:1.8rem 0}
.tableau table{width:100%;border-collapse:collapse;font-size:.94rem;min-width:520px}
.tableau th,.tableau td{padding:.85rem 1rem;border:1px solid var(--ligne);text-align:left;vertical-align:top}
.tableau th{background:var(--navy-brume);font-weight:600;color:var(--navy)}
.tableau tr:nth-child(even) td{background:#fbfcfe}

/* ---------- WhatsApp flottant ---------- */
.wa-flottant{
  position:fixed;right:16px;bottom:16px;z-index:80;
  display:inline-flex;align-items:center;gap:.55rem;
  background:var(--vert-wa);color:#04331a;font-weight:600;font-size:.92rem;
  padding:.8rem 1.1rem;border-radius:999px;text-decoration:none;
  box-shadow:0 6px 22px rgba(0,0,0,.22);transition:transform .18s,box-shadow .18s;
}
.wa-flottant:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(0,0,0,.28);color:#04331a}
.wa-flottant span{display:none}
@media(min-width:560px){.wa-flottant span{display:inline}}

/* ---------- Pied ---------- */
.pied{background:var(--navy-fonce);color:#a9b8ce;font-size:.92rem;padding:3.4rem 0 0;margin-top:0}
.pied__grille{display:grid;gap:2.2rem;padding-bottom:2.6rem}
@media(min-width:820px){.pied__grille{grid-template-columns:1.35fr 1fr 1fr 1.1fr;gap:2.6rem}}
.pied__titre{color:#fff;font-family:var(--sans);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:1.1rem;font-weight:600}
.pied ul{list-style:none;padding:0;margin:0}
.pied li{margin-bottom:.6rem}
.pied a{color:#c3cfe0;text-decoration:none}
.pied a:hover{color:#fff;text-decoration:underline}
.pied img{height:52px;width:auto;margin-bottom:1rem}
.pied p{margin:0 0 .8rem;line-height:1.6}
.pied__bas{border-top:1px solid rgba(255,255,255,.1);padding:1.3rem 0;font-size:.83rem;color:#7f90a9;display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;justify-content:space-between}
.pied__bas a{color:#96a7bf}

/* ---------- Divers ---------- */
.hebreu{font-family:'Arial Hebrew','Times New Roman',serif;direction:rtl;unicode-bidi:isolate}
.note{font-size:.86rem;color:var(--gris-clair)}
@media print{.entete,.barre-haute,.wa-flottant,.pied__bas{display:none}}
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}

/* ---------- Equipe ---------- */
.personnes{display:grid;gap:2rem}
@media(min-width:820px){.personnes{grid-template-columns:repeat(2,1fr);gap:2.6rem}}
.personne{display:grid;grid-template-columns:1fr;gap:1.3rem;background:#fff;border:1px solid var(--ligne);border-radius:var(--r);padding:1.6rem;transition:box-shadow .2s}
.personne:hover{box-shadow:var(--ombre)}
@media(min-width:560px){.personne{grid-template-columns:150px 1fr;gap:1.6rem;align-items:start}}
.personne__portrait img{border-radius:var(--r);width:100%;object-fit:cover;aspect-ratio:4/5}
.personne__initiales{
  aspect-ratio:4/5;border-radius:var(--r);background:linear-gradient(160deg,var(--navy) 0%,var(--navy-fonce) 100%);
  color:var(--or-clair);font-family:var(--serif);font-size:2.1rem;letter-spacing:.06em;
  display:flex;align-items:center;justify-content:center;
}
.personne__corps h3{margin-bottom:.5rem}
.personne__corps p{font-size:.96rem;color:var(--gris)}
.personne__corps .meta{margin-bottom:.25rem}
.a-completer{color:var(--gris-clair);font-style:italic}

/* ---------- Biens ---------- */
.biens-entete{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;justify-content:space-between;margin-bottom:2.4rem}
.biens{display:grid;gap:1.8rem}
@media(min-width:700px){.biens{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1060px){.biens{grid-template-columns:repeat(3,1fr)}}
.bien{background:#fff;border:1px solid var(--ligne);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.bien:hover{box-shadow:var(--ombre-forte);transform:translateY(-2px)}
.bien__media{position:relative;display:block}
.bien__media img{width:100%;aspect-ratio:3/2;object-fit:cover}
.bien__statut{
  position:absolute;top:12px;left:12px;font-size:.72rem;font-weight:600;letter-spacing:.08em;
  text-transform:uppercase;padding:.34rem .7rem;border-radius:2px;color:#fff;backdrop-filter:blur(3px);
}
.bien__statut--dispo{background:rgba(23,105,58,.92)}
.bien__statut--loue{background:rgba(0,34,84,.88)}
.bien__statut--reserve{background:rgba(176,141,79,.94)}
.bien__corps{padding:1.3rem 1.4rem 1.5rem;display:flex;flex-direction:column;flex:1}
.bien__corps h3{font-size:1.14rem;margin-bottom:.5rem}
.bien__corps h3 a{text-decoration:none}
.bien__corps h3 a:hover{text-decoration:underline}
.bien__accroche{font-size:.92rem;color:var(--gris);margin-bottom:1rem}
.bien__specs{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem 1.1rem;padding:0;margin:0 0 1.1rem;font-size:.86rem;color:var(--gris)}
.bien__specs li{display:flex;align-items:center;gap:.35rem;margin:0}
.bien__specs svg{color:var(--or)}
.bien__pied{margin-top:auto;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;border-top:1px solid var(--ligne);padding-top:1rem}
.bien__loyer{font-family:var(--serif);font-size:1.25rem;color:var(--navy);font-weight:600}
.bien__loyer small{font-family:var(--sans);font-size:.76rem;font-weight:500;color:var(--gris-clair)}

/* ---------- Fiche d'un bien ---------- */
.fiche{display:grid;gap:2rem}
@media(min-width:900px){.fiche{grid-template-columns:1.35fr .95fr;gap:2.8rem;align-items:start}}
.fiche__media img{border-radius:var(--r);width:100%}
.fiche__vignettes{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin-top:.7rem}
.fiche__vignettes img{border-radius:2px;aspect-ratio:3/2;object-fit:cover}
.fiche__resume{background:#fff;border:1px solid var(--ligne);border-top:3px solid var(--or);border-radius:var(--r);padding:1.7rem;box-shadow:var(--ombre)}
@media(min-width:900px){.fiche__resume{position:sticky;top:104px}}
.fiche__loyer{font-family:var(--serif);font-size:1.9rem;color:var(--navy);margin:.4rem 0 .8rem}
.fiche__loyer small{font-family:var(--sans);font-size:.82rem;font-weight:500;color:var(--gris-clair)}
.fiche__specs{list-style:none;padding:0;margin:1.2rem 0 0;border-top:1px solid var(--ligne)}
.fiche__specs li{display:flex;justify-content:space-between;gap:1rem;padding:.6rem 0;border-bottom:1px solid var(--ligne);margin:0;font-size:.93rem}
.fiche__specs span{color:var(--gris)}
.fiche__specs b{color:var(--navy);font-weight:600;text-align:right}

/* ---------- Selecteur de langue ---------- */
.barre-haute__droite{display:flex;align-items:center;gap:1.1rem}
.langues{display:flex;gap:.15rem;align-items:center}
.langues a{
  display:inline-block;padding:.16rem .48rem;border-radius:2px;font-size:.76rem;
  font-weight:600;letter-spacing:.06em;color:#93a5c0;text-decoration:none;line-height:1.5;
}
.langues a:hover{color:#fff;background:rgba(255,255,255,.08);text-decoration:none}
.langues a[aria-current="true"]{color:#fff;background:rgba(255,255,255,.14)}

/* ---------- Portes d'entree par intention ---------- */
.intentions{display:grid;gap:1.2rem}
@media(min-width:820px){.intentions{grid-template-columns:repeat(3,1fr)}}
.intention{
  display:flex;gap:1rem;align-items:flex-start;text-decoration:none;
  background:#fff;border:1px solid var(--ligne);border-radius:var(--r);padding:1.5rem 1.4rem;
  transition:box-shadow .2s,border-color .2s,transform .2s;
}
.intention:hover{box-shadow:var(--ombre);border-color:#c8d4e4;transform:translateY(-2px)}
.intention__icone{
  flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--navy-pale);color:var(--navy);
  display:flex;align-items:center;justify-content:center;
}
.intention__corps{display:block}
.intention__corps b{display:block;font-family:var(--serif);font-size:1.12rem;color:var(--navy);font-weight:600;margin-bottom:.35rem}
.intention__texte{display:block;font-size:.9rem;color:var(--gris);line-height:1.5;margin-bottom:.7rem}
.intention__action{display:inline-flex;align-items:center;gap:.35rem;font-size:.87rem;font-weight:600;color:var(--navy)}
.intention:hover .intention__action{color:var(--navy-moyen)}
.intention:hover .intention__action svg{transform:translateX(3px)}
.intention__action svg{transition:transform .18s}

/* ---------- Contrat juridique contre contrat d'agence ---------- */
.contrat{display:grid;gap:2.2rem}
@media(min-width:900px){.contrat{grid-template-columns:1.1fr .9fr;gap:3.2rem;align-items:start}}
.contrat p{color:#c5d2e5}
.contrat__liste{list-style:none;padding:0;margin:0;display:grid;gap:.9rem}
.contrat__liste li{
  position:relative;padding:1rem 1.1rem 1rem 3.1rem;margin:0;border-radius:var(--r);
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);
}
.contrat__liste li::before{
  content:"";position:absolute;left:1.1rem;top:1.25rem;width:16px;height:16px;border-radius:50%;
  background:rgba(255,255,255,.14);
}
.contrat__liste li::after{
  content:"";position:absolute;left:1.44rem;top:1.52rem;width:8px;height:2px;background:#8fa2bd;
}
.contrat__liste--oui{background:rgba(216,190,138,.1);border-color:rgba(216,190,138,.4)}
.contrat__liste--oui::before{background:rgba(216,190,138,.24)}
.contrat__liste--oui::after{
  width:9px;height:5px;left:1.4rem;top:1.42rem;background:none;
  border-left:2px solid var(--or-clair);border-bottom:2px solid var(--or-clair);transform:rotate(-45deg);
}
.contrat__liste b{display:block;font-family:var(--serif);font-size:1.02rem;color:#fff;font-weight:600;margin-bottom:.15rem}
.contrat__liste span{display:block;font-size:.89rem;color:#b6c5da;line-height:1.5}

/* ---------- Cabinet d'avocats ---------- */
.avocats{display:grid;gap:1.6rem;max-width:52rem;margin:0 auto}
@media(min-width:700px){.avocats{grid-template-columns:repeat(2,1fr);gap:2rem}}
.avocat{
  display:grid;grid-template-columns:120px 1fr;gap:1.2rem;align-items:center;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.16);
  border-radius:var(--r);padding:1.2rem;
}
@media(min-width:700px){.avocat{grid-template-columns:140px 1fr}}
.avocat__portrait img{border-radius:var(--r);width:100%;aspect-ratio:4/5;object-fit:cover;object-position:top}
.avocat__corps h3{margin:0;font-size:1.12rem;color:#fff}
.avocat__corps .meta{margin-bottom:.2rem}
.avocat .boutons{gap:.5rem}

/* ---------- Drapeaux du sélecteur de langue ---------- */
.langues a{display:inline-flex;align-items:center;gap:.34rem;padding:.22rem .5rem}
.langues .drapeau{
  display:block;width:19px;height:13px;flex:0 0 auto;
  box-shadow:0 0 0 1px rgba(255,255,255,.25);border-radius:2px;
  opacity:.85;transition:opacity .15s;
}
.langues a:hover .drapeau,.langues a[aria-current="true"] .drapeau{opacity:1}
.langues a span{font-size:.74rem;letter-spacing:.05em}
@media(max-width:560px){
  .langues a{padding:.2rem .3rem;gap:.22rem}
  .langues a span{display:none}
  .langues .drapeau{width:21px;height:14px}
}