/* ================================================================
   TABLET LAYOUT FIX (768px - 1023.98px)
   ----------------------------------------------------------------
   In this range the sidebar is an off-canvas element (it sits at x = -240px) and navigation lives inside the
   content area (sport tiles + league search), while the bet slip is the bottom sheet opened from the header badge.
   An older rule still reserved a 260px grid column for the hidden sidebar, which left a blank column and pushed
   the events 260px to the right (seen at 1024px inside host pages with a scrollbar).

   Scoped to the sportsbook app shell (#bcSbApp) and to this one breakpoint range; no wildcard selectors.
   ================================================================ */
@media (min-width: 768px) and (max-width: 1023.98px) {
    html:not([data-sbv2]) body #bcSbApp .bc-sb-layout {
        display: block !important;
        grid-template-columns: minmax(0, 1fr) !important;
    }

    html:not([data-sbv2]) body #bcSbApp .bc-sb-layout > .bc-sb-sidebar {
        display: none !important;          /* out of flow: no reserved column, no blank gutter */
    }

    html:not([data-sbv2]) body #bcSbApp .bc-sb-layout > .bc-sb-content {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
    }
}