/* BAND CLUB R145 | Mobile bell visible + fully accessible hamburger navigation.
   Never hide nav entries; the menu scrolls inside the available screen height.
   Desktop layout is intentionally untouched. */
.bc-mobile-notification-r145{display:none!important}
@media(max-width:767px){
 body.bc-modern .navbar-main .navbar-header{
  gap:5px!important;padding-left:7px!important;padding-right:7px!important;
  box-sizing:border-box!important;flex-wrap:nowrap!important;
 }
 body.bc-modern .navbar-main .navbar-header>a:has(#searchIcon){
  display:none!important; /* Search remains available in the hamburger menu. */
 }
 body.bc-modern .navbar-main .navbar-header>a.mobile-bar-icon-user{
  order:4!important;flex:0 0 20px!important;min-width:20px!important;
  justify-content:center!important;margin:0!important
 }
 body.bc-modern .navbar-main .navbar-header>a.bc-mobile-notification-r145,
 body.bc-modern .navbar-main .navbar-header>a.bc-mobile-notification-r145:visited{
  display:inline-flex!important;order:5!important;position:relative!important;
  align-items:center!important;justify-content:center!important;
  flex:0 0 34px!important;width:34px!important;height:38px!important;
  min-width:34px!important;padding:0!important;margin:0!important;
  float:none!important;color:#f6fbff!important;text-decoration:none!important;
  background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.12)!important;
  border-radius:10px!important;
 }
 body.bc-modern .navbar-main .navbar-header>a.bc-mobile-notification-r145 svg{
  width:21px!important;height:21px!important;stroke:currentColor!important;flex:none!important
 }
 body.bc-modern .navbar-main .navbar-header>a.bc-mobile-notification-r145:hover,
 body.bc-modern .navbar-main .navbar-header>a.bc-mobile-notification-r145:focus-visible{
  background:rgba(255,255,255,.2)!important;outline:2px solid #93c9ff!important;outline-offset:2px
 }
 body.bc-modern .navbar-main .navbar-header>a.bc-mobile-notification-r145 .bcpush-bell-count{
  position:absolute!important;top:-5px!important;right:-6px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-width:17px!important;height:17px!important;padding:0 3px!important;margin:0!important;
  background:#ea174b!important;color:#fff!important;border:2px solid #102a42!important;
  border-radius:11px!important;font-size:9px!important;font-weight:900!important;line-height:1!important;
  box-sizing:content-box!important;z-index:1
 }
 body.bc-modern .navbar-main .navbar-header>.navbar-toggle{
  order:6!important;flex:0 0 34px!important;width:34px!important;min-width:34px!important;
  margin:0!important;padding:6px 5px!important;box-sizing:border-box!important
 }
 body.bc-modern .navbar-main #wallBar{overflow:visible!important}
 body.bc-modern .navbar-main #main-nav{
  float:none!important;width:100%!important;max-width:100%!important;
  max-height:calc(100vh - 56px - env(safe-area-inset-bottom, 0px))!important;
  overflow-x:hidden!important;overflow-y:auto!important;
  -webkit-overflow-scrolling:touch;overscroll-behavior:contain;
  scrollbar-width:thin;scrollbar-color:#abc4da #102a42;
  padding-bottom:12px!important;box-sizing:border-box!important;
  background:#102a42!important;border-top:1px solid rgba(255,255,255,.1)!important
 }
 body.bc-modern .navbar-main #main-nav #topMenu{
  display:block!important;float:none!important;width:100%!important;
  margin:0!important;padding:7px 8px 17px!important
 }
 body.bc-modern .navbar-main #main-nav #topMenu>li{
  display:block!important;float:none!important;width:100%!important;
  margin:0!important;box-sizing:border-box!important
 }
 body.bc-modern .navbar-main #main-nav #topMenu>li>a{
  display:flex!important;align-items:center!important;gap:12px!important;
  width:100%!important;min-height:46px!important;
  padding:10px 12px!important;margin:0!important;
  box-sizing:border-box!important;white-space:normal!important;font-size:14px!important
 }
 body.bc-modern .navbar-main #main-nav #topMenu>li>a .topMenuName{
  display:inline!important;white-space:normal!important
 }
 /* The notification center now lives in the always-visible header. */
 body.bc-modern .navbar-main #main-nav #topMenu>li.bc-notifications-item{
  display:none!important
 }
}
@media(max-width:430px){
 body.bc-modern .navbar-main #logo_mobile{max-width:98px!important;max-height:35px!important}
 body.bc-modern .navbar-main .navbar-header>.bc-mobile-online-r41{
  padding:4px 6px!important;gap:3px!important;margin-left:auto!important;font-size:10px!important
 }
 body.bc-modern .navbar-main .bc-mobile-online-text-r41{display:none!important}
}
@media(max-width:374px){
 body.bc-modern .navbar-main .navbar-header{gap:4px!important;padding-left:5px!important;padding-right:5px!important}
 body.bc-modern .navbar-main #logo_mobile{max-width:88px!important}
 body.bc-modern .navbar-main .bc-mobile-play-label-long-r115{display:none!important}
 body.bc-modern .navbar-main .bc-mobile-play-label-short-r115{display:inline!important}
 body.bc-modern .navbar-main .navbar-header>a.bc-mobile-play-top-r115{padding:7px 6px!important}
 body.bc-modern .navbar-main .navbar-header>a.bc-mobile-notification-r145{flex-basis:32px!important;width:32px!important;min-width:32px!important}
}
@supports (height:100dvh){
 @media(max-width:767px){
  body.bc-modern .navbar-main #main-nav{
   max-height:calc(100dvh - 56px - env(safe-area-inset-bottom, 0px))!important
  }
 }
}