/* mobile-fixes.css - small-screen corrections found in the 2026-09-09 responsive audit.
   Loaded after responsive.min.css from classes/header.php so the minified file need not be rebuilt. */

/* register page: the input carried padding+border on top of width:100% and ran past the dark box;
   the box's 50px side padding also left only 300px on a phone */
@media (max-width:768px){
  .joinclubbox{padding:24px 18px}
  .joinclubbox .txtsearch,.joinclubbox input[type=text],.joinclubbox input[type=email],.joinclubbox input[type=password],.joinclubbox select{box-sizing:border-box;max-width:100%}
}

/* match page odds table: 9px headers are unreadable on a phone */
@media (max-width:620px){
  .oddnumberhead{font-size:10.5px;line-height:1.2}
}

/* wide stat tables (team streaks, league stats, league tables) scroll sideways inside their box;
   give the box a right-edge fade and momentum scrolling so the scroll is discoverable */
@media (max-width:768px){
  #leaguePoints,#TeamStrikes,#LeagueStreaks{-webkit-overflow-scrolling:touch;background-image:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0) calc(100% - 28px),rgba(0,0,0,.06));background-attachment:local,scroll}
}

/* 2026-09-09 match-row preview icon: responsive.min.css shrinks .odddiv1 to 30px under 480px, too narrow for icon + bell */
@media (max-width: 480px){ .odddiv1{ width:52px !important; padding-left:0; } .odddiv1 .btf-preview{ line-height:30px; } }