/*
====================================================

Shadow-Wolves.FM
player.css
Version 2.0

====================================================
*/


/* ==========================================
   Player Page
========================================== */

.player-page{

    padding-top:2rem;

    padding-bottom:6rem;

    background:var(--background);

}


/* ==========================================
   Player Logo
========================================== */

.player-logo{

    width:280px;

    max-width:90%;

    margin:0 auto 2rem;

    display:block;

    filter:drop-shadow(0 0 25px rgba(61,184,255,.30));

    transition:var(--transition);

}

.player-logo:hover{

    transform:scale(1.03);

}


/* ==========================================
   Radio Card
========================================== */

.player-page .radio-card{

    max-width:900px;

    margin:0 auto;

    padding:3rem;

}


/* ==========================================
   Audio Player
========================================== */

.audio-container{

    margin-top:2.5rem;

    text-align:center;

}

.audio-container audio{

    width:100%;

    max-width:700px;

    border-radius:12px;

}


/* ==========================================
   Player Info
========================================== */

.player-info{

    background:var(--background-light);

}

.player-info .card-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));

    gap:2rem;

}