/* ========================================================================
   MSB Music 10.9.84 — one fixed-player tail geometry for Light + Dark
   ------------------------------------------------------------------------
   Visual geometry is intentionally theme-neutral. Light and Dark use the
   exact same bottom clearance so switching theme never moves the final card.

   The compact Dark mobile layout from 10.9.82 is the source of truth:
   - <=480px: 60px shell reserve + the canonical 18px content tail.
   - 481..991px: keep the theme's canonical mobile/tablet geometry.
   - >=992px: both themes use the same 62px desktop player clearance.

   Palette remains theme-specific. Player, bottom-nav, SPA and data/network
   behavior are untouched. Pure CSS; no polling/fetch/AJAX/REST/database work.
   ======================================================================== */

/* Desktop: identical geometry in Light and Dark. */
@media (min-width: 992px) {
    html[data-theme="light"] body .main-content,
    html[data-theme="dark"] body .main-content,
    html[data-theme="light"] body.msb-artist-profile-active .main-content.msb-artist-profile-main,
    html[data-theme="dark"] body.msb-artist-profile-active .main-content.msb-artist-profile-main {
        padding-bottom: 62px !important;
    }

    html[data-theme="light"],
    html[data-theme="dark"] {
        scroll-padding-bottom: 62px;
    }
}

/* Mobile/tablet: mirror the canonical Dark geometry in Light Mode too. */
@media (max-width: 991px) {
    html[data-theme="light"] body .app-wrapper > .main-container,
    html[data-theme="dark"] body .app-wrapper > .main-container,
    html[data-theme="light"] body.msb-artist-profile-active .app-wrapper > .main-container,
    html[data-theme="dark"] body.msb-artist-profile-active .app-wrapper > .main-container {
        padding-bottom: 90px !important;
    }

    html[data-theme="light"] body .main-content,
    html[data-theme="dark"] body .main-content,
    html[data-theme="light"] body.msb-artist-profile-active .main-content.msb-artist-profile-main,
    html[data-theme="dark"] body.msb-artist-profile-active .main-content.msb-artist-profile-main {
        padding-bottom: 130px !important;
    }

    html[data-theme="light"],
    html[data-theme="dark"] {
        scroll-padding-bottom: 220px;
    }
}

/* Small phones: compact shared target requested by the user. */
@media (max-width: 480px) {
    html[data-theme="light"] body .app-wrapper > .main-container,
    html[data-theme="dark"] body .app-wrapper > .main-container,
    html[data-theme="light"] body.msb-artist-profile-active .app-wrapper > .main-container,
    html[data-theme="dark"] body.msb-artist-profile-active .app-wrapper > .main-container {
        padding-bottom: 60px !important;
    }

    html[data-theme="light"] body .main-content,
    html[data-theme="dark"] body .main-content,
    html[data-theme="light"] body.msb-artist-profile-active .main-content.msb-artist-profile-main,
    html[data-theme="dark"] body.msb-artist-profile-active .main-content.msb-artist-profile-main {
        padding-bottom: 18px !important;
    }

    html[data-theme="light"],
    html[data-theme="dark"] {
        scroll-padding-bottom: 78px;
    }
}