/*
|--------------------------------------------------------------------------
| Music Single Refresh
|--------------------------------------------------------------------------
| Supplemental styles for the cleaner, narrower single-music layout.
|--------------------------------------------------------------------------
*/


/*
|--------------------------------------------------------------------------
| Desktop Layout Override
|--------------------------------------------------------------------------
*/

@media (min-width: 901px) {

    .music-single-layout {
        grid-template-columns:
            minmax(0, 760px)
            340px !important;

        max-width: 1128px !important;

        margin-left: auto;
        margin-right: auto;

        gap: 28px !important;
    }

    .music-single-main {
        max-width: 760px;
    }

    .music-single-layout > .archive-sidebar {
        width: 100%;
        min-width: 0;
    }
}


/*
|--------------------------------------------------------------------------
| Admin Actions
|--------------------------------------------------------------------------
*/

.music-admin-actions{
    margin:0 0 18px;
    padding:14px;
    border-radius:12px;
    background:#505050;
}

.music-admin-actions-label{
    display:block;
    margin-bottom:9px;
    color:#fff;
    font-size:11px;
    font-weight:800;
    letter-spacing:1.2px;
}

.music-admin-actions-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
}

.music-admin-delete-form{
    margin:0;
}

.music-admin-action{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:39px;
    padding:8px 14px;
    border:2px solid rgba(255,255,255,.72);
    border-radius:9px;
    background:#1473e6;
    color:#fff !important;
    font-size:13px;
    font-weight:800;
    line-height:1;
    text-decoration:none !important;
    cursor:pointer;
    box-shadow:0 1px 0 rgba(0,0,0,.08);
}

.music-admin-action:hover{
    background:#075fc5;
}

.music-admin-action-danger{
    background:#1473e6;
}


/*
|--------------------------------------------------------------------------
| Unified Music Content
|--------------------------------------------------------------------------
*/

.music-single-content {
    background:#ffffff;
    border:1px solid #e1e3e8;
    border-radius:12px;
    overflow:hidden;
}


/*
|--------------------------------------------------------------------------
| Hero
|--------------------------------------------------------------------------
*/

.music-single-content .music-song-header {
    grid-template-columns:
        175px
        minmax(0,1fr);

    gap:22px;
    padding:22px 26px;

    border:0;
    border-radius:0;
}

.music-single-content .music-song-cover {
    border-radius:8px;
}

.music-single-content .music-song-header-info h1 {
    max-width:540px;
    font-size:29px;
    line-height:1.12;
    letter-spacing:-.8px;
}

.music-single-content .music-song-header-meta {
    margin-top:11px;
    font-size:11px;
}


/*
|--------------------------------------------------------------------------
| Remove Separate Card Appearance
|--------------------------------------------------------------------------
*/

.music-single-content .music-song-details-card,
.music-single-content .music-song-details-clean,
.music-single-content .music-content-card,
.music-single-content .music-player-card,
.music-single-content .music-download-card {
    margin:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
}


/*
|--------------------------------------------------------------------------
| Song Details
|--------------------------------------------------------------------------
*/

.music-single-content .music-song-details-card {
    padding:22px 28px 20px;
}

.music-song-details-clean .music-details-list{
    margin-top:2px;
}

.music-song-details-clean .music-details-list > div{
    display:grid;
    grid-template-columns:
        125px
        minmax(0,1fr);

    gap:16px;
    align-items:start;
    padding:10px 0;
}

.music-song-details-clean dt{
    font-size:13px;
    font-weight:650;
}

.music-song-details-clean dd{
    margin:0;
    font-size:14px;
    font-weight:600;
}

.music-single-content .music-section-heading {
    margin-bottom:14px;
}

.music-single-content .music-section-heading h2 {
    font-size:20px;
    line-height:1.2;
}


/*
|--------------------------------------------------------------------------
| Content + Audio Unified Card
|--------------------------------------------------------------------------
*/

.music-song-content-card{
    margin-top:0 !important;
    padding:20px 28px 26px;

    border:0 !important;
    border-radius:0 !important;

    background:transparent !important;
    box-shadow:none !important;
}


/*
|--------------------------------------------------------------------------
| Article Body
|--------------------------------------------------------------------------
*/

