/* Infinity Gold 8.2.1 — header: merk links, alle desktoplinks op een rij.
   Bestaande mobiele community navigatie onderaan blijft behouden. */
.c-topbar .c-top-inner{
  max-width:1680px;
  min-height:76px;
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding-inline:24px;
  width:100%;
}
.c-topbar .c-brand{flex:0 0 auto;white-space:nowrap}
.c-topbar .c-nav{
  display:flex;
  flex:0 1 auto;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:nowrap;
  gap:8px;
  min-width:0;
  margin-left:auto;
  overflow:visible;
  padding:0;
}
.c-topbar .c-nav a{
  white-space:nowrap;
  flex:0 0 auto;
  padding:10px 12px;
  font-size:14px;
  line-height:1.25;
}
.c-topbar .c-menu-toggle{display:none}
@media(max-width:1660px){
  .c-topbar{position:sticky;top:0;z-index:100;overflow:visible}
  .c-topbar .c-top-inner{
    position:relative;
    flex-wrap:nowrap!important;
    min-height:70px;
    max-height:none!important;
    overflow:visible!important;
    padding-top:9px!important;
    padding-bottom:9px!important;
  }
  .c-topbar .c-brand{min-width:0;flex:1 1 auto}
  .c-topbar .c-menu-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    flex:0 0 auto;
    min-height:44px;
    min-width:100px;
    margin-left:auto;
    padding:9px 15px;
    font-family:inherit;
    font-weight:700;
    font-size:14px;
    line-height:1.2;
    color:#f4dfb6;
    background:#211b15;
    border:1px solid #9d7840;
    border-radius:12px;
    cursor:pointer;
  }
  .c-topbar .c-menu-toggle [aria-hidden]{font-size:21px;line-height:1}
  .c-topbar .c-menu-toggle:hover,
  .c-topbar .c-menu-toggle[aria-expanded="true"]{background:#3c2b19;border-color:#edc57e}
  .c-topbar .c-menu-toggle:focus-visible{outline:3px solid #f3cf90;outline-offset:3px}
  .c-topbar .c-nav{
    display:none!important;
    position:absolute;
    z-index:110;
    top:calc(100% - 1px);
    right:24px;
    left:auto;
    width:min(340px,calc(100vw - 32px));
    max-width:none;
    flex-direction:column;
    justify-content:flex-start;
    align-items:stretch;
    flex-wrap:nowrap!important;
    gap:5px;
    margin:0!important;
    padding:12px;
    background:#141519;
    border:1px solid #9b7740;
    border-radius:0 0 17px 17px;
    box-shadow:0 18px 44px #000b;
  }
  .c-topbar .c-nav.is-open{display:flex!important}
  .c-topbar .c-nav a,
  .c-topbar .c-nav a[href*="discord"],
  .c-topbar .c-nav a[href="/radio/account"]{
    display:flex!important;
    width:100%;
    max-width:none;
    justify-content:flex-start;
    min-height:44px;
    padding:12px 14px!important;
    text-align:left;
    font-size:14px;
    white-space:normal;
  }
}
@media(max-width:650px){
 .c-topbar .c-top-inner{min-height:66px!important;max-height:none!important;gap:10px}
 .c-topbar .c-brand{max-width:none;flex:1 1 auto;overflow:hidden}
 .c-topbar .c-brand span{white-space:normal;overflow:visible;text-overflow:clip}
 .c-topbar .c-menu-toggle{min-width:91px;padding:8px 11px;font-size:13px}
 .c-topbar .c-nav{right:16px;width:min(340px,calc(100vw - 32px))}
}
@media(max-width:350px){
 .c-topbar .c-brand small{display:none}
 .c-topbar .c-menu-toggle{min-width:50px}
 .c-topbar .c-menu-toggle span:last-child{display:none}
}

/* 9.4 desktop header: logo and links never occupy the same area. */
.c-topbar .c-brand{position:relative;z-index:1;flex-shrink:0;min-width:235px;}
.c-topbar .c-brand img{flex-shrink:0;}
.c-topbar .c-brand span{display:block;min-width:0;}
.c-topbar .c-nav a{font-size:13px;padding:9px 11px;}
@media (max-width:1660px){
 .c-topbar .c-brand{min-width:0;max-width:calc(100% - 125px);}
 .c-topbar .c-nav{flex-shrink:0;}
}
@media (max-width:350px){.c-topbar .c-brand{max-width:calc(100% - 65px);}}