/* JUX FM — 29 Oct 2026: textul piesei/artistului si egalizatorul.
   Modificari limitate la playerul din prima pagina. */

/* Pastreaza cardul de 100px, cu piesa si artist pe cate un singur rand.
   Continutul prea lung se deplaseaza in interiorul propriei linii. */
body.jux-home .player .playing_now .info .song,
body.jux-home .player .playing_now .info .artist {
    display: block !important;
    position: relative;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: clip !important;
    -webkit-line-clamp: unset !important;
    -webkit-box-orient: initial !important;
}
body.jux-home .player .playing_now .info .jux-ticker-text {
    display: inline-block;
    width: max-content;
    min-width: 0;
    max-width: none;
    white-space: nowrap;
    word-break: normal;
    transform: translate3d(0,0,0);
    will-change: auto;
}
body.jux-home .player .playing_now .info .jux-ticker-overflow .jux-ticker-text {
    animation: juxTextPan var(--jux-ticker-duration, 13s) ease-in-out infinite;
    will-change: transform;
}
@keyframes juxTextPan {
    0%, 13% { transform: translate3d(0,0,0); }
    47%, 66% { transform: translate3d(var(--jux-ticker-offset, 0px),0,0); }
    100% { transform: translate3d(0,0,0); }
}
body.jux-home .player .playing_now .info .jux-ticker-overflow:hover .jux-ticker-text {
    animation-play-state: paused;
}

/* In vechile stiluri exista o regula pentru toate span-urile egalizatorului.
   Pe mobil aplica 50% SI barelor interioare, lasand doar jumatate animate.
   Linia este DOAR a containerului exterior; barele umplu linia complet. */
body.jux-home .player .player_row .divider .divider_content > span {
    position: relative !important;
    border-bottom: 4px solid #ff0056 !important;
    overflow: visible !important;
}
body.jux-home .player .player_row .divider .divider_content > span > .jux-eq-bars {
    display: flex !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 4px !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    gap: 3px;
    pointer-events: none;
    overflow: visible;
}
body.jux-home .player .player_row .divider .divider_content .jux-eq-bars > i {
    flex: 0 0 4px;
    width: 4px;
    max-width: 4px;
    min-width: 3px;
    transform-origin: center bottom;
}
@media (max-width: 600px) {
    body.jux-home .player .player_row .divider .divider_content > span > .jux-eq-bars {
        height: 27px !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    body.jux-home .player .playing_now .info .jux-ticker-overflow .jux-ticker-text {
        animation: none !important;
        transform: none !important;
        white-space: normal;
    }
    body.jux-home .player .playing_now .info .jux-ticker-overflow {
        overflow-wrap: anywhere !important;
        white-space: normal !important;
    }
}