/* asg.css — styles specific to advanced-nba-schedule-grid.aspx ONLY.
   Everything is scoped under ".asg-page" (a class placed only on this page's
   content-body) so nothing here can leak to any other page. This file is linked
   only from advanced-nba-schedule-grid.aspx. */

/* Mobile: lay the "Show teams playing on" day checkboxes out in 2 columns to use
   the full-width sidebar space (the day filter stacks full width below 992px).
   Further scoped to .side-checkboxes so any other .form-checkbox lists on the page
   are unaffected. Mirrors the hashtaghockey advanced-nhl-schedule-grid change.
   owner request 2026-06-29. */
@media (max-width: 991.98px) {
    .asg-page .side-checkboxes .form-check-start { display: block; }
    .asg-page .side-checkboxes .form-checkbox { display: block; width: 100%; }
    .asg-page .side-checkboxes .form-checkbox tbody { display: block; column-count: 2; column-gap: 1rem; }
    .asg-page .side-checkboxes .form-checkbox tr { display: block; break-inside: avoid; -webkit-column-break-inside: avoid; }
    .asg-page .side-checkboxes .form-checkbox td { display: block; }
}

/* Compact the TOP and BOTTOM padding of the "Show teams playing on" card (the col-lg-2
   sidebar card) at every width. Left/right padding is untouched.
   Desktop: base 1.25rem -> 0.625rem (halved).
   Mobile: halved again on top of that -> 768-991px 0.625 -> 0.3125rem,
   and <=767px (phones) 0.375 -> 0.1875rem. owner request 2026-06-29. */
@media (min-width: 992px) {
    .asg-page .col-lg-2 .psg-data-card .card-body {
        padding-top: 0.625rem;
        padding-bottom: 0.625rem;
    }
}
@media (max-width: 991.98px) {
    .asg-page .col-lg-2 .psg-data-card .card-body {
        padding-top: 0.3125rem;
        padding-bottom: 0.3125rem;
    }
}
@media (max-width: 767.98px) {
    .asg-page .col-lg-2 .psg-data-card .card-body {
        padding-top: 0.1875rem;
        padding-bottom: 0.1875rem;
    }
}

/* Mobile (phones, <576px — where the small week-summary line shows): give the week
   summary the same space below it as above it. The space above is the grid card's
   card-body padding-top (0.75rem at this width); the line ships with mb-2 (0.5rem),
   so its bottom margin is bumped to 0.75rem to match. Desktop is unchanged.
   owner request 2026-06-29. */
@media (max-width: 575.98px) {
    .asg-page .col-lg-10 .card-body .d-block.d-sm-none {
        margin-bottom: 0.75rem !important;
    }
}

/* Mobile (<576px, where the week dropdown replaces the desktop week pills): the week-
   selector toolbar ships with padding-bottom:0 and a -5px bottom margin (fine for the
   pills) which makes the mobile week dropdown overlap the Platform row beneath it. Add
   positive spacing below the dropdown on mobile only — matching the hockey schedule grid.
   !important is needed to beat the element's inline style. owner request 2026-06-29. */
@media (max-width: 575.98px) {
    .asg-page .psg-section--toolbar {
        padding-bottom: 0.5rem !important;
        margin-bottom: 0 !important;
    }
}