/* nikobenef.com — LE menu du site (topbar.php), autonome : utilisé sur les pages du design Niko ET sur les pages de
   l'appli (pronos, fiche club), qui n'ont pas maquette.css. Couleurs et polices de la maquette, posées sur .top. */
.top,.top .menu-panel{--nt-deep:#0F2A1C;--nt-chalk:#F3F5EE;--nt-gold:#E8B730;--nt-ink:#18201B;--nt-line:#D5DBD1;--nt-surface:#FFFFFF;--nt-bg:#EEF1E9;--nt-safe:#24894F;--nt-pitch:#17402B;
  font-family:"Onest",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
@media (prefers-color-scheme:dark){.top .menu-panel{--nt-ink:#EEF2EA;--nt-line:#2A3A2F;--nt-surface:#16221A;--nt-bg:#0E1711;--nt-safe:#3FB06C}}
.top{background:var(--nt-deep);color:var(--nt-chalk);position:relative;z-index:20;padding-top:env(safe-area-inset-top,0px)}
.top *,.top *::before,.top *::after{box-sizing:border-box}
.top .wrap{display:flex;align-items:center;gap:12px;min-height:64px;max-width:640px;margin:0 auto;padding:0 18px}
.top .logo{font-family:"Unbounded","Onest",system-ui,sans-serif;font-weight:800;font-size:20px;letter-spacing:.5px;color:var(--nt-chalk);text-decoration:none;margin-right:auto;white-space:nowrap;line-height:1}
.top .logo span{color:var(--nt-gold)}
.top .top-nav{display:none}
.top .top-tools{display:flex;align-items:center;gap:8px}
.top .langs,.top .curs{display:flex;border:1px solid rgba(243,245,238,.25);border-radius:999px;overflow:hidden}
.top .langs a,.top .curs button{background:none;border:0;color:var(--nt-chalk);padding:8px 10px;font:700 14px/1 "Onest",sans-serif;cursor:pointer;min-height:40px;display:inline-flex;align-items:center;text-decoration:none}
.top .langs a[aria-current="true"],.top .curs [aria-pressed="true"]{background:var(--nt-chalk);color:var(--nt-deep)}
.top .btn-login{background:var(--nt-gold);color:#1B1A10;border:0;border-radius:999px;padding:10px 16px;font:800 15px/1 "Onest",sans-serif;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;text-decoration:none}
.top details{position:relative}
.top details>summary{list-style:none;cursor:pointer}.top details>summary::-webkit-details-marker{display:none}
.top .member-menu summary i{width:38px;height:38px;border-radius:50%;background:var(--nt-gold);color:#1B1A10;display:grid;place-items:center;font-style:normal;font-weight:800}
.top .nav-menu summary{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:rgba(243,245,238,.12);color:var(--nt-chalk)}
.top .nav-menu summary svg{width:22px;height:22px}
.top .menu-panel{position:absolute;right:0;top:calc(100% + 8px);z-index:30;min-width:220px;background:var(--nt-surface);color:var(--nt-ink);border:1px solid var(--nt-line);border-radius:16px;padding:6px;box-shadow:0 12px 30px rgba(0,0,0,.18);display:grid}
.top .menu-panel a,.top .menu-panel button{display:flex;align-items:center;min-height:46px;padding:0 12px;border-radius:10px;text-decoration:none;font:600 16px/1.2 "Onest",sans-serif;background:none;border:0;cursor:pointer;width:100%;text-align:left;color:inherit}
.top .menu-panel a:hover,.top .menu-panel button:hover{background:var(--nt-bg)}
.top .menu-panel [aria-current="page"]{color:var(--nt-safe)}
.top .menu-panel form{margin:4px 0 0;border-top:1px solid var(--nt-line);padding-top:4px}
.top .menu-panel .curs{margin:6px;border-color:var(--nt-line);justify-self:start;width:auto}
.top .menu-panel .curs button{color:var(--nt-ink);width:auto;min-height:40px;padding:8px 10px}
.top .menu-panel .curs [aria-pressed="true"]{background:var(--nt-pitch);color:var(--nt-chalk)}
.top :focus-visible{outline:3px solid #2F6BFF;outline-offset:2px;border-radius:6px}
@media (max-width:520px){.top .top-tools>.curs{display:none}.top .logo{font-size:16px;letter-spacing:0}.top .wrap{gap:6px;padding:0 12px}.top .top-tools{gap:6px}.top .langs a{padding:8px 7px;font-size:13px}.top .btn-login{padding:10px 12px;font-size:14px}.top .nav-menu summary{width:40px;height:40px}}
@media (min-width:521px){.top .menu-panel .curs{display:none}}
@media (min-width:1000px){
  .top .wrap{max-width:1180px;padding:0 24px;gap:16px;min-height:72px}
  .top .logo{margin-right:16px;font-size:22px}
  .top .top-nav{display:flex;gap:4px;margin-right:auto}
  .top .top-nav a{display:inline-flex;align-items:center;min-height:42px;padding:0 12px;border-radius:10px;text-decoration:none;font-weight:600;font-size:16px;color:rgba(243,245,238,.82);white-space:nowrap}
  .top .top-nav a:hover{background:rgba(243,245,238,.1);color:var(--nt-chalk)}
  .top .top-nav a[aria-current="page"]{color:var(--nt-gold)}
  .top .nav-menu{display:none}
}
@media (min-width:1000px) and (max-width:1240px){.top .top-nav a{padding:0 8px;font-size:15px}.top .wrap{gap:10px}}