/* ═══════════════════════════════════════════════════════════
   MyKollectOr — barre de navigation commune
   Utilisée par : aventures-concept.html, parcours-aventures.html, tarifs.html
   Page de départ (accueil) : aventures-concept.html
   ═══════════════════════════════════════════════════════════ */
.mk-nav, .mk-nav *{box-sizing:border-box;}
.mk-nav{
  position:fixed; top:0; left:0; right:0; z-index:1200;
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  padding:calc(14px + env(safe-area-inset-top,0px)) max(22px,calc((100% - 1100px)/2 + 22px)) 14px;
  background:linear-gradient(180deg,rgba(8,23,34,.55),rgba(8,23,34,0));
  color:#fff; font-family:'Nunito',system-ui,sans-serif;
  transition:background .35s ease,padding .35s ease,box-shadow .35s ease;
}
/* état plein : au scroll (accueil) ou en permanence (pages sans image de fond) */
.mk-nav.is-solid,.mk-nav--solid{
  background:rgba(8,23,34,.92);
  -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px);
  padding-top:calc(9px + env(safe-area-inset-top,0px)); padding-bottom:9px;
  box-shadow:0 8px 24px rgba(0,0,0,.22);
}
/* décale le contenu des pages qui n'ont pas de header plein écran */
body.mk-nav-offset{padding-top:calc(62px + env(safe-area-inset-top,0px));}

/* Logo : MyKollectOr en fin (thin), « Or » en doré */
.mk-nav__brand{
  font-family:'Montserrat',system-ui,sans-serif; font-weight:300; font-size:1.3rem; letter-spacing:.03em;
  color:#fff; text-decoration:none; line-height:1; text-shadow:0 2px 8px rgba(0,0,0,.35);
}
.mk-nav__brand b{font-weight:300; color:#e8c76a;}
.mk-nav__brand sup{font-size:.5em; font-weight:300; vertical-align:top; position:relative; top:-.1em;}
.mk-nav__brand small{
  display:block; font-family:'Nunito',system-ui,sans-serif; font-size:.6rem; font-weight:800;
  letter-spacing:.16em; text-transform:uppercase; color:#f0d179; margin-top:5px;
}

.mk-nav__links{display:flex; align-items:center; gap:22px;}
.mk-nav__links a{
  position:relative; color:#fff; text-decoration:none; font-weight:700; font-size:.9rem; opacity:.9;
  text-shadow:0 1px 6px rgba(0,0,0,.35); transition:color .2s,opacity .2s;
}
.mk-nav__links a::after{
  content:''; position:absolute; left:0; right:0; bottom:-5px; height:2px; background:#f0d179;
  transform:scaleX(0); transform-origin:left; transition:transform .3s;
}
.mk-nav__links a:hover{color:#f0d179; opacity:1;}
.mk-nav__links a:hover::after,
.mk-nav__links a[aria-current="page"]::after{transform:scaleX(1);}
.mk-nav__links a[aria-current="page"]{color:#f0d179; opacity:1;}

@media(max-width:560px){
  .mk-nav__brand{font-size:1.12rem;}
  .mk-nav__links{gap:14px;}
  .mk-nav__links a{font-size:.82rem;}
}
@media(max-width:440px){
  .mk-nav__links .mk-nav__home{display:none;} /* le logo ramène déjà à l'accueil */
}
@media(prefers-reduced-motion:reduce){.mk-nav{transition:none;}}

/* ═══════════════════════════════════════════════════════════
   Anti-scroll horizontal (mobile) — s'applique aux 3 pages
   ═══════════════════════════════════════════════════════════ */
html,body{
  max-width:100%;
  overflow-x:hidden;            /* repli pour les anciens navigateurs */
  overscroll-behavior-x:none;   /* pas de rebond / glissement latéral */
}
@supports (overflow:clip){
  html,body{overflow-x:clip;}   /* coupe ce qui dépasse sans créer de zone de scroll */
}