/* nav-stack v4 : 2026-05-15 - source de vérité unique, autosuffisante. Écrase tout CSS de nav du head des pages via !important. Basé sur l'accueil. */
#info-pill{display:none!important}
#site-header{position:fixed!important;top:20px!important;left:0!important;right:0!important;width:fit-content!important;margin:0 auto!important;z-index:300!important;background:rgba(7,5,15,0.55)!important;backdrop-filter:blur(28px) saturate(1.4)!important;-webkit-backdrop-filter:blur(28px) saturate(1.4)!important;border:1px solid rgba(255,255,255,0.1)!important;border-radius:100px!important;box-shadow:0 4px 32px rgba(0,0,0,0.35)!important;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease!important;white-space:nowrap!important}
#site-header.scrolled{background:rgba(7,5,15,0.72)!important;border-color:rgba(255,46,147,0.22)!important;box-shadow:0 8px 40px rgba(0,0,0,0.55),0 0 60px rgba(255,46,147,0.1)!important}
#site-header > nav{display:flex!important;align-items:center!important;gap:28px!important;padding:10px 14px 10px 22px!important;position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;justify-content:flex-start!important;height:auto!important;white-space:nowrap!important}
#site-header.scrolled > nav{padding:10px 14px 10px 22px!important}
.nav-logo-wrap{text-decoration:none!important;display:flex!important;align-items:center!important;line-height:1!important;margin:0!important}
#site-header .nav-logo-wrap img{margin:0!important;height:44px!important;width:auto!important;object-fit:contain!important;display:block!important}
.nav-links{display:flex!important;align-items:center!important;gap:22px!important;list-style:none!important;margin:0!important;padding:0!important}
.nav-link{font-family:'Barlow',sans-serif!important;font-size:0.72rem!important;font-weight:600!important;letter-spacing:2.5px!important;text-transform:uppercase!important;text-decoration:none!important;color:rgba(242,234,216,0.6)!important;position:relative!important;padding-bottom:2px!important;transition:color .2s!important}
.nav-link::after{content:''!important;position:absolute!important;bottom:-2px!important;left:0!important;width:0!important;height:1px!important;background:#FF6B35!important;transition:width .3s cubic-bezier(.4,0,.2,1)!important}
.nav-link:hover{color:#F2EAD8!important}
.nav-link:hover::after{width:100%!important}
.nav-cta{font-family:'Barlow',sans-serif!important;font-size:0.72rem!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important;text-decoration:none!important;padding:8px 18px!important;margin:0!important;background:rgba(255,46,147,0.88)!important;color:#fff!important;border:1px solid transparent!important;border-radius:100px!important;box-shadow:0 6px 28px rgba(255,46,147,0.42),inset 0 1px 0 rgba(255,255,255,0.18)!important;transition:background .2s,box-shadow .2s,transform .2s,filter .2s!important}
.nav-cta:hover{background:#FF2E93!important;filter:brightness(1.06)!important;box-shadow:0 10px 36px rgba(255,46,147,0.60),inset 0 1px 0 rgba(255,255,255,0.25)!important;transform:translateY(-1px)!important;color:#fff!important}
.nav-burger{display:none!important;flex-direction:column!important;gap:5px!important;background:none!important;border:none!important;cursor:pointer!important;padding:4px!important}
.nav-burger span{display:block!important;width:24px!important;height:1.5px!important;background:#F2EAD8!important;transition:transform .3s,opacity .3s!important}
.nav-burger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)!important}
.nav-burger.open span:nth-child(2){opacity:0!important}
.nav-burger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)!important}
.nav-drawer{position:fixed!important;inset:0!important;z-index:200!important;background:rgba(7,5,15,0.98)!important;backdrop-filter:blur(24px)!important;-webkit-backdrop-filter:blur(24px)!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:40px!important;transform:translateX(100%)!important;transition:transform .4s cubic-bezier(.4,0,.2,1)!important}
.nav-drawer.open{transform:translateX(0)!important}
.drawer-link{font-family:'Bebas Neue',sans-serif!important;font-size:2.5rem!important;letter-spacing:4px!important;color:rgba(242,234,216,0.7)!important;text-decoration:none!important;transition:color .2s!important}
.drawer-link:hover{color:#FF6B35!important}
.drawer-cta{font-family:'Barlow',sans-serif!important;font-size:0.8rem!important;font-weight:700!important;letter-spacing:2px!important;text-transform:uppercase!important;text-decoration:none!important;padding:14px 36px!important;border:1px solid #FF2E93!important;color:#F2EAD8!important;border-radius:100px!important;transition:background .2s!important}
.drawer-cta:hover{background:#FF2E93!important}
.drawer-lang{display:flex!important;align-items:center!important;gap:10px!important;font-family:'Antonio','Bebas Neue',sans-serif!important;margin-top:8px!important}
.drawer-lang-link{font-size:.95rem!important;font-weight:700!important;letter-spacing:3px!important;color:rgba(242,234,216,0.5)!important;text-decoration:none!important}
.drawer-lang-link.active{color:#FF6B35!important}
.drawer-lang-sep{color:rgba(255,255,255,.18)!important;font-size:.8rem!important}
.article-hero,.gallery-hero{margin-top:0!important}
#info-pill{position:fixed!important;top:90px!important;left:0!important;right:0!important;width:max-content!important;max-width:calc(100vw - 24px)!important;margin:0 auto!important;z-index:290!important;background:#FF2E93!important;border:1px solid rgba(255,255,255,0.22)!important;border-radius:100px!important;padding:7px 22px!important;display:flex!important;align-items:center!important;gap:16px!important;font-family:'Antonio','Bebas Neue',sans-serif!important;font-weight:700!important;color:rgba(242,234,216,0.92)!important;font-size:0.74rem!important;letter-spacing:1.6px!important;text-transform:uppercase!important;white-space:nowrap!important;box-shadow:0 4px 28px rgba(0,0,0,0.45)!important}
.info-pill-label{color:#fff!important}
.info-pill-cd{display:inline-flex!important;align-items:baseline!important;gap:4px!important;font-variant-numeric:tabular-nums!important;color:#fff!important;font-size:0.92rem!important;letter-spacing:0.5px!important}
.info-pill-cd-unit{font-size:0.6rem!important;letter-spacing:1.2px!important;color:rgba(255,255,255,0.78)!important;margin-right:2px!important}
.info-pill-sep{color:rgba(255,255,255,0.55)!important;font-size:0.85rem!important;margin:0 2px!important}
.lang-toggle{position:fixed!important;top:28px!important;right:28px!important;z-index:250!important;display:inline-flex!important;align-items:center!important;gap:8px!important;padding:8px 14px!important;background:rgba(7,5,15,0.72)!important;backdrop-filter:blur(20px) saturate(1.4)!important;-webkit-backdrop-filter:blur(20px) saturate(1.4)!important;border:1px solid rgba(255,255,255,0.09)!important;border-radius:100px!important;box-shadow:0 4px 20px rgba(0,0,0,0.4)!important;font-family:'Antonio','Bebas Neue',sans-serif!important;font-weight:700!important;font-size:.72rem!important;letter-spacing:2.2px!important;white-space:nowrap!important}
@media(max-width:768px){
  #site-header{top:12px!important;left:12px!important;right:12px!important;width:auto!important;border-radius:16px!important;margin:0!important}
  #site-header > nav{padding:10px 16px!important;justify-content:space-between!important}
  #site-header.scrolled > nav{padding:10px 16px!important}
  .nav-links,.nav-cta{display:none!important}
  .nav-burger{display:flex!important;margin-left:auto!important;margin-right:0!important}
  .lang-toggle{display:none!important}
  #info-pill{top:78px!important;left:12px!important;right:12px!important;width:auto!important;max-width:none!important;margin:0!important;padding:8px 14px!important;border-radius:14px!important;gap:10px!important;font-size:0.6rem!important;letter-spacing:0.8px!important;justify-content:center!important}
  .info-pill-label{display:inline!important}
  .info-pill-cd{font-size:0.82rem!important}
}
/* ===================== MEGA-MENU "LE GUIDE" (v5 : 2026-06-26) =====================
   Panneau glass Vice City deroulant sous la pill au survol desktop (>768px).
   Trigger = <button> dans .nav-links. Panneau = .nav-mega, ancre sous le header.
   Mobile (<768px) : panneau masque, le drawer recoit les memes 3 groupes en accordeon. */
.nav-has-mega{position:relative!important}
.nav-mega-trigger{display:inline-flex!important;align-items:center!important;gap:6px!important;font-family:'Barlow',sans-serif!important;font-size:0.72rem!important;font-weight:600!important;letter-spacing:2.5px!important;text-transform:uppercase!important;color:rgba(242,234,216,0.6)!important;background:none!important;border:0!important;padding:0 0 2px 0!important;margin:0!important;cursor:pointer!important;position:relative!important;transition:color .2s!important;-webkit-tap-highlight-color:transparent!important}
.nav-mega-trigger::after{content:''!important;position:absolute!important;bottom:-2px!important;left:0!important;width:0!important;height:1px!important;background:#FF6B35!important;transition:width .3s cubic-bezier(.4,0,.2,1)!important}
.nav-mega-trigger:hover,.nav-mega-trigger[aria-expanded="true"]{color:#F2EAD8!important}
.nav-mega-trigger:hover::after,.nav-mega-trigger[aria-expanded="true"]::after{width:100%!important}
.nav-mega-trigger:focus-visible{outline:2px solid #FF2E93!important;outline-offset:4px!important;border-radius:3px!important}
.nav-mega-caret{width:9px!important;height:9px!important;flex:0 0 auto!important;transition:transform .3s cubic-bezier(.16,1,.3,1)!important;opacity:.85!important}
.nav-mega-trigger[aria-expanded="true"] .nav-mega-caret{transform:rotate(180deg)!important}
.nav-mega{position:absolute!important;top:calc(100% + 14px)!important;left:50%!important;transform:translateX(-50%) translateY(-8px)!important;width:min(880px,calc(100vw - 32px))!important;background:rgba(7,5,15,0.92)!important;backdrop-filter:blur(30px) saturate(1.5)!important;-webkit-backdrop-filter:blur(30px) saturate(1.5)!important;border:1px solid rgba(255,46,147,0.18)!important;border-radius:18px!important;box-shadow:0 24px 70px -18px rgba(0,0,0,0.72),0 0 60px -28px rgba(255,46,147,0.45),inset 0 1px 0 rgba(255,255,255,0.06)!important;padding:22px 22px 16px!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .34s cubic-bezier(.16,1,.3,1),transform .34s cubic-bezier(.16,1,.3,1),visibility 0s linear .34s!important;z-index:310!important;white-space:normal!important}
.nav-mega::before{content:''!important;position:absolute!important;left:0!important;right:0!important;top:-14px!important;height:14px!important;background:transparent!important}
.nav-has-mega.is-open .nav-mega{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateX(-50%) translateY(0)!important;transition:opacity .34s cubic-bezier(.16,1,.3,1),transform .34s cubic-bezier(.16,1,.3,1),visibility 0s!important}
.nav-mega-grid{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px 18px!important}
.nav-mega-col{display:flex!important;flex-direction:column!important;gap:3px!important;min-width:0!important}
.nav-mega-col-h{font-family:'Antonio','Bebas Neue',sans-serif!important;font-weight:700!important;font-size:0.66rem!important;letter-spacing:2.4px!important;text-transform:uppercase!important;color:#FF6B35!important;padding:0 8px 7px!important;margin:0 0 4px!important;border-bottom:1px solid rgba(255,107,53,0.16)!important}
.nav-mega-item{display:flex!important;align-items:center!important;gap:11px!important;padding:7px 8px!important;border-radius:11px!important;text-decoration:none!important;transition:background .2s ease!important;position:relative!important}
.nav-mega-item:hover,.nav-mega-item:focus-visible{background:rgba(255,46,147,0.09)!important;outline:none!important}
.nav-mega-item:focus-visible{box-shadow:inset 0 0 0 1px rgba(255,46,147,0.5)!important}
.nav-mega-thumb{width:46px!important;height:46px!important;flex:0 0 auto!important;border-radius:9px!important;overflow:hidden!important;background:#0A0814!important;border:1px solid rgba(255,255,255,0.08)!important;position:relative!important}
.nav-mega-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;transition:transform .35s cubic-bezier(.16,1,.3,1),filter .35s ease!important;filter:saturate(1.05) brightness(.92)!important}
.nav-mega-item:hover .nav-mega-thumb img,.nav-mega-item:focus-visible .nav-mega-thumb img{transform:scale(1.08)!important;filter:saturate(1.2) brightness(1.04)!important}
.nav-mega-thumb::after{content:''!important;position:absolute!important;inset:0!important;border-radius:9px!important;box-shadow:inset 0 0 0 1px rgba(255,46,147,0)!important;transition:box-shadow .25s ease!important;pointer-events:none!important}
.nav-mega-item:hover .nav-mega-thumb::after,.nav-mega-item:focus-visible .nav-mega-thumb::after{box-shadow:inset 0 0 0 1px rgba(255,46,147,0.55),0 0 16px -2px rgba(255,46,147,0.5)!important}
.nav-mega-txt{display:flex!important;flex-direction:column!important;gap:1px!important;min-width:0!important}
.nav-mega-label{font-family:'Barlow',sans-serif!important;font-size:0.82rem!important;font-weight:600!important;letter-spacing:.2px!important;line-height:1.2!important;color:#F2EAD8!important}
.nav-mega-sub{font-family:'Barlow',sans-serif!important;font-size:0.68rem!important;font-weight:500!important;line-height:1.25!important;color:rgba(242,234,216,0.46)!important;letter-spacing:.1px!important}
.nav-mega-item:hover .nav-mega-label,.nav-mega-item:focus-visible .nav-mega-label{color:#fff!important}
.nav-mega-foot{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;margin-top:12px!important;padding-top:12px!important;border-top:1px solid rgba(255,255,255,0.07)!important}
.nav-mega-foot-note{font-family:'Barlow',sans-serif!important;font-size:0.68rem!important;font-weight:500!important;letter-spacing:.4px!important;color:rgba(242,234,216,0.4)!important}
.nav-mega-all{display:inline-flex!important;align-items:center!important;gap:7px!important;font-family:'Barlow',sans-serif!important;font-size:0.7rem!important;font-weight:700!important;letter-spacing:1.4px!important;text-transform:uppercase!important;text-decoration:none!important;color:#F2EAD8!important;padding:8px 16px!important;border-radius:100px!important;background:linear-gradient(135deg,rgba(255,46,147,0.16),rgba(255,107,53,0.16))!important;border:1px solid rgba(255,46,147,0.3)!important;transition:background .2s,border-color .2s,transform .2s!important}
.nav-mega-all:hover,.nav-mega-all:focus-visible{background:linear-gradient(135deg,rgba(255,46,147,0.28),rgba(255,107,53,0.28))!important;border-color:rgba(255,46,147,0.55)!important;transform:translateX(2px)!important;outline:none!important;color:#fff!important}
.nav-mega-all:focus-visible{box-shadow:0 0 0 2px rgba(255,46,147,0.55)!important}
.nav-mega-all svg{width:13px!important;height:13px!important;transition:transform .25s cubic-bezier(.16,1,.3,1)!important}
.nav-mega-all:hover svg,.nav-mega-all:focus-visible svg{transform:translateX(3px)!important}
@media(min-width:769px) and (max-width:1080px){
  .nav-mega{width:min(680px,calc(100vw - 32px))!important;padding:20px 18px 14px!important}
  .nav-mega-grid{grid-template-columns:repeat(2,1fr)!important;gap:6px 14px!important}
  .nav-mega-col:nth-child(3){grid-column:1 / -1!important;margin-top:6px!important;padding-top:10px!important;border-top:1px solid rgba(255,255,255,0.06)!important}
  .nav-mega-col:nth-child(3) .nav-mega-grid{grid-template-columns:repeat(2,1fr)!important}
}
/* ---- drawer mobile : groupes en accordeon (reprend les memes 3 colonnes) ---- */
.drawer-acc{width:min(420px,86vw)!important;display:flex!important;flex-direction:column!important;gap:2px!important}
.drawer-acc-group{border-bottom:1px solid rgba(255,255,255,0.08)!important}
.drawer-acc-trigger{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;gap:12px!important;background:none!important;border:0!important;cursor:pointer!important;padding:16px 4px!important;font-family:'Bebas Neue',sans-serif!important;font-size:1.7rem!important;letter-spacing:3px!important;color:rgba(242,234,216,0.78)!important;text-align:left!important;transition:color .2s!important;-webkit-tap-highlight-color:transparent!important}
.drawer-acc-trigger:hover,.drawer-acc-trigger[aria-expanded="true"]{color:#FF6B35!important}
.drawer-acc-trigger:focus-visible{outline:2px solid #FF2E93!important;outline-offset:3px!important;border-radius:4px!important}
.drawer-acc-caret{width:16px!important;height:16px!important;flex:0 0 auto!important;color:#FF2E93!important;transition:transform .3s cubic-bezier(.16,1,.3,1)!important}
.drawer-acc-trigger[aria-expanded="true"] .drawer-acc-caret{transform:rotate(180deg)!important}
.drawer-acc-panel{overflow:hidden!important;max-height:0!important;transition:max-height .38s cubic-bezier(.16,1,.3,1)!important}
.drawer-acc-panel-inner{display:flex!important;flex-direction:column!important;gap:2px!important;padding:2px 4px 14px!important}
.drawer-acc-link{display:flex!important;align-items:center!important;gap:13px!important;padding:9px 8px!important;border-radius:10px!important;text-decoration:none!important;transition:background .2s!important}
.drawer-acc-link:hover,.drawer-acc-link:focus-visible{background:rgba(255,46,147,0.1)!important;outline:none!important}
.drawer-acc-link:focus-visible{box-shadow:inset 0 0 0 1px rgba(255,46,147,0.5)!important}
.drawer-acc-thumb{width:42px!important;height:42px!important;flex:0 0 auto!important;border-radius:8px!important;overflow:hidden!important;background:#0A0814!important;border:1px solid rgba(255,255,255,0.08)!important}
.drawer-acc-thumb img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;filter:saturate(1.05) brightness(.94)!important}
.drawer-acc-label{font-family:'Barlow',sans-serif!important;font-size:0.96rem!important;font-weight:600!important;letter-spacing:.3px!important;color:#F2EAD8!important;line-height:1.2!important}
.drawer-acc-all{display:inline-flex!important;align-items:center!important;gap:8px!important;align-self:center!important;margin-top:6px!important;font-family:'Barlow',sans-serif!important;font-size:0.74rem!important;font-weight:700!important;letter-spacing:1.6px!important;text-transform:uppercase!important;text-decoration:none!important;color:#F2EAD8!important;padding:11px 22px!important;border-radius:100px!important;border:1px solid rgba(255,46,147,0.4)!important;background:linear-gradient(135deg,rgba(255,46,147,0.14),rgba(255,107,53,0.14))!important;transition:background .2s!important}
.drawer-acc-all:hover,.drawer-acc-all:focus-visible{background:rgba(255,46,147,0.26)!important;outline:none!important}
.drawer-acc-all svg{width:13px!important;height:13px!important}
.drawer-acc{display:none!important}
@media(prefers-reduced-motion:reduce){
  .nav-mega{transition:opacity .001s,visibility 0s linear .001s!important;transform:translateX(-50%) translateY(0)!important}
  .nav-has-mega.is-open .nav-mega{transition:opacity .001s,visibility 0s!important;transform:translateX(-50%) translateY(0)!important}
  .nav-mega-caret,.nav-mega-thumb img,.nav-mega-all,.nav-mega-all svg,.drawer-acc-caret,.drawer-acc-panel{transition:none!important}
}
@media(max-width:768px){
  .nav-has-mega{display:none!important}
  .drawer-acc{display:flex!important}
}