/* BAND CLUB R157 | Desktop navigation: consistent icon baselines and touch targets. */
@media(min-width:768px){
 body.bc-modern .navbar-main #topMenu>li:not(.bc-online-nav-item) > a > i.fa{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 17px!important;width:17px!important;min-width:17px!important;
  height:20px!important;font-size:15px!important;line-height:1!important;
  margin:0!important;vertical-align:middle!important;text-align:center!important;
 }
 body.bc-modern .navbar-main #topMenu>li:not(.bc-online-nav-item){align-self:center!important}
 body.bc-modern .navbar-main #topMenu>li:not(.bc-online-nav-item)>a{
  align-items:center!important;justify-content:center!important;
  min-height:42px!important;line-height:1!important;
 }
 body.bc-modern .navbar-main #topMenu>li>a .topMenuName{line-height:1.15!important}
}
@media(min-width:768px) and (max-width:1599px){
 body.bc-modern .navbar-main #topMenu{align-items:center!important;gap:3px!important}
 body.bc-modern .navbar-main #topMenu>li:not(.bc-play-nav-item):not(.bc-online-nav-item)>a{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-width:31px!important;min-height:42px!important;height:42px!important;
  padding:0 6px!important;margin:0!important;gap:3px!important;
  position:relative!important;
 }
 /* Visually hidden remains accessible to screen readers and keyboard users. */
 body.bc-modern .navbar-main #topMenu>li:not(.bc-play-nav-item):not(.bc-online-nav-item)>a .topMenuName{
  display:block!important;position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;overflow:hidden!important;border:0!important;
  clip:rect(0,0,0,0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;
 }
 body.bc-modern .navbar-main #topMenu>li>a:focus-visible{
  outline:2px solid #7be6d8!important;outline-offset:2px!important;border-radius:7px!important;
 }
}
@media(min-width:1600px){
 body.bc-modern .navbar-main #topMenu>li:not(.bc-play-nav-item):not(.bc-online-nav-item)>a{gap:5px!important}
}

/* R157: tablet (768-991px) has too many links for one row.
   Reuse the existing Bootstrap hamburger instead of clipping links. */
@media(min-width:768px) and (max-width:991px){
 body.bc-modern .navbar-main #wallBar{position:relative!important;display:flex!important;align-items:center!important;flex-wrap:nowrap!important;min-height:64px!important;padding:0 12px!important}
 body.bc-modern .navbar-main .navbar-header{display:flex!important;align-items:center!important;flex:1 1 100%!important;width:100%!important;max-width:none!important;min-width:0!important;margin:0!important;gap:8px!important}
 body.bc-modern .navbar-main .navbar-header>.navbar-toggle{
  display:block!important;float:none!important;order:10!important;
  margin:0 0 0 auto!important;flex:0 0 36px!important;width:36px!important;
  height:36px!important;border:1px solid rgba(255,255,255,.2)!important;
  padding:7px 6px!important;box-sizing:border-box!important
 }
 body.bc-modern .navbar-main #main-nav.collapse:not(.in){display:none!important}
 body.bc-modern .navbar-main #main-nav.in,body.bc-modern .navbar-main #main-nav.collapsing{
  display:block!important;position:absolute!important;top:64px!important;left:0!important;right:0!important;
  width:100%!important;min-width:0!important;max-width:100%!important;max-height:calc(100vh - 75px)!important;
  overflow-x:hidden!important;overflow-y:auto!important;margin:0!important;padding:8px 10px 17px!important;
  background:#102a42!important;border:1px solid rgba(255,255,255,.16)!important;
  box-shadow:0 12px 22px rgba(2,24,40,.3)!important;z-index:999!important;
 }
 body.bc-modern .navbar-main #main-nav #topMenu{display:block!important;float:none!important;margin:0!important;padding:0!important;width:100%!important}
 body.bc-modern .navbar-main #main-nav #topMenu>li{display:block!important;width:100%!important;float:none!important;margin:0!important}
 body.bc-modern .navbar-main #main-nav #topMenu>li>a{
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  width:100%!important;min-width:0!important;height:auto!important;min-height:44px!important;
  padding:10px 12px!important;gap:12px!important;text-align:left!important;font-size:13px!important;
  white-space:normal!important;box-sizing:border-box!important
 }
 body.bc-modern .navbar-main #main-nav #topMenu>li>a .topMenuName{
  position:static!important;display:inline!important;clip:auto!important;clip-path:none!important;
  overflow:visible!important;margin:0!important;width:auto!important;height:auto!important;
  white-space:normal!important
 }
 body.bc-modern .navbar-main #main-nav #topMenu>li.bc-play-nav-item>a{justify-content:center!important;width:180px!important;min-height:37px!important;margin:5px 0 10px!important}
}