:root {--bg-body: #23292E;--text-body: #AAAFB5;--bg-sidebar: #16191C;--text-sidebar: #AAAFB5;--bg-table: #2E3439;--text-table: #AAAFB5;--bg-table-header: #3c444b;--text-table-header: #AAAFB5;--text-highlight: #ffffff;--text-fancy: #FDCF13;--btn-primary: #03B37F;--btn-secondary: #03B37F52;--btn-reset: #FC4242;--bg-tabs: #03b37f33;}
/* BLU7777 tenant layout: keep the six-box odds ladder on one line on detail pages (live-site layout at desktop widths) */
@media (min-width:992px){
/* Bookmaker pairing as on the live site: Bookmaker takes ~60% beside the
   second match1 market (width-25, ~40%); Fancy takes its own full row.
   Rows never wrap — the runner name flexes, the six boxes stay on one line. */
/* scoped 2026-10-30: the 62% leader width applies ONLY to a genuine
   Bookmaker pair (a market-2 immediately followed by its width-25 second
   half). Applied to every market-2 it forced tennis Match Odds full-width
   where golden pairs the panels two-up. */
.detail-page-container .market-2:has(+ .market-2.width-25){min-width:calc(62% - 6px);}
.detail-page-container .market-2.width-25{min-width:calc(38% - 6px);}
.detail-page-container .market-3{min-width:calc(100% - 6px);}
.detail-page-container .market-2 .bet-table-row{flex-wrap:nowrap;}
.detail-page-container .market-2 .bet-table-row .nation-name{flex:0 1 auto;min-width:0;}
.detail-page-container .market-2.width-25 .bet-table-row .nation-name{flex:1 1 auto!important;}
.detail-page-container .market-2 .bet-table-row .bl-box{flex:0 0 auto;}
.detail-page-container .market-2 .bet-table-row .nation-name p span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.detail-page-container .market-5 .bet-table-row .nation-name>span:first-child{max-width:none!important;}
}
/* The platform stylesheet caps the Bookmaker name span at
   max-width:calc(100% - 80px); once the name column narrows (landscape
   phones, smaller windows) that cap collapses the span to a few pixels
   and the runner name renders as a vertical strip of single letters.
   Remove the cap wherever the desktop row markup is used. */
.detail-page-container .market-2 .bet-table-row .nation-name p span:first-child{max-width:none!important;width:auto!important;flex:1 1 auto!important;min-width:0!important;}

/* detail title-row alignment (verified vs real capture 2026-10-28): Back/Lay tabs sit over the
   best Back/Lay columns (3rd and 4th boxes); runner rows shrink the name instead of wrapping boxes */
@media (min-width:1280px){
.detail-page-container .market-5 .bet-table-row.d-none-mobile .nation-name,
.detail-page-container .market-2:not(.width-25) .bet-table-row.d-none-mobile .nation-name{width:calc(100% - 220px)!important;}
.detail-page-container .market-5 .bet-table-row,
.detail-page-container .market-2 .bet-table-row{flex-wrap:nowrap!important;}
}

/* ladder boxes keep their 52px: the name absorbs all flex shrink (real-site geometry) */
@media (min-width:1280px){
.detail-page-container .market-5 .bet-table-row .bl-box,
.detail-page-container .market-5 .bet-table-row .bl-title{flex:0 0 auto!important;}
}

/* Mobile detail (<1280px): match the real match page as captured from the
   platform — the six-box ladder stays on ONE line per runner, boxes shrinking
   with the container (the base stylesheet's one-line sizing), instead of the
   49%-wide boxes the responsive stylesheet substitutes at this breakpoint,
   which wrap into a single stacked column. The duel market (width-25) keeps
   its platform pair layout; Fancy is untouched. */
@media (max-width:1279px){
/* scoped 2026-10-30: the 14.9% sizing is the SIX-box ladder sizing. It was
   applied to every box, so two-box rows (tennis Match Odds / Game Winner,
   whose sections carry only best Back + best Lay) rendered as narrow chips
   at ~15% each — the visible gap vs golden, whose two-box rows use the
   platform's ~48% sizing. Scope it to rows that actually hold 3+ boxes;
   two-box rows fall back to the platform stylesheet's own sizing. */
.detail-page-container .market-2:not(.width-25) .bet-table-row:has(.bl-box ~ .bl-box ~ .bl-box) .bl-box,
.detail-page-container .market-5 .bet-table-row:has(.bl-box ~ .bl-box ~ .bl-box) .bl-box,
.detail-page-container .market-11 .bet-table-row:has(.bl-box ~ .bl-box ~ .bl-box) .bl-box{width:14.9%!important;margin-right:2%!important;}
.detail-page-container .market-2:not(.width-25) .bet-table-row:has(.bl-box ~ .bl-box ~ .bl-box) .bl-box:last-child,
.detail-page-container .market-5 .bet-table-row:has(.bl-box ~ .bl-box ~ .bl-box) .bl-box:last-child,
.detail-page-container .market-11 .bet-table-row:has(.bl-box ~ .bl-box ~ .bl-box) .bl-box:last-child{margin-right:0!important;}
}

/* Casino virtual-cricket tables (superover 1/2/3, cricketv3): their page
   container ALSO carries .detail-page-container, so the six-box ladder
   sizing above leaked into the casino Bookmaker table — whose rows hold
   ONE Back + ONE Lay box (upstream-verified shape). Restore the platform
   stylesheet's own mobile sizing for two-box rows (48% + 4% gap, the
   global .bl-box rule) inside casino tables only; sports detail pages
   keep the ladder sizing. */
@media (max-width:1279px){
.casino-table.detail-page-container .market-2 .bet-table-row .bl-box{width:48%!important;margin-right:4%!important;}
.casino-table.detail-page-container .market-2 .bet-table-row .bl-box:last-child{margin-right:0!important;}
}