
/* V17 — Navigation adaptative mobile/tablette sans scroll horizontal */
.gn-mobile-toggle{display:none;align-items:center;justify-content:center;width:48px;height:44px;border:1px solid rgba(37,230,243,.75);border-radius:12px;background:rgba(4,15,29,.78);color:#fff;cursor:pointer;box-shadow:0 12px 28px rgba(0,0,0,.25);z-index:1002;flex:0 0 auto}
.gn-mobile-toggle span,.gn-mobile-toggle::before,.gn-mobile-toggle::after{content:"";display:block;width:22px;height:2px;background:#25e6f3;border-radius:999px;transition:transform .22s ease,opacity .22s ease;background-clip:padding-box}
.gn-mobile-toggle{flex-direction:column;gap:5px}.gn-nav-open .gn-mobile-toggle span{opacity:0}.gn-nav-open .gn-mobile-toggle::before{transform:translateY(7px) rotate(45deg)}.gn-nav-open .gn-mobile-toggle::after{transform:translateY(-7px) rotate(-45deg)}
.gn-mobile-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(7px);z-index:990;opacity:0;pointer-events:none;transition:opacity .2s ease}.gn-nav-open .gn-mobile-backdrop{opacity:1;pointer-events:auto}
body.gn-nav-open{overflow:hidden}
@media(max-width:920px){
  .gn-mobile-toggle{display:inline-flex}
  .nav,.nav-simple,.pro8-nav,.premium-header,.marketing-nav{position:sticky;top:0;z-index:1000;min-height:74px;height:auto;gap:14px;overflow:visible!important}
  .nav .brand,.nav-simple .brand,.marketing-nav .brand{flex:1 1 auto;min-width:0}
  .pro8-logo,.premium-header .logo{flex:1 1 auto;min-width:0}
  .nav .menu,.nav .tabs,.nav-simple .menu,.marketing-nav nav,.pro8-menu,.premium-header nav.nav{display:none!important;position:fixed!important;left:14px!important;right:14px!important;top:86px!important;z-index:1001!important;max-height:calc(100dvh - 112px)!important;overflow:auto!important;padding:16px!important;border:1px solid rgba(37,230,243,.45)!important;border-radius:22px!important;background:linear-gradient(180deg,rgba(5,18,34,.98),rgba(2,9,19,.98))!important;box-shadow:0 28px 90px rgba(0,0,0,.48)!important;grid-template-columns:1fr!important;gap:8px!important;white-space:normal!important;width:auto!important;transform:none!important;order:initial!important}
  body.gn-nav-open .nav .menu,body.gn-nav-open .nav .tabs,body.gn-nav-open .nav-simple .menu,body.gn-nav-open .marketing-nav nav,body.gn-nav-open .pro8-menu,body.gn-nav-open .premium-header nav.nav{display:grid!important}
  .nav .menu a,.nav .tabs a,.nav-simple .menu a,.marketing-nav nav a,.pro8-menu a,.premium-header nav.nav a{display:flex!important;align-items:center!important;justify-content:space-between!important;min-height:48px!important;padding:13px 15px!important;border-radius:14px!important;color:#fff!important;background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.08)!important;font-size:15px!important;font-weight:850!important;text-decoration:none!important;opacity:1!important}
  .nav .menu a::after,.nav .tabs a::after,.nav-simple .menu a::after,.marketing-nav nav a::after,.pro8-menu a::after,.premium-header nav.nav a::after{content:"›";color:#24e8f2;font-size:22px;line-height:1}
  .nav .menu a.active,.nav .tabs a.active,.marketing-nav nav a.active,.pro8-menu a.active,.premium-header nav.nav a.active{background:rgba(0,216,235,.14)!important;border-color:rgba(0,216,235,.38)!important;color:#28eef4!important}
  .nav>.btn,.nav-simple>.btn,.marketing-nav>.marketing-btn{margin-left:auto;white-space:nowrap}
  .premium-header .actions,.pro8-actions{display:flex!important;gap:10px;margin-left:auto;flex:0 0 auto}.premium-header .actions .btn,.pro8-actions .pro8-btn{min-height:44px;padding:0 14px;font-size:13px;border-radius:12px}.premium-header .actions .btn img{width:17px;height:17px}
}
@media(max-width:560px){
  .nav,.nav-simple,.pro8-nav,.premium-header,.marketing-nav{padding:12px 16px!important;align-items:center!important}
  .premium-header .actions,.pro8-actions{width:100%;order:3;display:grid!important;grid-template-columns:1fr;gap:10px}.premium-header .actions .btn,.pro8-actions .pro8-btn{width:100%;justify-content:center}.pro8-actions .pro8-btn-outline{display:flex!important}.nav>.btn,.nav-simple>.btn,.marketing-nav>.marketing-btn{display:none!important}
  .gn-mobile-toggle{width:46px;height:42px}.nav .menu,.nav .tabs,.nav-simple .menu,.marketing-nav nav,.pro8-menu,.premium-header nav.nav{top:142px!important;left:12px!important;right:12px!important}
  .page-deuxieme .formation-actions{display:grid!important;grid-template-columns:1fr!important}.page-deuxieme .formation-actions .btn{width:100%;justify-content:center}.floating-cta{left:12px!important;right:12px!important;bottom:12px!important;display:grid!important;grid-template-columns:1fr 1fr!important}.floating-cta .btn{width:100%;padding:12px 8px!important}
}
@media(max-width:420px){.premium-header .actions .btn,.pro8-actions .pro8-btn{font-size:12px}.gn-mobile-toggle{width:42px}}
