/* nexus_marquee.css */
/* Исправление вертикального выравнивания бегущей строки для NEXUS.OS */

#cosmoNowPlaying {
    height: 32px !important; /* Приводим к высоте .nowplaying-bar из nexus.css */
}

#cosmoNowPlayingInner {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
}

#cosmoNowPlaying .marquee-container {
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    position: relative !important;
}

#cosmoNowPlaying .marquee-content {
    position: absolute !important;
    left: 0 !important;
    top: 50% !important;
    /* ГЛАВНЫЙ ФИКС: убираем line-height: 0, который обрезал верхнюю часть букв */
    line-height: 1 !important;
    height: auto !important;
    will-change: transform !important;
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}

#cosmoNowPlaying .marquee-item {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    vertical-align: middle !important;
    height: auto !important;
}

/* Гарантируем применение высоты для всех тем */
html[data-theme="dark"] #cosmoNowPlaying,
html[data-theme="light"] #cosmoNowPlaying,
html[data-theme="comfort"] #cosmoNowPlaying,
html:not([data-theme]) #cosmoNowPlaying {
    height: 32px !important;
}