body{font-family:Source Sans Pro,sans-serif !important;}
@media only screen and (max-width: 991px) {
    .logo a img {
margin-left:10px;
margin-top:-20px;
        max-width: 150px !important;
        max-height: 83px !important;

    }
}

@media (max-width: 560px) {
  .logged-in-player-details {overflow-x: scroll !important; width: 90vw !important;}
  .logged-in-player-details .message{ overflow-x: scroll !important; width: 90vw !important; text-align:left !important;} 
  .logged-in-player-details .message p{width: 98vw !important;} 
  .header_in > .logo {padding: 10px 0 10px 0px !important;}
  nav-icon span { background-color: white; }

}



.calendar_icon { background: url(/UserControlPanelContent/images/calendar.png) no-repeat center center; }
.team_icon, .teams_icon { background: url(/UserControlPanelContent/images/group.png) no-repeat center center; }
.book, .bookings_icon { background: url(/UserControlPanelContent/images/book.png) no-repeat center center; }
.statements, .statements_icon { background: url(/UserControlPanelContent/images/statements.png) no-repeat center center; }
.search, .ringers_icon { background: url(/UserControlPanelContent/images/search.png) no-repeat center center; }


/* ===== Mobile-only top menu theming ===== */
@media (max-width: 560px) {

  /* Base: each top-level item as a dark row */
  ul > li > a.menu__link {
    background: #333 !important;
    color: #fff !important;
  }

  /* Icons inside links (span background-image icons): force white */
  .menu__link > span[class$="_icon"] {
    display: inline-block;
    width: 20px; height: 20px;
    margin-right: 8px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px 20px;
    /* make dark PNGs render as white */
  /* filter: brightness(0) invert(1) grayscale(1) brightness(1.1) !important;*/
filter: brightness(0) invert(1) contrast(1.25) !important;

    opacity: 1; 
    vertical-align: middle;
  }

  /* Active top-level item: brand highlight + keep icons/text white */
  li.active > a.menu__link {
    background: #fc6000 !important;
    color: #fff !important;
  }
/*
  li.active > a.menu__link > span[class$="_icon"] {
  filter: brightness(0) invert(1) contrast(1.25) !important;
   opacity: 1;
color: #fff !important; 

  }*/

  /* Profile tab when selected (shows submenu): slightly lighter than #333 */
  li.acc.active > a.menu__link {
    background: #3b3b3b !important; /* subtle step up from #333 */
    color: #fff !important;
  }

  /* Profile submenu panel: one step lighter again */
  li.acc.active > .profile {
    background: #444 !important;
    border: 0 !important;
  }

  /* Submenu links stay readable on the lighter panel */
  li.acc.active > .profile a.profile-menu__link {
    color: #fff !important;
    text-decoration: none;
  }

  /* (Optional) keep the Profile image legible on dark: white chip */
  li.acc > a.menu__link img {
    background: #fff !important;
    border-radius: 6px;
    padding: 4px;
    margin-right: 8px;
    vertical-align: middle;
  }
}