/* ClubOS 8.14.0-B.1.3 — Music Room mobile compacte, sans modifier le rendu desktop. */
.music-playlists-label-short { display: none; }

@media (max-width: 767.98px) {
    body.music-page-shell .music-context-sticky {
        position: static;
        top: auto;
        z-index: auto;
        margin-bottom: .7rem !important;
    }

    body.music-page-shell .music-context-bar {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center !important;
        gap: .55rem !important;
        padding: .68rem .72rem;
        border-radius: .95rem;
        box-shadow: 0 5px 15px rgba(15, 23, 42, .1);
    }

    body.music-page-shell .music-context-bar h1 {
        margin: 0 0 .12rem !important;
        font-size: 1.08rem !important;
        line-height: 1.15;
    }

    body.music-page-shell .music-context-bar p {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: .22rem;
        font-size: .72rem !important;
        line-height: 1.25;
    }

    body.music-page-shell .music-context-bar p .badge {
        margin-left: .1rem !important;
        font-size: .58rem;
    }

    body.music-page-shell .music-playlists-label-full { display: none; }
    body.music-page-shell .music-playlists-label-short { display: inline; }
    body.music-page-shell .music-playlists-link {
        min-height: 2.25rem;
        padding: .38rem .58rem;
        border-radius: .72rem;
        white-space: nowrap;
        font-size: .73rem;
    }

    body.music-page-shell .music-album-grid {
        --bs-gutter-x: 0;
        --bs-gutter-y: 0;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: .62rem;
        margin: 0;
    }

    body.music-page-shell .music-album-grid > .music-album-grid__item {
        width: auto;
        max-width: none;
        min-width: 0;
        padding: 0;
    }

    body.music-page-shell .music-album-card {
        min-width: 0;
        border-radius: .9rem;
        overflow: hidden;
        box-shadow: 0 5px 16px rgba(15, 23, 42, .12) !important;
    }

    body.music-page-shell .music-album-card:hover {
        transform: none;
    }

    body.music-page-shell .music-album-card .album-cover-link {
        display: block;
        width: 100%;
        aspect-ratio: 1 / 1;
        border-radius: 0;
    }

    body.music-page-shell .music-album-card .album-cover {
        display: block;
        width: 100%;
        height: 100%;
        aspect-ratio: 1 / 1;
        object-fit: cover;
        border: 0 !important;
    }

    body.music-page-shell .music-album-card .card-body {
        min-width: 0;
        padding: .62rem !important;
    }

    body.music-page-shell .music-album-badges {
        position: absolute;
        z-index: 2;
        top: .42rem;
        left: .42rem;
        right: .42rem;
        gap: .22rem !important;
        margin: 0 !important;
        pointer-events: none;
    }

    body.music-page-shell .music-album-badges .badge {
        max-width: 100%;
        overflow: hidden;
        padding: .2rem .34rem;
        font-size: .53rem;
        line-height: 1.1;
        text-overflow: ellipsis;
        white-space: nowrap;
        box-shadow: 0 2px 8px rgba(0, 0, 0, .24);
    }

    body.music-page-shell .music-album-title {
        min-height: 2.2em;
        margin-bottom: .22rem !important;
        font-size: .88rem !important;
        line-height: 1.16;
    }

    body.music-page-shell .music-album-title > a {
        display: -webkit-box;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        overflow-wrap: anywhere;
    }

    body.music-page-shell .music-album-subtitle {
        overflow: hidden;
        margin-bottom: .3rem !important;
        font-size: .7rem !important;
        line-height: 1.2;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.music-page-shell .music-album-author {
        width: 100%;
        gap: .34rem;
        margin-bottom: .48rem !important;
        font-size: .69rem;
    }

    body.music-page-shell .music-album-author .music-author-avatar {
        width: 1.38rem;
        height: 1.38rem;
        font-size: .6rem;
    }

    body.music-page-shell .music-album-author .music-author-name {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    body.music-page-shell .music-album-actions {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr);
        gap: .32rem !important;
        width: 100%;
        padding-top: .05rem;
    }

    /* La pochette et le titre ouvrent déjà l’album : on garde le seul contrôle indispensable. */
    body.music-page-shell .music-album-open-action {
        display: none !important;
    }

    body.music-page-shell .music-album-play-action {
        width: 100%;
        min-width: 0;
        min-height: 2.15rem;
        padding: .36rem .42rem;
        font-size: .72rem;
        line-height: 1.1;
    }

    body.music-page-shell .music-album-grid .alert {
        grid-column: 1 / -1;
    }
}

@media (max-width: 359.98px) {
    body.music-page-shell .music-album-grid { gap: .46rem; }
    body.music-page-shell .music-album-card .card-body { padding: .52rem !important; }
    body.music-page-shell .music-album-title { font-size: .82rem !important; }
    body.music-page-shell .music-album-author { font-size: .64rem; }
    body.music-page-shell .music-context-bar { padding: .58rem .62rem; }
}