/*** Carousel ****/

.aurabeats-player-set .srp_swiper-button-prev,
.aurabeats-player-set .srp_swiper-button-next {
    background-color:#0d7171;
    box-shadow:0px 0px 8px #000;
    padding:30px 35px;
    font-weight:700;
}

.aurabeats-player-set .srp_swiper-titles {
    background-image:url("./assets/black_bar.png");
    background-repeat:repeat-x;
    background-position:0% 120%;
}

.aurabeats-player-set .srp_swiper-titles .srp_index,
.aurabeats-player-set .srp_swiper-titles .srp_swiper-title {
    display:none;
}




/*** Boxed Player ***/

    /* hide all control elements */
.aurabeats-player-set .srp_player_boxed .srp_control_box {
    display:none !important;
}

    /* hide cover track image (it appears already twice in the bottom sticky player and in the carousel) */
.aurabeats-player-set .iron-audioplayer .srp_player_boxed .sonaar-Artwort-box { /* overriding (0,2,0) specifity */
    display:none;
}

    /* reduce player to 1 column */
.aurabeats-player-set .iron-audioplayer:not(.sonaar-no-artwork) .srp_player_boxed.srp_player_grid { /* overrides (0,3,0) specifity */
    grid-template-columns: 1fr;
}
 
.aurabeats-player-set .iron-audioplayer .srp_player_boxed .srp_description {
    min-height:170px;
}

.aurabeats-player-set .iron-audioplayer .srp_player_boxed .srp_description{
    opacity: 0;
}

.aurabeats-player-set .iron-audioplayer .srp_player_boxed .srp_description:has(.visible) {
    opacity: 1;
}


/*** Tracklist Grid ****/

/* Tracklist Grid: text below image, no flex  */
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .playlist .srp_tracklist .audio-track {
    display:block;
}

/* Tracklist Grid: duration time */
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .playlist .tracklist-item-time {
    margin-left:0px;
    font-size:15px;
}

/* Tracklist Grid: spacing between title and duration time */
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .playlist .tracklist-item-title {
    margin-bottom:4px;
}

/* Tracklist Grid: gap (spacing between the tiles) 

    20px = spacing of the grid container to the viewport left/right
*/
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"].srp_tracklist_grid .srp_tracklist > ul {
    gap:20px;
}

/* Tracklist Grid: 
    vertical spacing in the tiles between image/title+duration/publish date/description etc (set them separately)
*/
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"].srp_tracklist_grid .sr-playlist-item-flex {
    gap:0;
}

/* Tracklist Grid:
    vertical spacing between image and title below
*/
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"].srp_tracklist_grid .srp_audio_trigger {
    margin-top:10px;
}

/* Tracklist Grid: hide descriptions */ 
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"].srp_tracklist_grid .srp_track_description {
    display:none;
    margin-top:10px;
}

.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"].srp_tracklist_grid .srp_track_description.active {
    display:block;
}

/*  */
.btn_description_toggle,
.btn_description_toggle:focus,
.btn_description_toggle:active {
    background-color:#0d7171 !important;
    padding:5px 10px;
}

.bg-green :is(.btn_description_toggle,
.btn_description_toggle:focus,
.btn_description_toggle:active) {
    background-color:#fff !important;
    color:#0d7171;
}

.btn_description_toggle svg {
    fill:currentColor;
    height:8px;
    width:23px;
    padding-left:10px;
    transition:transform 0.3s;
}

.btn_description_toggle svg path {
    opacity:1 !important;
}

.btn_description_toggle.active svg {
    transform:rotate(180deg) translateX(-10px);
}

.bg-green :is(.srp_track_description, .iron-audioplayer .playlist .tracklist-item-title) {
    color:white;
}

/* Tracklist Grid:
    addition vertical spacing between tiles */
.iron-audioplayer[data-playertemplate="skin_boxed_tracklist"].srp_tracklist_grid .sr-playlist-item {
    margin-bottom:20px;
}

/* Tracklist Grid: overall padding */
@media (max-width: 767px) {
    .iron-audioplayer[data-playertemplate="skin_boxed_tracklist"] .playlist {
        padding-left:0px !important;
        padding-right:0px !important;
    }
}


/* Sticky Footer Player */

/* increase album title font size*/
#sonaar-player .playerNowPlaying .metadata .track-artist, 
#sonaar-player .playerNowPlaying .metadata .track-album {
    font-size:1rem !important;
}

/* increase footer player height */
@media only screen and (max-width: 540px) {
    #sonaar-player, #sonaar-player .player {
        height: 80px !important;
    }

    #sonaar-player .playerNowPlaying .metadata {
        font-size:1rem !important;
    }
}


body.home #sonaar-player .metadata .track-album {
    display:none;
}

/*** Free Sounds / Teaser Example Start Page ***/

.sound-teaser .srp_player_boxed .track-title { /* overriding specifity of (0,2,0) */
    font-weight:500;
    line-height:1.4;
}

.sound-teaser .srp_player_boxed .srp_description {
    color:white;
}

.sound-teaser .iron-audioplayer .srp_player_boxed :is(.currentTime, .totalTime) {
    color:white;
    opacity: 1;
    font-weight:600;
    font-size:1rem;
}

.sound-teaser .iron-audioplayer .srp_player_boxed .srp-play-button {
    border-radius:25px;
    background-color:white;
}

.sound-teaser .iron-audioplayer .srp_player_boxed .album-player {
    padding:20px;
}

.sound-teaser .iron-audioplayer .srp_player_boxed .album-art {
    height:100%;
}

.sound-teaser .iron-audioplayer .srp_player_boxed .album-art img {
    object-fit:cover;
    height:100%;
}

.sound-teaser .iron-audioplayer .srp_player_boxed :is(.srp_description, .track-title) {
    opacity:0;
    transform: 0.3 all;
}

.sound-teaser .iron-audioplayer .srp_player_boxed :is(.srp_description:has(.visible), .track-title:has(.visible)) {
    opacity: 1;
}