/* ══════════════════════════════════════════════════
   MiarTek — css/navbar.css
   Navigation principale fixe · Burger · Mobile menu
   ══════════════════════════════════════════════════ */

.nav {
  position:fixed; top:0; left:0; right:0; z-index:1000;
  height:var(--nav-h);
  display:flex; align-items:center; justify-content:space-between;
  padding:0 var(--px);
  background:rgba(255,255,255,.97);
  backdrop-filter:blur(16px);
  box-shadow:0 2px 20px rgba(0,0,0,.07);
  transition:var(--ease);
}
.nav.scrolled { box-shadow:0 4px 32px rgba(0,0,0,.12); }

/* Logo */
.nav__logo img { height:44px; width:auto; }

/* Liens desktop */
.nav__links { display:flex; align-items:center; gap:2px; }
.nav__a {
  font-family:var(--fd); font-size:.86rem; font-weight:600;
  color:var(--text-mid); padding:8px 12px; border-radius:var(--r-sm);
  transition:var(--ease); position:relative;
}
.nav__a:hover { color:var(--blue); background:rgba(26,53,200,.06); }
.nav__a.active { color:var(--blue); }
.nav__a.active::after {
  content:''; position:absolute; bottom:2px; left:12px; right:12px;
  height:2.5px; border-radius:2px;
  background:linear-gradient(90deg,var(--green),var(--blue));
}
.nav__dot { color:var(--gray-300); font-size:.45rem; margin:0 2px; opacity:.7; }

/* CTA nav */
.nav__cta {
  background:var(--g-green) !important; color:var(--white) !important;
  border-radius:var(--r-full) !important; padding:9px 20px !important;
  font-weight:700 !important; font-size:.84rem !important;
  box-shadow:var(--sh-g); margin-left:4px;
}
.nav__cta:hover { transform:translateY(-2px); box-shadow:0 8px 26px rgba(42,138,42,.5) !important; color:var(--white) !important; background:var(--g-green) !important; }
.nav__cta.active::after { display:none; }

/* ── Lang switcher ── */
.lang-switcher { display:flex; align-items:center; gap:4px; margin-left:10px; }
.lang-btn {
  padding:5px 9px; border-radius:var(--r-sm);
  font-family:var(--fd); font-size:.74rem; font-weight:700;
  color:var(--text-muted); background:none; border:1px solid transparent;
  transition:var(--ease); cursor:pointer; letter-spacing:.4px;
}
.lang-btn:hover  { color:var(--blue); border-color:rgba(26,53,200,.2); background:rgba(26,53,200,.05); }
.lang-btn.active { color:var(--white); background:var(--g-gb); border-color:transparent; }
.lang-sep { color:var(--gray-300); font-size:.7rem; opacity:.6; }

/* ── Burger ── */
.burger { display:none; flex-direction:column; gap:5px; cursor:pointer; padding:4px; }
.burger span { display:block; width:24px; height:2px; background:var(--text); border-radius:2px; transition:var(--ease); }
.burger.open span:nth-child(1) { transform:rotate(45deg)  translate(5px,5px); }
.burger.open span:nth-child(2) { opacity:0; }
.burger.open span:nth-child(3) { transform:rotate(-45deg) translate(5px,-5px); }

/* ── Mobile menu ── */
.mob-menu {
  display:none; position:fixed; top:var(--nav-h); left:0; right:0; z-index:999;
  background:var(--white); box-shadow:var(--sh-lg);
  padding:14px var(--px) 24px; flex-direction:column; gap:4px;
}
.mob-menu.open { display:flex; }
.mob-menu .nav__a { padding:11px 16px; border-radius:var(--r-md); font-size:.93rem; }
.mob-menu .nav__a:hover { background:var(--gray-100); }
.mob-menu .nav__cta { margin-top:8px; text-align:center; display:block; padding:12px 20px !important; }
.mob-menu .lang-switcher { padding:10px 16px 0; margin-left:0; }

@media (max-width:900px) {
  .nav__links { display:none; }
  .burger { display:flex; }
}