/* ═══════════════════════════════════════════════
   FACILITYAI — Feuille de style commune v1.0
   UpFmIA · expertise-fm.fr
   Contient : reset, variables, nav, footer, hamburger mobile
════════════════════════════════════════════════ */

/* ─── RESET & BASE ─── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --ardoise:#1C3A5E;--ardoise-l:#2D5480;--ardoise-d:#112440;
  --or:#D4A843;--or-l:#E8C470;--or-d:#A07820;
  --gris-clair:#F4F7FB;--gris-mid:#E2E8F0;
  --texte:#1a2535;--texte-s:#4a5568;--blanc:#ffffff;--rayon:12px;
  --vert:#166534;--vert-l:#DCFCE7;
}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;color:var(--texte);background:var(--blanc);line-height:1.6;font-size:16px}
h1,h2,h3,h4{font-family:'Syne',sans-serif;line-height:1.2}

/* ─── NAV ─── */
nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,0.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--gris-mid);padding:0 5%;display:flex;align-items:center;justify-content:space-between;height:68px}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav-logo-icon{width:36px;height:36px;background:var(--ardoise);border-radius:8px;display:flex;align-items:center;justify-content:center}
.nav-logo-icon svg{width:20px;height:20px;fill:var(--or)}
.nav-logo-text{font-family:'Syne',sans-serif;font-weight:700;font-size:17px;color:var(--ardoise)}
.nav-logo-sub{font-size:11px;color:var(--texte-s);font-weight:300;letter-spacing:.04em}
.nav-links{display:flex;gap:32px;list-style:none}
.nav-links a{text-decoration:none;color:var(--texte-s);font-size:14px;font-weight:400;transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:var(--ardoise)}
.nav-links a.active{font-weight:600}
.nav-cta{background:var(--ardoise);color:var(--blanc);padding:9px 22px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:500;transition:background .2s,transform .15s}
.nav-cta:hover{background:var(--ardoise-l);transform:translateY(-1px)}

/* ─── FOOTER ─── */
footer{background:var(--ardoise-d);padding:24px 5%;flex-shrink:0}
.footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.footer-brand{font-family:'Syne',sans-serif;font-size:15px;font-weight:700;color:var(--blanc)}
.footer-sub{font-size:11px;color:rgba(255,255,255,.4);margin-top:2px}
.footer-links{display:flex;gap:20px}
.footer-links a{font-size:12px;color:rgba(255,255,255,.5);text-decoration:none;transition:color .2s}
.footer-links a:hover{color:var(--or)}
.footer-legal{font-size:11px;color:rgba(255,255,255,.3);text-align:right}

/* ─── HAMBURGER MOBILE ─── */
#nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:38px;height:38px;background:none;border:1px solid var(--gris-mid);border-radius:8px;cursor:pointer;padding:6px;transition:border-color .2s}
#nav-hamburger:hover{border-color:var(--ardoise)}
#nav-hamburger span{display:block;width:18px;height:2px;background:var(--ardoise);border-radius:2px;transition:transform .25s,opacity .2s}
#nav-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
#nav-hamburger.open span:nth-child(2){opacity:0}
#nav-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
#nav-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:99;backdrop-filter:blur(2px)}
#nav-overlay.visible{display:block}
@media(max-width:900px){
  #nav-hamburger{display:flex}
  .nav-links{display:none!important;position:fixed;top:68px;left:0;right:0;background:var(--blanc);border-bottom:2px solid var(--or);padding:16px 5%;flex-direction:column;gap:0;z-index:100;box-shadow:0 8px 24px rgba(0,0,0,.12)}
  .nav-links.mobile-open{display:flex!important}
  .nav-links li{border-bottom:1px solid var(--gris-mid)}
  .nav-links a{display:block;padding:14px 0;font-size:15px;color:var(--texte)}
  .nav-links li:last-child{border-bottom:none}
  .footer-inner{flex-direction:column;text-align:center}
  .footer-legal{text-align:center}
}