/* ===== EK NAVBAR (glass + magic underline) ===== */
:root{
  --ek-bg: rgba(9,16,28,.4);
  --ek-stroke: rgba(255,255,255,.08);
  --ek-text: #e7f0ff;
  --ek-muted: #9fb4e6;
  --ek-brand: #00e0ff;
  --ek-glow: 0 10px 30px rgba(0,224,255,.25);
}

.eknav{
  position:fixed; top:0; left:0; right:0; z-index:1000;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background: linear-gradient(180deg, rgba(7,12,20,.75), rgba(7,12,20,.25) 60%, transparent);
  border-bottom:1px solid var(--ek-stroke);
  transform: translateZ(0);
}
.eknav--scrolled{ background: rgba(7,12,20,.75); box-shadow: 0 8px 30px rgba(0,0,0,.35) }
.eknav__inner{
  max-width: 1100px; margin: 0 auto; padding: 10px 16px;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
}
.eknav__brand{display:flex; align-items:center; gap:10px; color:var(--ek-text); text-decoration:none}
.eknav__logo{width:42px; height:42px; object-fit:contain; filter: drop-shadow(var(--ek-glow))}
.eknav__title{font-weight:700; letter-spacing:.3px}
.eknav__title small{display:block; font-weight:400; font-size:.72rem; color:var(--ek-muted); margin-top:-2px}

.eknav__links{position:relative; display:flex; gap:8px; align-items:center; list-style:none; margin:0; padding:6px; border-radius:14px; background:rgba(255,255,255,.03); border:1px solid var(--ek-stroke)}
.eknav__links a{
  position:relative; display:inline-block; padding:8px 12px; border-radius:10px;
  color:var(--ek-text); text-decoration:none; font-weight:600; letter-spacing:.1px;
  transition: transform .2s ease;
}
.eknav__links a:hover{ transform: translateY(-1px) }
.eknav__links a.is-active{ color: white; text-shadow: 0 0 20px rgba(0,224,255,.35) }

.eknav__indicator{
  position:absolute; left:0; top:0; height:100%; width:0; border-radius:12px;
  background: radial-gradient(120% 100% at 50% 0%, rgba(0,224,255,.22), rgba(0,224,255,.08) 60%, transparent);
  box-shadow: inset 0 0 0 1px rgba(0,224,255,.35);
  transition: transform .35s cubic-bezier(.2,.7,.2,1), width .35s cubic-bezier(.2,.7,.2,1), opacity .35s;
  opacity:.85; pointer-events:none;
}

/* Burger (mobile) */
.eknav__burger{display:none; background:none; border:0; cursor:pointer}
.eknav__burger span{display:block; width:24px; height:2px; background:var(--ek-text); margin:5px 0; transition: transform .3s ease, opacity .3s}
.eknav--open .eknav__burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.eknav--open .eknav__burger span:nth-child(2){opacity:0}
.eknav--open .eknav__burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width: 860px){
  .eknav__burger{display:block}
  .eknav__links{
    position: absolute; right:16px; top:56px; width: min(92vw, 420px);
    flex-direction: column; align-items: stretch; gap:6px; padding:10px;
    background: rgba(10,18,31,.9); border:1px solid var(--ek-stroke); border-radius:14px;
    transform-origin: top right; transform: scale(.98) translateY(-8px); opacity:0; pointer-events:none;
  }
  .eknav--open .eknav__links{transform: none; opacity:1; pointer-events:auto}
  .eknav__indicator{display:none}
}

/* petite marge pour ne pas masquer le haut du contenu */
body{padding-top:64px}
@media (max-width: 860px){ body{padding-top:58px} }