.music-song-content-card .music-song-description{
    width:100%;
    max-width:680px !important;

    margin:0;
    padding:0;

    border:0;
    border-radius:0;

    background:transparent;

    color:#27282c;

    font-size:15px !important;
    font-weight:400;

    line-height:1.72 !important;
}

.music-song-content-card .music-song-description p{
    margin:0 0 17px;
}

.music-song-content-card .music-song-description p:last-child{
    margin-bottom:0;
}

.music-song-content-card .music-bbcode-content h2{
    margin:25px 0 10px;
    font-size:20px !important;
    line-height:1.3;
}

.music-song-content-card .music-bbcode-content h3{
    margin:22px 0 9px;
    font-size:17px !important;
    line-height:1.35;
}

.music-song-content-card .music-bbcode-content a{
    font-weight:650;
}


/*
|--------------------------------------------------------------------------
| Player / Download
|--------------------------------------------------------------------------
*/

.music-content-audio{
    margin-top:24px;
    padding-top:22px;
    border-top:1px solid #ececf0;
}

.music-song-content-card > .music-content-audio:first-child{
    margin-top:0;
    padding-top:0;
    border-top:0;
}

.music-player-inline{
    margin:0;
    box-shadow:none;
}

.music-download-inline{
    margin-top:15px;
    margin-bottom:0;
}

.music-audio-unavailable-inline{
    margin:0;
}


/*
|--------------------------------------------------------------------------
| Related Sections
|--------------------------------------------------------------------------
*/

.music-related-section{
    margin-top:18px;
    padding:20px 22px;
}


/*
|--------------------------------------------------------------------------
| Tablet
|--------------------------------------------------------------------------
*/

@media (min-width:701px) and (max-width:900px){

    .music-single-layout{
        max-width:760px;
        margin-left:auto;
        margin-right:auto;
    }

    .music-song-content-card .music-song-description{
        max-width:680px !important;
    }
}


/*
|--------------------------------------------------------------------------
| Mobile
|--------------------------------------------------------------------------
*/

@media(max-width:700px){

    .music-admin-actions{
        padding:13px;
        border-radius:11px;
    }

    .music-admin-actions-buttons{
        gap:8px;
    }

    .music-admin-action{
        min-height:38px;
        padding:8px 12px;
        font-size:12px;
    }

    .music-single-content{
        border-radius:10px;
    }

    .music-single-content .music-song-header{
        grid-template-columns:
            100px
            minmax(0,1fr);

        gap:13px;
        padding:14px;
    }

    .music-single-content .music-song-header-info h1{
        font-size:21px;
        line-height:1.12;
        letter-spacing:-.45px;
    }

    .music-single-content .music-song-header-meta{
        margin-top:8px;
        font-size:10px;
    }

    .music-single-content .music-song-details-card{
        padding:18px 16px 15px;
    }

    .music-song-details-clean .music-details-list > div{
        grid-template-columns:
            92px
            minmax(0,1fr);

        gap:11px;
        padding:9px 0;
    }

    .music-song-details-clean dt{
        font-size:12px;
    }

    .music-song-details-clean dd{
        font-size:13px;
    }

    .music-single-content .music-section-heading h2{
        font-size:19px;
    }

    .music-song-content-card{
        padding:17px 16px 20px;
    }

    .music-song-content-card .music-song-description{
        max-width:none !important;
        font-size:14px !important;
        line-height:1.7 !important;
    }

    .music-song-content-card .music-song-description p{
        margin-bottom:15px;
    }

    .music-song-content-card .music-bbcode-content h2{
        font-size:18px !important;
    }

    .music-song-content-card .music-bbcode-content h3{
        font-size:16px !important;
    }

    .music-content-audio{
        margin-top:20px;
        padding-top:18px;
    }

    .music-related-section{
        margin-top:14px;
        padding:16px 14px;
    }
}


@media(max-width:420px){

    .music-admin-action{
        flex:1 1 calc(50% - 8px);
    }

    .music-admin-delete-form{
        flex:1 1 calc(50% - 8px);
    }

    .music-admin-delete-form .music-admin-action{
        width:100%;
    }

    .music-song-details-clean .music-details-list > div{
        grid-template-columns:
            84px
            minmax(0,1fr);
    }
}