/* inner.css - the matches-page design system applied to the inner pages (free tips, VIP tips, team
   streaks, league stats, league, team preview, match preview, account and legal pages). Loaded by
   classes/header.php for every route except the home page (.nh) and /matches (.mx). It restyles the
   legacy components those pages still emit (.seasonbox chips, .custom-select dropdowns, .tabs date
   tabs, .tabhead / .faq-c lists, the streak and league tables, chosen selects, the stat tiles) with
   the same tokens as matches.css: Poppins text, Bebas Neue labels, white cards with #e4e7eb borders,
   blue (#327ED5) active state, light grey (#eef0f3) league bars. Nothing here changes markup or data. */
.leftcol{--ink:#262626;--ink2:#5c6470;--ink3:#8a929e;--line:#e4e7eb;--line2:#eef0f3;--surface:#fff;--surface2:#f6f8fa;--head:#eef1f5;--head-ink:#4f5b6b;--blue:#327ED5;--blue-bg:#eaf2fc;--league:#eef0f3;--dark:#262528;--win:#1EC229;--draw:#C6B203;--loss:#EB1B1B;
    font-family:"Poppins",Arial,Helvetica,sans-serif;color:var(--ink);min-height:0}

/* page title, like the MATCHES masthead */
.leftcol h1.btf-seo-h1,.leftcol>h1{font-family:"Bebas Neue","Arial Narrow",sans-serif;font-weight:400;font-size:30px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin:14px 0 2px;line-height:1}
.leftcol .btf-seo-intro{font-size:12.5px;color:var(--ink2);margin:0 0 12px}

