/* Radio Player */
.scroll{
  width:100%;
  height:21px;
  overflow:hidden;
  position:relative;
}
 
 .scrollingtext{
  white-space:nowrap;
  position:absolute;
 }

/* Bottom  Player */
.sm2-bar-ui {
  font-size: 16px;
}
.sm2-bar-ui .sm2-main-controls,
.sm2-bar-ui .sm2-playlist-drawer {
  background-color: #000000;
}
.sm2-bar-ui .sm2-inline-texture {
  background: transparent;
}


/* Radio player-specific overrides */
.sm2-bar-ui .station-title {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: -10px;
}

@media (max-width: 768px) {
    .sm2-bar-ui {
        min-width: 0;
    }

    .sm2-bar-ui .sm2-main-controls {
        display: flex;
        align-items: center;
        width: 100%;
    }

    .sm2-bar-ui .sm2-main-controls > .sm2-inline-element {
        display: block;
        min-width: 0;
    }

    .sm2-bar-ui .sm2-main-controls > .sm2-button-element {
        flex: 0 0 2.8em;
    }

    .sm2-bar-ui .sm2-inline-status {
        flex: 1 1 auto;
        width: auto !important;
        max-width: none !important;
        min-width: 0;
        padding-left: 0.4em;
        padding-right: 0.4em;
    }

    .sm2-bar-ui .sm2-playlist {
        overflow: hidden;
    }

    /* Keep volume control visible even when SoundManager adds no-volume on mobile. */
    .sm2-bar-ui.no-volume .sm2-volume {
        display: block !important;
        visibility: visible !important;
    }

    .sm2-bar-ui .sm2-volume {
        flex: 0 0 2.8em;
    }
}