/* ======================================================
   MirrorPlayer
   Desert Rock Radio - Floating Player
====================================================== */

.mirrorplayer {

    position: fixed;

    bottom: 20px;

    left: 50%;

    transform: translateX(-50%);

    width: 420px;

    max-width: calc(100% - 30px);

    z-index: 99999;

}


.mirrorplayer-player {

    background:#111;

    border:1px solid #333;

    border-radius:12px;

    padding:10px;

    box-shadow:0 5px 30px rgba(0,0,0,.8);

}


.mirrorplayer-embed {

    display:none;

}

.mirrorplayer-playlist {

    display:none;

    position:absolute;

    bottom:75px;

    left:0;

    width:100%;

    background:#111;

    border:1px solid #333;

    border-radius:12px;

    padding:10px;

}

.mirrorplayer-embed iframe {

    width:100%;

    height:120px;

    border:0;

    display:block;

}
.mirrorplayer-embed {

    height: 0;

    overflow: hidden;

}


.mirrorplayer-embed iframe {

    width: 100%;

    height: 120px;

    border:0;

}


/* Barre principale */

.mirrorplayer-player {

    background: #111;

    border: 1px solid #333;

    border-radius: 12px;

    padding: 12px 18px;

    box-shadow: 0 5px 25px rgba(0,0,0,.6);

    color: white;

}


/* Album courant */

.mirrorplayer-current {

    display: flex;

    align-items: center;

    gap: 15px;

}


.mirrorplayer-cover {

    width: 55px;

    height: 55px;

    object-fit: cover;

    border-radius: 6px;

}


.mirrorplayer-title {

    flex: 1;

}


.mirrorplayer-title strong {

    display: block;

    color: #fff;

    font-size: 16px;

    margin-bottom: 5px;

}


.mirrorplayer-title a {

    color: #d67b00;

    font-size: 13px;

    text-decoration: none;

}


/* Lecteur Bandcamp */

.mirrorplayer-embed {

    margin-top: 10px;

}


.mirrorplayer-embed iframe {

    width: 100%;

    height: 120px;

    border: 0;

}


/* Bouton playlist */

.mirrorplayer-toggle {

    margin-top: 8px;

    background: #d67b00;

    color:white;

    border:0;

    border-radius:6px;

    padding:8px 14px;

    cursor:pointer;

    font-weight:bold;

}


/* Liste déroulante */

.mirrorplayer-playlist {

    display:none;

    margin-top:10px;

    background:#181818;

    border-radius:12px;

    padding:10px;

    max-height:350px;

    overflow-y:auto;

}



/* Un album */

.mirrorplayer-item {

    display:flex;

    align-items:center;

    gap:15px;

    padding:10px;

    border-bottom:1px solid #333;

    cursor:pointer;

    transition:.2s;

}


.mirrorplayer-item:hover {

    background:#252525;

}



.mirrorplayer-item img {

    width:60px;

    height:60px;

    object-fit:cover;

    border-radius:5px;

}



.mirrorplayer-item strong {

    color:white;

}



.mirrorplayer-item a {

    color:#d67b00;

    font-size:13px;

    text-decoration:none;

}



/* Mobile */

@media(max-width:700px){


    .mirrorplayer {

        bottom:10px;

        width:calc(100% - 20px);

    }


    .mirrorplayer-current {

        gap:10px;

    }


    .mirrorplayer-cover {

        width:45px;

        height:45px;

    }


}