/* ===== 00-nav : header fixe blanc, sobre ===== */
.s-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#fff;border-bottom:1px solid transparent;transition:border-color .25s ease}
.s-nav.is-compact{border-bottom-color:var(--line)}
.s-nav__bar{position:relative;z-index:2;max-width:var(--wrap);margin:0 auto;display:flex;align-items:center;gap:28px;height:68px;padding:0 var(--gutter);background:#fff}

.s-nav__brand{display:inline-flex;align-items:center;gap:9px;flex-shrink:0;border-radius:8px}
.s-nav__logo{width:26px;height:26px}
.s-nav__word{font-family:var(--font-display);font-weight:800;font-size:20px;letter-spacing:-.03em;line-height:1;text-transform:lowercase}
.s-nav__word-a{color:var(--ink)}
.s-nav__word-b{color:var(--blue)}

.s-nav__links{display:flex;gap:2px;margin-left:auto}
.s-nav__links a{padding:8px 12px;border-radius:8px;font-size:15px;font-weight:500;color:var(--ink-2);transition:color .2s ease,background .2s ease}
.s-nav__links a:hover{color:var(--ink);background:var(--bg-2)}
.s-nav__links a.is-active{color:var(--ink)}
.s-nav__cta{padding:11px 20px;font-size:15px}

.s-nav a:focus-visible,.s-nav button:focus-visible{outline:2px solid var(--blue);outline-offset:3px}

/* burger */
.s-nav__burger{display:none;position:relative;width:44px;height:44px;border-radius:10px;margin-left:auto;border:1px solid var(--line);background:#fff}
.s-nav__burger span{position:absolute;left:12px;right:12px;height:2px;border-radius:2px;background:var(--ink);transition:transform .25s ease,top .25s ease}
.s-nav__burger span:nth-child(1){top:17px}
.s-nav__burger span:nth-child(2){top:25px}
.s-nav.is-open .s-nav__burger span:nth-child(1){top:21px;transform:rotate(45deg)}
.s-nav.is-open .s-nav__burger span:nth-child(2){top:21px;transform:rotate(-45deg)}

/* panneau mobile : simple fondu */
.s-nav__panel{position:fixed;inset:0;z-index:1;display:flex;flex-direction:column;justify-content:space-between;padding:88px 16px calc(28px + env(safe-area-inset-bottom));background:#fff;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility 0s linear .25s}
.s-nav__panel[hidden]{display:none}
.s-nav.is-open .s-nav__panel{opacity:1;visibility:visible;transition:opacity .25s ease,visibility 0s}
.s-nav__panel-links{display:flex;flex-direction:column}
.s-nav__panel-links a{display:block;padding:16px 4px;border-bottom:1px solid var(--line);font-size:20px;font-weight:600;color:var(--ink)}
.s-nav__panel-foot{display:flex;flex-direction:column;gap:14px}
.s-nav__panel-cta{justify-content:center;width:100%}
.s-nav__panel-tel{font-size:15px;color:var(--ink-2);text-align:center}
.s-nav__panel-tel a{color:var(--ink);font-weight:600}

@media (max-width:1020px){
  .s-nav__links{gap:0}
  .s-nav__links a{padding:8px 9px;font-size:14px}
}
@media (max-width:900px){
  .s-nav__bar{height:60px;gap:12px;padding:0 16px}
  .s-nav__links,.s-nav__cta{display:none}
  .s-nav__burger{display:block}
  .s-nav__word{font-size:19px}
  .s-nav.is-open{border-bottom-color:var(--line)}
}
@media (min-width:901px){.s-nav__panel{display:none!important}}