/* =========================================================
   CORRECTION MOBILE V16 — menu entier accessible Android/iPhone
   ========================================================= */
@media (max-width:1180px), (hover:none) and (pointer:coarse){
  html, body{ width:100% !important; max-width:100% !important; overflow-x:hidden !important; }
  body{ padding-top:66px !important; background-attachment:scroll !important; }
  body.mobile-menu-open{ overflow:hidden !important; }
  header{ position:fixed !important; top:0 !important; left:0 !important; right:0 !important; width:100% !important; height:66px !important; min-height:66px !important; max-height:66px !important; overflow:visible !important; z-index:99990 !important; }
  .nav{ width:100% !important; max-width:none !important; height:66px !important; min-height:66px !important; padding:10px 14px !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:10px !important; }
  .brand{ flex:1 1 auto !important; min-width:0 !important; max-width:calc(100vw - 78px) !important; overflow:hidden !important; white-space:nowrap !important; text-overflow:ellipsis !important; font-size:clamp(18px,5vw,22px) !important; line-height:1.1 !important; }
  header .nav-menu, .nav-menu{ display:none !important; visibility:hidden !important; width:0 !important; max-width:0 !important; overflow:hidden !important; pointer-events:none !important; }
  .burger{ display:inline-flex !important; flex:0 0 48px !important; width:48px !important; height:44px !important; min-width:48px !important; align-items:center !important; justify-content:center !important; margin:0 !important; padding:0 !important; border-radius:14px !important; font-size:26px !important; line-height:1 !important; position:relative !important; z-index:100001 !important; cursor:pointer !important; touch-action:manipulation !important; }
  .mobile{ display:none !important; position:fixed !important; top:66px !important; left:0 !important; right:0 !important; bottom:0 !important; width:100vw !important; height:calc(100vh - 66px) !important; max-height:calc(100vh - 66px) !important; z-index:99999 !important; overflow-y:auto !important; overflow-x:hidden !important; -webkit-overflow-scrolling:touch !important; touch-action:pan-y !important; overscroll-behavior-y:contain !important; padding:16px 22px calc(130px + env(safe-area-inset-bottom)) !important; flex-direction:column !important; gap:0 !important; background:radial-gradient(circle at top left,rgba(244,189,88,.14),transparent 36%),linear-gradient(135deg,rgba(22,18,30,.99),rgba(14,18,28,.99)),rgba(8,6,9,.99) !important; border-top:1px solid rgba(255,255,255,.16) !important; box-shadow:0 30px 90px rgba(0,0,0,.68) !important; }
  .mobile.open{ display:flex !important; }
  .mobile a{ display:block !important; width:100% !important; padding:13px 0 !important; font-size:16px !important; line-height:1.35 !important; font-weight:800 !important; color:var(--muted) !important; border-bottom:1px solid rgba(255,255,255,.08) !important; overflow-wrap:anywhere !important; }
  .mobile a:hover, .mobile a.active{ color:var(--gold) !important; }
  .mobile-language-switch{ display:flex !important; gap:10px !important; align-items:center !important; margin-top:16px !important; padding:18px 0 0 !important; border-top:1px solid rgba(255,255,255,.13) !important; background:transparent !important; position:static !important; }
  .mobile-language-switch .lang-btn{ min-width:58px !important; min-height:42px !important; }
}
@supports (height:100dvh){ @media (max-width:1180px), (hover:none) and (pointer:coarse){ .mobile{ height:calc(100dvh - 66px) !important; max-height:calc(100dvh - 66px) !important; } } }
@media (max-width:380px){ body{ padding-top:62px !important; } header, .nav{ height:62px !important; min-height:62px !important; max-height:62px !important; } .mobile{ top:62px !important; height:calc(100vh - 62px) !important; max-height:calc(100vh - 62px) !important; padding-left:18px !important; padding-right:18px !important; } .brand{ max-width:calc(100vw - 74px) !important; font-size:18px !important; } .burger{ flex-basis:46px !important; width:46px !important; min-width:46px !important; height:42px !important; } }
@supports (height:100dvh){ @media (max-width:380px){ .mobile{ height:calc(100dvh - 62px) !important; max-height:calc(100dvh - 62px) !important; } } }