/* Arcade & Gaming Lodge : bouton des langues avec drapeaux + bandeau de langue (16 oct. 2026) */
.flag{display:inline-block;flex:none;width:22px;height:15px;border-radius:2px;background-size:cover;background-position:center;box-shadow:0 0 0 1px rgba(255,255,255,.28)}
.flag-fr{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 3 2%27%3E%3Crect width=%273%27 height=%272%27 fill=%27%23ef4135%27/%3E%3Crect width=%272%27 height=%272%27 fill=%27%23fff%27/%3E%3Crect width=%271%27 height=%272%27 fill=%27%230055a4%27/%3E%3C/svg%3E")}
.flag-en{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 60 30%27%3E%3CclipPath id=%27s%27%3E%3Cpath d=%27M0,0v30h60V0z%27/%3E%3C/clipPath%3E%3CclipPath id=%27t%27%3E%3Cpath d=%27M30,15h30v15zv15H0zH0V0zV0h30z%27/%3E%3C/clipPath%3E%3Cg clip-path=%27url(%23s)%27%3E%3Cpath d=%27M0,0v30h60V0z%27 fill=%27%23012169%27/%3E%3Cpath d=%27M0,0 60,30M60,0 0,30%27 stroke=%27%23fff%27 stroke-width=%276%27/%3E%3Cpath d=%27M0,0 60,30M60,0 0,30%27 clip-path=%27url(%23t)%27 stroke=%27%23c8102e%27 stroke-width=%274%27/%3E%3Cpath d=%27M30,0v30M0,15h60%27 stroke=%27%23fff%27 stroke-width=%2710%27/%3E%3Cpath d=%27M30,0v30M0,15h60%27 stroke=%27%23c8102e%27 stroke-width=%276%27/%3E%3C/g%3E%3C/svg%3E")}
.flag-nl{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 9 6%27%3E%3Crect width=%279%27 height=%276%27 fill=%27%2321468b%27/%3E%3Crect width=%279%27 height=%274%27 fill=%27%23fff%27/%3E%3Crect width=%279%27 height=%272%27 fill=%27%23ae1c28%27/%3E%3C/svg%3E")}
.flag-de{background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 5 3%27%3E%3Crect width=%275%27 height=%273%27 fill=%27%23ffce00%27/%3E%3Crect width=%275%27 height=%272%27 fill=%27%23d00%27/%3E%3Crect width=%275%27 height=%271%27 fill=%27%23000%27/%3E%3C/svg%3E")}
.lsw{position:relative;flex:none}
.lsw-btn{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 11px;background:rgba(0,212,255,.07);border:1px solid rgba(0,212,255,.6);color:#fff;font:700 11px 'Orbitron',sans-serif;letter-spacing:1.5px;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.lsw-btn:hover,.lsw-btn:focus-visible,.lsw-btn[aria-expanded="true"]{border-color:var(--neon-blue);box-shadow:var(--glow-blue)}
.lsw-caret{width:7px;height:7px;margin-left:1px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.lsw-btn[aria-expanded="true"] .lsw-caret{transform:translateY(2px) rotate(-135deg)}
.lsw-list{position:absolute;right:0;top:calc(100% + 10px);z-index:1003;min-width:200px;margin:0;padding:6px;list-style:none;background:rgba(8,6,18,.985);border:1px solid rgba(0,212,255,.6);box-shadow:0 0 24px rgba(0,212,255,.25),0 18px 40px rgba(0,0,0,.65)}
.lsw-list[hidden]{display:none}
.lsw-list a{display:flex;align-items:center;gap:12px;padding:11px 12px;color:#fff;text-decoration:none;font:600 17px 'Rajdhani',sans-serif;letter-spacing:.3px;white-space:nowrap}
.lsw-list a:hover,.lsw-list a:focus-visible{background:rgba(0,212,255,.12);color:var(--neon-blue);outline:none}
.lsw-list a[aria-current]{color:var(--neon-blue)}
.lsw-list a[aria-current]::after{content:'';width:5px;height:10px;margin-left:auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}
@media(min-width:901px){
  .nav-links{margin:0 auto}
  .lsw{margin-left:0}
  .nav-all{margin:0 14px 0 12px}
}
@media(min-width:901px) and (max-width:1180px){.nav-all{margin:0 10px}}
@media(max-width:900px){
  .lsw{margin-left:auto}
  .nav-cta{margin-left:0}
  .lsw-btn{height:44px;padding:0 10px;gap:7px}
  .lsw-list{right:-56px}
}
@media(max-width:520px){
  .logo-text{white-space:normal;max-width:78px;font-size:8px;line-height:1.5}
  .logo-text small{font-size:7px;margin-top:2px;white-space:nowrap}
  .lsw-code{display:none}
  .lsw-btn{gap:6px;padding:0 9px}
}
.nav-links>li.nl-hide{display:none!important}
nav.logo-compact .logo-text{display:none}
/* pages du blog (barre simplifiée) */
nav>.nav-logo~.lsw{margin-left:auto;margin-right:14px}
@media(max-width:520px){
  nav>.nav-logo{display:block;font-size:8px;max-width:78px}
  nav>.nav-logo span{font-size:7px;white-space:nowrap}
  nav>.nav-logo~.lsw{margin-right:8px}
  nav>.nav-logo~.lsw .lsw-btn{height:40px}
  nav>.nav-logo~.nav-cta{padding:10px 12px;font-size:10px;letter-spacing:1px}
}
.lang-hint{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:1004;display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 24px);padding:10px 10px 10px 14px;background:rgba(8,6,18,.97);border:1px solid rgba(0,212,255,.6);box-shadow:0 0 24px rgba(0,212,255,.3),0 14px 40px rgba(0,0,0,.6);color:#fff;font:600 17px/1.25 'Rajdhani',sans-serif;opacity:0;transform:translate(-50%,16px);transition:opacity .35s,transform .35s}
.lang-hint.show{opacity:1;transform:translate(-50%,0)}
.lang-hint p{margin:0}
.lang-hint-go{flex:none;padding:10px 14px;background:var(--neon-blue);color:#080612;font:700 11px 'Orbitron',sans-serif;letter-spacing:1px;text-transform:uppercase;text-decoration:none}
.lang-hint-go:hover,.lang-hint-go:focus-visible{background:#fff;color:#080612}
.lang-hint-x{flex:none;width:36px;height:36px;padding:0;background:transparent;border:1px solid rgba(232,224,255,.3);color:#fff;font:400 20px/1 'Rajdhani',sans-serif;cursor:pointer}
.lang-hint-x:hover,.lang-hint-x:focus-visible{border-color:var(--neon-blue);color:var(--neon-blue)}
@media(max-width:600px){
  .lang-hint{flex-wrap:wrap;width:calc(100vw - 24px)}
  .lang-hint p{flex:1 1 0;min-width:0}
  .lang-hint-go{order:3;flex:1 1 100%;text-align:center}
}