@import url("portal-release-2.5.18.css");

/* Portal 2.5.19: prevent white "Coming up" panel flash in dark mode and remove the misplaced blue logo play icon. */
html[data-jtp-theme="dark"] .jtp-portal .jtp-up-next {
    background: var(--jtp-surface, #101827);
    border-color: rgba(31, 55, 78, .35);
}
html[data-jtp-theme="dark"] .jtp-portal .jtp-up-next .jtp-panel-head {
    border-color: rgba(31, 55, 78, .35);
    color: #eef5fb;
}
html[data-jtp-theme="dark"] .jtp-portal .jtp-up-next .jtp-panel-head span i {
    color: var(--jtp-brand, #13a9e1);
}
html[data-jtp-theme="dark"] .jtp-portal .jtp-up-next .jtp-panel-head a {
    color: var(--jtp-brand, #13a9e1);
}
html[data-jtp-theme="dark"] .jtp-portal .jtp-up-next-note {
    color: #aab7c7;
}
html[data-jtp-theme="dark"] .jtp-portal .jtp-mini {
    border-color: rgba(31, 55, 78, .35);
}
html[data-jtp-theme="dark"] .jtp-portal .jtp-mini strong {
    color: #eef5fb;
}
html[data-jtp-theme="dark"] .jtp-portal .jtp-mini small {
    color: var(--jtp-brand, #13a9e1);
}

/* Keep the logo white in dark mode but remove the incorrectly placed blue play icon overlay. */
html[data-jtp-theme="dark"] body.jtp-portal-page #main-header .site-branding a.brand,
html[data-jtp-theme="dark"] body.jtp-portal-page #main-header .site-branding a {
    position: relative;
    display: inline-block;
}
html[data-jtp-theme="dark"] body.jtp-portal-page #main-header .site-branding img {
    filter: brightness(0) invert(1) !important;
}
html[data-jtp-theme="dark"] body.jtp-portal-page #main-header .site-branding a:after,
html[data-jtp-theme="dark"] body.jtp-portal-page #main-header .site-branding a:before {
    content: none !important;
    display: none !important;
}