/* filter cards + chips (.seasonbox with .btn links and .custom-select dropdowns) */
.leftcol .seasonbox{border:1px solid var(--line);border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.05);background:var(--surface);padding:10px 12px;margin:10px 0;min-height:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.leftcol .tipbox,.leftcol .tipbox2{float:none;width:100%}
.leftcol .tipbox .seasonbox{margin-bottom:0;border-radius:6px 6px 0 0}
.leftcol .tipbox2 .seasonbox{margin-top:0;border-top:1px solid var(--line2);border-radius:0 0 6px 6px}
.leftcol .seasonbox .btn,.leftcol .seasonbox .custom-select{display:inline-block;height:38px;line-height:36px;padding:0 14px;width:auto!important;min-width:0;margin:0!important;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink2);font-family:"Poppins",Arial,sans-serif;font-size:13px;font-weight:500;text-decoration:none;vertical-align:middle;box-sizing:border-box;cursor:pointer;white-space:nowrap}
.leftcol .seasonbox a.btn:hover,.leftcol .seasonbox .custom-select:hover{background:var(--surface2)}
.leftcol .seasonbox .btn.active,.leftcol .seasonbox .custom-select.active{background:var(--blue)!important;border-color:var(--blue);color:#fff!important}
.leftcol .seasonbox .custom-select{padding-right:10px}
.leftcol .seasonbox .select-selected{padding:0 18px 0 0;line-height:36px;font-size:13px;font-weight:500;color:inherit;position:relative}
.leftcol .seasonbox .select-selected:after,.leftcol .seasonbox .select-selected.select-arrow-active:after{top:14px;right:0}
.leftcol .seasonbox .custom-select.active .select-selected:after{filter:brightness(0) invert(1)}
.leftcol .seasonbox .select-items{top:calc(100% + 4px);left:0;right:auto;min-width:150px;border:1px solid var(--line);border-radius:5px;box-shadow:0 6px 16px rgba(0,0,0,.12);padding:4px 0;line-height:1.4;max-height:320px;overflow:auto;background:var(--surface)}
.leftcol .seasonbox .select-items div{padding:7px 12px;font-size:12.5px;color:var(--ink);font-weight:400;white-space:nowrap}
.leftcol .seasonbox .select-items div:hover,.leftcol .seasonbox .select-items .same-as-selected{background:var(--blue-bg);color:var(--blue)}

/* section bar (title + sort menu + search + period tabs) */
.leftcol .eventlistdiv{background:var(--surface);border:1px solid var(--line);border-bottom:0;border-radius:6px 6px 0 0;padding:8px 12px;min-height:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px}
.leftcol .eventtxt,.leftcol .eventtxtstat{float:none;margin:0 auto 0 0;font-family:"Bebas Neue",sans-serif;font-size:19px;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.leftcol .eventlistdiv .rightpos{float:none;position:relative;order:9}
.leftcol .eventlistdiv .dots{width:22px;height:22px;object-fit:contain}
.leftcol .timetab{float:none;margin:0;display:flex;gap:6px;padding:0}
.leftcol .timetab li{border:1px solid var(--line);border-radius:5px;padding:0 12px;line-height:30px;font-size:12.5px;font-weight:500;color:var(--ink2);background:var(--surface);margin:0}
.leftcol .timetab li a{color:inherit;text-decoration:none}
.leftcol .timetab .active,.leftcol .timetab li:hover{background:var(--blue);border:1px solid var(--blue);color:#fff}
.leftcol .searchteam{float:none;margin:0}
.leftcol .txtsearch1{height:32px;width:170px;padding:0 30px 0 10px;border:1px solid var(--line)!important;border-radius:5px;background-color:var(--surface2);font-size:12px;margin:0}
.leftcol .searchbtn1{top:7px;right:8px}
.leftcol .dropdown-content{border:1px solid var(--line);border-radius:5px;box-shadow:0 6px 16px rgba(0,0,0,.12);top:28px}
.leftcol .dropdown-content a{color:var(--ink);font-weight:400}
.leftcol .dropdown-content a:hover{background:var(--blue-bg);color:var(--blue)}

/* date tabs (.tabs-list) + the content card below them */
.leftcol .tabs .tabs-list{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;background:var(--surface);border:1px solid var(--line);border-bottom:1px solid var(--line2);border-top:1px solid var(--line2)}
.leftcol .eventlistdiv+.clear+.tabs .tabs-list,.leftcol .eventlistdiv+.tabs .tabs-list{border-top:1px solid var(--line2)}
.leftcol .tabs .tabs-list li{float:none;width:auto!important;padding:0 14px!important;line-height:40px;border:1px solid var(--line)!important;border-radius:5px;background:var(--surface)!important;font-size:13px;font-weight:600;color:var(--ink2);text-align:center;margin:0}
.leftcol .tabs .tabs-list li a{color:inherit;text-decoration:none}
.leftcol .tabs .tabs-list li:hover{background:var(--surface2)!important}
.leftcol .tabs .tabs-list li.active{background:var(--blue)!important;border-color:var(--blue)!important;color:#fff!important}
.leftcol .tabs .tabs-list li.active a{color:#fff!important}
.leftcol .tabs .tabs-list li.posrelative{padding-right:30px!important}
.leftcol .greensquare{top:50%;margin-top:-13px;right:6px}
.leftcol .tabs .tab{border:1px solid var(--line);border-top:0;border-radius:0 0 6px 6px;padding:0;background:var(--surface)}
.leftcol .tabs>.tab:first-child{border-top:1px solid var(--line);border-radius:0 0 6px 6px}

/* fixture lists (free tips, VIP tips): header row, league bars, rows, form badges, positions, odds */
.leftcol .homewinhead{background:var(--dark);color:#fff;font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:16px;letter-spacing:.08em;text-transform:uppercase;line-height:36px;text-align:left;padding-left:12px;min-width:0}
.leftcol .tabhead{background:var(--head)!important;border-bottom:1px solid var(--line);min-width:0;white-space:nowrap}
.leftcol .tabhead>div,.leftcol .teamrecord .tabhead>div{background:var(--head);color:var(--head-ink);border-right:0;font-family:"Bebas Neue",sans-serif;font-size:13px;letter-spacing:.1em;text-transform:uppercase;line-height:36px;font-weight:400}
.leftcol .faq-c{background:var(--surface);padding:0;border-bottom:0;font-size:13px}
.leftcol .faq-q{background:var(--league);padding:7px 12px;font-family:"Bebas Neue",sans-serif;font-size:16px;font-weight:400;letter-spacing:.07em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--line2);display:flex;align-items:center;gap:4px}
.leftcol .faq-q a{color:var(--ink);text-decoration:none}
.leftcol .faq-q .faqheaD{float:none}
.leftcol .faq-q .flagimg{float:none;display:flex}
.leftcol .faq-q .faq-t{float:none;margin-left:auto;order:9;width:20px;height:20px;background-size:20px 20px}
.leftcol .faq-q .clear{display:none}
.leftcol .faq-a{margin:0}
.leftcol .fontsize{border-bottom:1px solid var(--line2);margin:0}
.leftcol .fontsize:hover{background:#fafbfc}
.leftcol .lastresultdiv1,.leftcol .homediv11,.leftcol .homediv3,.leftcol .pdiv2{color:var(--ink);font-size:13px;background:transparent}
.leftcol .barcelotxt a,.leftcol .homediv3 a,.leftcol .homediv11 a{color:var(--ink);font-weight:500;text-decoration:none}
.leftcol .homediv1{font-family:"Bebas Neue",sans-serif;font-size:18px;letter-spacing:.03em;color:var(--ink)}
.leftcol .homediv1 a{color:var(--ink);text-decoration:none}
.leftcol .odddiv1{color:var(--ink);font-weight:600;font-size:13px}
.leftcol .odddivhighdata{background:var(--blue-bg);color:var(--blue);font-weight:500;border-right:0;font-size:12.5px}
.leftcol .pdiv1{position:relative;background:transparent;color:var(--ink2);font-size:11px;font-weight:600;border-right:0}
.leftcol .pdiv1::before{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border:1.5px solid var(--ink3);border-radius:50%;pointer-events:none}
.leftcol .previous-records span,.leftcol .lastresultteamdivdata3 span,.leftcol .lastresultdata span{display:inline-block;min-width:20px;height:20px;line-height:20px;padding:0 2px;margin-right:2px;border-radius:4px;font-size:10px;font-weight:600;vertical-align:middle;box-sizing:border-box}
.leftcol .previous-records .tooltip{margin-right:2px}
.leftcol .previous-records,.leftcol .lastresultteamdivdata3{white-space:nowrap}
.leftcol .eventlistdiv .dots{filter:brightness(0) opacity(.55)}

/* streak and league-stats tables */
.leftcol .teamrecord{min-width:0}
.leftcol .teamrecord .homewinhead,.leftcol .tab>.homewinhead{border-radius:0}
.leftcol .srnodata,.leftcol .teamnodata,.leftcol .odddivhighdata1,.leftcol .lastresultteamdivdata1,.leftcol .lastresultteamdivdata2,.leftcol .lastresultteamdivdata3,.leftcol .leagueteamdata,.leftcol .drawteamdata,.leftcol .drawteamnodata,.leftcol .odddivhighdata2{color:var(--ink);font-size:12.5px;border-bottom:1px solid var(--line2)}
.leftcol .teamnodata,.leftcol .srnodata{font-weight:600;color:var(--ink2)}
.leftcol .lastresultteamdivdata3 a,.leftcol .lastresultteamdivdata1 a,.leftcol .leagueteamdata a{color:var(--ink);font-weight:500;text-decoration:none}
.leftcol .teamrecord .fontsize:hover,.leftcol .teamrecord .streakrow:hover{background:#fafbfc}

/* league / team / match pages: selectors, stat tiles, tables */
.leftcol .laligatxt{float:left;font-size:11px;color:var(--ink3);line-height:38px}
.leftcol .spainlogo{float:left;line-height:38px;color:var(--ink3)}
.leftcol select.betstxt{height:38px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);font-family:"Poppins",Arial,sans-serif;font-size:12.5px;padding:0 10px}
.leftcol .chosen-container{font-family:"Poppins",Arial,sans-serif}
.leftcol .chosen-container-single .chosen-single{height:38px;line-height:36px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--ink);font-size:12.5px;padding:0 0 0 10px;box-shadow:none}
.leftcol .chosen-container-single .chosen-single div{width:26px}
.leftcol .chosen-container-single .chosen-single div b{background-position:4px 10px}
.leftcol .chosen-container .chosen-drop{border:1px solid var(--line);border-top:0;background:var(--surface);border-radius:0 0 5px 5px;box-shadow:0 6px 16px rgba(0,0,0,.12)}
.leftcol .chosen-container .chosen-results li{color:var(--ink);font-size:12.5px;padding:7px 10px}
.leftcol .chosen-container .chosen-results li.highlighted,.leftcol .chosen-container .chosen-results li:hover{background:var(--blue-bg);color:var(--blue)}
.leftcol .chosen-container-single .chosen-search input[type=text]{border:1px solid var(--line);border-radius:4px;height:28px;font-family:"Poppins",sans-serif;font-size:12px}
.leftcol .statsgreybox{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:12px}
.leftcol .statsgreybox p{color:var(--ink3);font-size:10.5px}
.leftcol .goaltab{background:var(--surface2);border:1px solid var(--line);border-bottom:0;border-radius:5px 5px 0 0;font-family:"Bebas Neue",sans-serif;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink3);line-height:26px}
.leftcol .leaguebox{border:1px solid var(--line);border-top:0;border-radius:0 0 5px 5px;background:var(--surface);font-weight:600;color:var(--ink)}
.leftcol .leaguebox span{color:var(--ink3);font-size:11.5px}
.leftcol .statbox{padding:10px 12px 14px;border:1px solid var(--line);border-radius:6px;background:var(--surface);margin-top:10px}
.leftcol .statbox .seasonbox{margin:0 0 10px;box-shadow:none}
.leftcol .round29head{background:var(--dark);font-family:"Bebas Neue",sans-serif;letter-spacing:.08em;text-transform:uppercase;line-height:34px;font-weight:400;font-size:15px}
.leftcol .leaguetotalhead{background:var(--dark);font-family:"Bebas Neue",sans-serif;font-weight:400;letter-spacing:.08em;text-transform:uppercase;line-height:36px;font-size:15px;padding-left:12px}
.leftcol .gamedetailbox,.leftcol .predictiondetailbox,.leftcol .hometeambox,.leftcol .awayteambox,.leftcol .cornerleftbg,.leftcol .round30box,.leftcol .overmiddlebox,.leftcol .oversmalldiv{box-shadow:none;border:1px solid var(--line);border-radius:6px}
.leftcol .predictiondetailbox .greybg{background:var(--surface2)}
.leftcol .homehead,.leftcol .reshead,.leftcol .flaghead,.leftcol .nexthomehead,.leftcol .round30homehead,.leftcol .gameshead,.leftcol .finalhomehead,.leftcol .finalscorehead,.leftcol .underscorehead,.leftcol .underhomehead,.leftcol .aveghead,.leftcol .eventroundhead,.leftcol .eventhomehead,.leftcol .statshead,.leftcol .poshead,.leftcol .teamhead,.leftcol .ghead,.leftcol .lastresulthead,.leftcol .oddnumberhead,.leftcol .oddstatushead,.leftcol .teamnamehead,.leftcol .topflaghead,.leftcol .teamnohead{background:var(--head);color:var(--head-ink);font-family:"Bebas Neue",sans-serif;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;font-weight:400;border-right-color:#dfe4ea}
.leftcol .pointshead{background:var(--head);border-bottom:1px solid var(--line);min-width:0}
.leftcol .goaltab{background:var(--head);color:var(--head-ink)}
.leftcol .overmiddlehead,.leftcol .cornerlefthead{background:var(--head)}
.leftcol .finalscoretxt,.leftcol .underscoretxt{border-bottom-color:var(--line2)}
.leftcol .homedata,.leftcol .flagdata,.leftcol .nexthomedata,.leftcol .round30homedata,.leftcol .gamesdata,.leftcol .finalhomedata,.leftcol .underhomedata,.leftcol .avegdata,.leftcol .eventrounddata,.leftcol .eventhomedata,.leftcol .statsdata,.leftcol .teamdata,.leftcol .lastresultdata,.leftcol .oddnumberdata,.leftcol .teamnamedata,.leftcol .topflagdata,.leftcol .last5data,.leftcol .formdata{color:var(--ink);border-bottom-color:var(--line2)}
.leftcol .teamdata a,.leftcol .homedata a,.leftcol .eventhomedata a,.leftcol .nexthomedata a{color:var(--ink);text-decoration:none}
.leftcol .pointsdata{min-width:0;border-bottom:1px solid var(--line2)}
.leftcol .pointsdata:hover,.leftcol .pointsdata.selected,.leftcol .pointsdata.selected a{background:var(--blue-bg);color:var(--ink)}
.leftcol .pointsdata:hover .flagdata,.leftcol .pointsdata:hover .resdata,.leftcol .pointsdata:hover a,.leftcol .pointsdata:hover .teamdata{color:var(--ink)}
.leftcol .posdata span,.leftcol .gdata span,.leftcol .resdata span{border-radius:4px;font-weight:600}
.leftcol .pointlistdiv{background:var(--surface);border:1px solid var(--line);border-bottom:0;border-radius:6px 6px 0 0;min-height:0;padding:8px 12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.leftcol .pointtxt{color:var(--ink);font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:18px;letter-spacing:.06em;float:none;margin:0 auto 0 0}
.leftcol .pointtab{float:none;display:flex;gap:6px;margin:0;padding:0}
.leftcol .pointtab li{border:1px solid var(--line);border-radius:5px;line-height:32px;width:auto;padding:0 14px;font-weight:500;font-size:12.5px;color:var(--ink2)}
.leftcol .pointtab .active,.leftcol .pointtab li:hover{background:var(--blue);border:1px solid var(--blue);color:#fff;border-radius:5px}
.leftcol .pointlistdiv .custom-select{border:1px solid var(--line);border-radius:5px;background:var(--surface)}
.leftcol .overmiddlehead,.leftcol .cornerlefthead{background:var(--surface2);border-radius:6px 6px 0 0;font-family:"Bebas Neue",sans-serif;letter-spacing:.08em;text-transform:uppercase;font-weight:400;color:var(--ink);font-size:15px}
.leftcol .formdata span,.leftcol .oddnumberdata span,.leftcol .oddstatusdata span{background:var(--blue);border-radius:4px}
.leftcol .lightorangebg{background:var(--blue-bg)!important;color:var(--blue)}
.leftcol .hometeambox h1,.leftcol .hometeambox .hd1,.leftcol .awayteambox h1,.leftcol .awayteambox .hd1{font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:17px;letter-spacing:.08em;border-radius:6px 6px 0 0}
.leftcol .predictiondetailbox h1,.leftcol .predictiondetailbox .hd1{letter-spacing:.06em}
.leftcol .gamedetail h2{font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2)}
.leftcol .gamedetail ul{font-weight:400;color:var(--ink2);font-size:12.5px}
.leftcol .gamedetailreadmore a,.leftcol .moreless-button{color:var(--blue);font-weight:500}

@media (max-width:1199px){
  .leftcol .tipbox,.leftcol .tipbox2{width:100%}
}
@media (max-width:620px){
  .leftcol h1.btf-seo-h1,.leftcol>h1{font-size:24px}
  .leftcol .seasonbox{padding:8px}
  .leftcol .seasonbox .btn,.leftcol .seasonbox .custom-select{height:34px;line-height:32px;padding:0 10px;font-size:12px}
  .leftcol .seasonbox .select-selected{line-height:32px;font-size:12px}
  .leftcol .seasonbox .select-selected:after,.leftcol .seasonbox .select-selected.select-arrow-active:after{top:12px}
  .leftcol .tabs .tabs-list{padding:6px 8px}
  .leftcol .tabs .tabs-list li{line-height:34px;padding:0 10px!important;font-size:12px}
  .leftcol .eventlistdiv{padding:8px}
  .leftcol .timetab li{padding:0 10px;line-height:28px;font-size:12px}
  .leftcol .txtsearch1{width:100%}
  .leftcol .searchteam{width:100%}
}

/* ONE section-title style for the whole site (owner, 2026-10-15: "same for all, one glance"): the green
   Bebas band the home page panels and the right column already use. Column heads stay the slate band,
   league groups the light grey bar, active controls blue. Every heading form the pages emit maps here:
   h2.hd1 stats titles, h3 Players, the stat-list h2s, the dark .leaguetotalhead / .round29head /
   .homewinhead bands, the white .pointlistdiv / .eventlistdiv bars, the odds box heads, the home / away
   boxes and the prediction box title. */
.leftcol .mx-band,.leftcol h2.hd1,.leftcol .statbox h2,.leftcol .statsgreybox h2,.leftcol .gamedetailbox h2,.leftcol .gamedetailbox h3,.leftcol .gamedetail h2,.leftcol .predictiondetailbox h1,.leftcol .predictiondetailbox .hd1,
.leftcol .hometeambox h1,.leftcol .hometeambox .hd1,.leftcol .awayteambox h1,.leftcol .awayteambox .hd1,.leftcol .leaguetotalhead,.leftcol .round29head,.leftcol .overmiddlehead,.leftcol .cornerlefthead,.leftcol .homewinhead,
.leftcol .pointlistdiv,.leftcol .eventlistdiv,.leftcol .tabs .tab>h3,.leftcol #teamData>h3,.leftcol #leagueData>h3,.leftcol #MatchPreview h3{
  background:#9BDF52!important;color:#1a1a1a!important;font-family:"Bebas Neue","Arial Narrow",sans-serif!important;font-weight:400!important;font-size:17px!important;letter-spacing:.06em!important;text-transform:uppercase;
  text-align:left!important;line-height:1.3!important;padding:8px 12px!important;margin:0!important;border:0!important;border-radius:4px 4px 0 0;min-height:0!important;box-shadow:none}
.leftcol .pointtxt,.leftcol .eventtxt,.leftcol .eventtxtstat{color:#1a1a1a;font-size:17px;line-height:1.3}
.leftcol .leaguetotalhead,.leftcol .round29head,.leftcol .overmiddlehead,.leftcol .cornerlefthead,.leftcol .homewinhead{line-height:1.3!important}
.leftcol .pointlistdiv,.leftcol .eventlistdiv{padding:6px 12px!important;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px!important;border-radius:6px 6px 0 0}
.leftcol .eventlistdiv .timetab li,.leftcol .pointtab li{background:#fff;border-color:#fff}
.leftcol .eventlistdiv .timetab .active,.leftcol .pointtab .active,.leftcol .eventlistdiv .timetab li:hover,.leftcol .pointtab li:hover{background:var(--blue);border-color:var(--blue)}
.leftcol .eventlistdiv .txtsearch1{background-color:#fff}
.leftcol .eventlistdiv .dots{filter:brightness(0) opacity(.7)}
.leftcol .pointlistdiv .custom-select{border-color:#fff}
/* the cards that hold a band: no inner padding above it, the tiles box sits flush below */
.leftcol .statbox{padding:0;overflow:hidden}
.leftcol .statbox .statsgreybox{border:0;border-radius:0;padding:12px}
.leftcol .statbox .seasonbox{margin:10px 12px;box-shadow:none}
.leftcol .gamedetailbox,.leftcol .predictiondetailbox{padding-top:0;overflow:hidden}
.leftcol .gamedetailbox ul,.leftcol .gamedetail ul{margin-top:8px}
.leftcol .predictiondetailbox p,.leftcol .predictiondetailbox ul,.leftcol .predictiondetailbox .greybg{margin-left:0;margin-right:0}
.leftcol .predictiondetailbox>p:first-of-type{margin-top:10px}
.leftcol .hometeambox,.leftcol .awayteambox,.leftcol .overmiddlebox,.leftcol .cornerleftbg{overflow:hidden;padding-top:0}
.leftcol .homewinhead,.leftcol .leaguetotalhead,.leftcol .round29head{border-radius:0}
/* the team / league name heading at the top of the stats block reads as a title line, not a band */
.leftcol #teamData>h2.hd1:first-child,.leftcol #btf-ssr-team>h2.hd1:first-child{background:none!important;color:var(--ink)!important;font-size:22px!important;padding:6px 0!important;letter-spacing:.05em!important}
/* the match page's newer blocks (connections/events.inc, match_stats.inc) head with h2.btf-h: same band; their h3 sub-heads stay small */
.leftcol h2.btf-h{background:#9BDF52!important;color:#1a1a1a!important;font-family:"Bebas Neue","Arial Narrow",sans-serif!important;font-weight:400!important;font-size:17px!important;letter-spacing:.06em!important;text-transform:uppercase;text-align:left!important;line-height:1.3!important;padding:8px 12px!important;margin:14px 0 0!important;border:0!important;border-radius:4px 4px 0 0}
.leftcol .btf-blk h3,.leftcol h2.btf-h+h3{font-family:"Bebas Neue",sans-serif;font-weight:400;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#4f5b6b;background:#eef1f5;margin:0;padding:6px 12px}
/* two levels, not one (owner: "different colour, one black one green"): the SECTION bar stays green
   (.eventlistdiv, .pointlistdiv, the Stats titles, the prediction box, the match page's block heads);
   a BLOCK title inside a section is the dark band - Best for wins, Odds, Past games, Home / Away,
   the odds box heads, the highlight lists. Column heads below them remain the slate band. */
.leftcol .homewinhead,.leftcol .leaguetotalhead,.leftcol .round29head,.leftcol .overmiddlehead,.leftcol .cornerlefthead,
.leftcol .hometeambox h1,.leftcol .hometeambox .hd1,.leftcol .awayteambox h1,.leftcol .awayteambox .hd1,.leftcol .gamedetail h2,.leftcol .gamedetailbox h3,.leftcol .tabs .tab>h3,.leftcol #teamData>h3,.leftcol #leagueData>h3,.leftcol #MatchPreview h3{
  background:#262528!important;color:#fff!important}
/* game prediction box (league + match pages): the legacy 150px centred list wrapped every pick over four
   lines once the band took the top; it is a plain list of picks now, one per row */
.leftcol .predictiondetailbox{text-align:left;padding-bottom:0}
.leftcol .predictiondetailbox .greybg{background:#fff;padding:0;margin:0}
.leftcol .predictiondetailbox ul{width:auto;margin:0;padding:0 12px;list-style:none;font-size:12.5px!important;font-weight:500;color:var(--ink);line-height:1.45}
.leftcol .predictiondetailbox li{padding:8px 0;border-bottom:1px solid var(--line2)}
.leftcol .predictiondetailbox li:last-child{border-bottom:0}
.leftcol .predictiondetailbox p{padding:8px 12px;margin:0;text-align:left;font-size:11.5px!important;color:var(--ink3)!important}
/* legacy width:100% headings (home / away boxes) plus the band padding overflowed their box: size by border-box */
.leftcol h2.hd1,.leftcol h2.btf-h,.leftcol .hometeambox h1,.leftcol .hometeambox .hd1,.leftcol .awayteambox h1,.leftcol .awayteambox .hd1,.leftcol .predictiondetailbox h1,.leftcol .predictiondetailbox .hd1,.leftcol .leaguetotalhead,.leftcol .round29head,.leftcol .homewinhead,.leftcol .overmiddlehead,.leftcol .cornerlefthead{box-sizing:border-box;max-width:100%}
/* laptop band (owner, 2026-10-15: "add the right sidebar as in other pages"): responsive.min.css stacks the
   column under the content below 1200px, which on a 1024-1199px window reads as "no sidebar". Keep the two
   columns down to 1000px: a 230px sidebar and a fluid content column; the legacy fixed-width lists scroll
   inside their card there instead of being clipped. */
@media (min-width:1000px) and (max-width:1199px){
  .middlecontent .sitewidth{width:96%}
  .leftcol{width:calc(100% - 250px)!important;float:left!important;margin-top:10px!important;padding-top:0!important}
  .rightcol{width:230px!important;float:right!important;text-align:left!important;margin-top:10px!important}
  .leftcol .tabs .tab,.leftcol .teamrecord,.leftcol #leaguePoints,.leftcol #TeamStrikes,.leftcol #LeagueStreaks,.leftcol .deskpointtab{overflow-x:auto!important}
  .leftcol .tabhead,.leftcol #StatsHighlights .tabhead,.leftcol #tab-games .tabhead{display:block}
}
/* the streak / league-stats tables use % cells: below tablet width they collapse onto each other, so they keep a
   floor width and scroll inside their card (the legacy clip hid the overflow instead) */
@media (max-width:999px){
  .leftcol #TeamStrikes,.leftcol #LeagueStreaks,.leftcol .tabs .tab{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .leftcol #TeamStrikes .teamrecord,.leftcol #TeamStrikes .homewinhead,.leftcol #TeamStrikes .tabhead{min-width:700px}
  .leftcol #LeagueStreaks .teamrecord,.leftcol #LeagueStreaks .homewinhead,.leftcol #LeagueStreaks .tabhead{min-width:640px}
}
/* laptop band header: the eight menu items with 50px of padding each wrapped onto two rows at 1000-1199px */
@media (min-width:1000px) and (max-width:1199px){
  .headerbottom .menu li a{padding:17px 11px 17px 0!important;font-size:12.5px!important}
  .headerbottom .menu li{border-bottom:0!important}
  .headerbottom .searchdiv input.txtsearch{width:150px!important}
}
/* phones and tablets: the standings table was clipped at the viewport (legacy overflow:hidden hid half the
   columns); it scrolls inside its card now. The tips list rows become a wrapped flex row: home | time | away
   on the first line, pick + odds on the second, instead of the odds falling off onto a line of their own. */
@media (max-width:999px){
  .leftcol #leaguePoints,.leftcol .deskpointtab,.leftcol #btf-ssr-table,.leftcol #leagueData{overflow-x:auto!important;-webkit-overflow-scrolling:touch}
  .leftcol .pointshead,.leftcol .pointsdata{min-width:720px}
}
@media (max-width:620px){
  .leftcol .fontsize{display:flex;flex-wrap:wrap;align-items:center;padding:6px 8px;gap:4px 6px}
  .leftcol .fontsize>.lastresultdiv1{flex:1 1 calc(50% - 50px);width:auto;min-width:0;line-height:1.3;padding:0}
  .leftcol .fontsize>.homediv1{flex:0 0 64px;width:64px;text-align:center;padding:0;line-height:1.2}
  .leftcol .fontsize>.odddivhighdata{flex:1 1 60%;width:auto;line-height:30px;padding:0 8px;border-radius:4px}
  .leftcol .fontsize>.odddiv1{flex:0 0 auto;width:auto;line-height:30px;padding:0 4px}
  .leftcol .barcelotxt{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
  .leftcol .previous-records{display:block;white-space:nowrap;overflow:hidden}
}
/* phone pass 2026-10-15: the events.inc statistics tables overran the card by a few pixels; the streak rows'
   flag sat on the first letter of the team name */
@media (max-width:999px){
  .leftcol .btf-blk,.leftcol .btf-card{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .leftcol table.btf-t{max-width:100%}
}
.leftcol .streak .flagimg,.leftcol #LeagueStreaks .flagimg{display:inline-block;vertical-align:middle;height:auto;margin-right:4px;float:none}
.leftcol .streak .flagimg .flag,.leftcol #LeagueStreaks .flagimg .flag{margin:0}
/* match preview on tablets: six form badges in the home / away box cell wrapped onto a second line */
@media (max-width:999px){
  .leftcol .lastresultdata{white-space:nowrap;padding-left:6px}
  .leftcol .lastresultdata span{min-width:18px;height:18px;line-height:18px;font-size:9.5px;margin-right:2px;padding:0 2px}
}
.leftcol .btf-empty{padding:26px 14px;text-align:center;color:#8a929e;font-size:13px}