/* PJ0 Music – schwebenden „Deine CD“-Kasten minimierbar machen */
:root{
    --pj0-utility-bg:#11110f;
    --pj0-utility-border:#81745b;
    --pj0-utility-accent:#c7aa72;
    --pj0-utility-text:#f3efe7;
    --pj0-utility-muted:#aaa293;
}

.pj0-cd-floating-enhanced{
    transition:width .18s ease,height .18s ease,transform .18s ease!important;
}

.pj0-cd-floating-enhanced.is-pj0-cd-empty{
    display:none!important;
}

.pj0-cd-minimize-button{
    position:absolute!important;
    top:8px!important;
    right:8px!important;
    z-index:999999!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
    padding:0!important;
    margin:0!important;
    border:1px solid rgba(255,255,255,.24)!important;
    border-radius:0!important;
    background:rgba(0,0,0,.62)!important;
    color:#fff!important;
    font:900 18px/26px inherit!important;
    text-align:center!important;
    cursor:pointer!important;
    box-shadow:none!important;
}

.pj0-cd-minimize-button:hover{
    background:var(--pj0-utility-accent)!important;
    border-color:var(--pj0-utility-accent)!important;
    color:#111!important;
}

.pj0-cd-collapsed-overlay{
    display:none!important;
}

.pj0-cd-floating-enhanced.is-pj0-cd-collapsed{
    width:min(310px,calc(100vw - 36px))!important;
    height:58px!important;
    min-height:58px!important;
    max-height:58px!important;
    overflow:hidden!important;
    cursor:pointer!important;
    background:var(--pj0-utility-bg)!important;
    border:1px solid var(--pj0-utility-border)!important;
    box-shadow:0 12px 35px rgba(0,0,0,.42)!important;
}

.pj0-cd-floating-enhanced.is-pj0-cd-collapsed > *:not(.pj0-cd-collapsed-overlay){
    display:none!important;
}

.pj0-cd-floating-enhanced.is-pj0-cd-collapsed > .pj0-cd-collapsed-overlay{
    display:flex!important;
    position:absolute!important;
    inset:0!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:12px!important;
    padding:0 16px!important;
    background:var(--pj0-utility-bg)!important;
    border:0!important;
    color:var(--pj0-utility-text)!important;
    font:900 13px/1.1 inherit!important;
    text-transform:uppercase!important;
    letter-spacing:.35px!important;
    box-sizing:border-box!important;
    z-index:999999!important;
}

.pj0-cd-floating-enhanced.is-pj0-cd-collapsed > .pj0-cd-collapsed-overlay:hover{
    background:#171713!important;
}

.pj0-cd-collapsed-overlay .pj0-cd-collapsed-overlay-label{
    color:var(--pj0-utility-text)!important;
}

.pj0-cd-collapsed-overlay .pj0-cd-collapsed-open{
    color:var(--pj0-utility-accent)!important;
    font-size:20px!important;
    font-weight:800!important;
}

@media (max-width:600px){
    .pj0-cd-minimize-button{top:6px!important;right:6px!important;}
    .pj0-cd-floating-enhanced.is-pj0-cd-collapsed{
        width:min(270px,calc(100vw - 24px))!important;
        height:54px!important;
        min-height:54px!important;
        max-height:54px!important;
    }
}


/* ===== v2.8.11 mobile drag for minimized CD ===== */
@media screen and (max-width:900px){
    .pj0-cd-floating-enhanced.is-pj0-cd-collapsed{
        touch-action:none!important;
    }
    .pj0-cd-floating-enhanced.is-pj0-cd-collapsed > .pj0-cd-collapsed-overlay{
        cursor:grab!important;
        touch-action:none!important;
        user-select:none!important;
        -webkit-user-select:none!important;
    }
    .pj0-cd-floating-enhanced.is-pj0-cd-collapsed.is-pj0-dragging > .pj0-cd-collapsed-overlay{
        cursor:grabbing!important;
    }
}