/* OKAY_THEME_V1 — как светлый: okay-modern (меню/футер); dark = только тёмная панель .container */

html:not([data-okay-theme="dark"]) {
  --okay-arrow-bg: #ffffff;
  --okay-arrow-border: #cfd8e6;
  --okay-arrow-color: #3d4f68;
  --okay-arrow-muted: #a8b4c4;
  --okay-arrow-hover: #0c7f8c;
  --okay-arrow-shadow: 0 2px 10px rgba(22, 32, 48, 0.14);
  --okay-arrow-shadow-hover: 0 4px 14px rgba(12, 127, 140, 0.24);
}

html[data-okay-theme="dark"] {
  color-scheme: dark;
  /* Beat okay-modern :root — one source for owl / cast arrows */
  --okay-arrow-bg: #2a3344;
  --okay-arrow-border: #4a5568;
  --okay-arrow-color: #eef2f8;
  --okay-arrow-muted: #6b7a8f;
  --okay-arrow-hover: #6edce6;
  --okay-arrow-shadow: 0 2px 10px rgba(0, 0, 0, 0.35);
  --okay-arrow-shadow-hover: 0 4px 14px rgba(0, 0, 0, 0.45);
}

html[data-okay-theme="dark"] .i-body > .container,
html[data-okay-theme="dark"] .i-body > div.container {
  background: #10141b !important;
  color: #dce3ee !important;
  border-radius: 24px !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.35) !important;
}

/* Шапка: поиск — media.css не задаёт color, в dark текст пропадал */
html[data-okay-theme="dark"] section.main-navbar div.search-form input,
html[data-okay-theme="dark"] section.main-navbar div.search-form .twitter-typeahead .tt-input {
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  background: transparent !important;
  caret-color: #f4f7fb;
}

html[data-okay-theme="dark"] section.main-navbar div.search-form input::placeholder,
html[data-okay-theme="dark"] section.main-navbar div.search-form .tt-input::placeholder {
  color: #8d97a8 !important;
  opacity: 1;
}

/* React NavbarSearch (build/app.js): inline color:#222 / menu #fff — без !important не работает */
html[data-okay-theme="dark"] section.main-navbar div.search-form input.w-100,
html[data-okay-theme="dark"] section.main-navbar div.search-form #search-form input {
  color: #f4f7fb !important;
  -webkit-text-fill-color: #f4f7fb !important;
  caret-color: #f4f7fb;
}

html[data-okay-theme="dark"] section.main-navbar div.search-form div:has(> .variant-item) {
  background: #15171b !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.45) !important;
}

html[data-okay-theme="dark"] section.main-navbar div.search-form .variant-item {
  background: transparent !important;
  color: #f4f7fb !important;
  border-bottom-color: #2e3748 !important;
}

html[data-okay-theme="dark"] section.main-navbar div.search-form .variant-item[style*="background"] {
  background: rgba(255, 255, 255, 0.09) !important;
}

html[data-okay-theme="dark"] section.main-navbar div.search-form .variant-item > div > div:first-child {
  color: #f4f7fb !important;
}

html[data-okay-theme="dark"] section.main-navbar div.search-form .variant-item > div > div:not(:first-child) {
  color: #9aa7b6 !important;
}

/* Base: beat okay-modern greys inside the content panel */
html[data-okay-theme="dark"] .i-body > .container,
html[data-okay-theme="dark"] .i-body > div.container {
  --okay-txt: #dce3ee;
  --okay-title: #f3f6fb;
  --okay-muted: #a8b6c9;
  --okay-link: #6edce6;
}

html[data-okay-theme="dark"] .i-body > .container p,
html[data-okay-theme="dark"] .i-body > .container li,
html[data-okay-theme="dark"] .i-body > .container label,
html[data-okay-theme="dark"] .i-body > .container td,
html[data-okay-theme="dark"] .i-body > .container th,
html[data-okay-theme="dark"] .i-body > div.container p,
html[data-okay-theme="dark"] .i-body > div.container li,
html[data-okay-theme="dark"] .i-body > div.container label {
  color: var(--okay-txt) !important;
}

html[data-okay-theme="dark"] .i-body > .container h1,
html[data-okay-theme="dark"] .i-body > .container h2,
html[data-okay-theme="dark"] .i-body > .container h3,
html[data-okay-theme="dark"] .i-body > .container h4,
html[data-okay-theme="dark"] .i-body > .container h5,
html[data-okay-theme="dark"] .i-body > div.container h1,
html[data-okay-theme="dark"] .i-body > div.container h2,
html[data-okay-theme="dark"] .i-body > div.container h3,
html[data-okay-theme="dark"] .i-body > div.container h4,
html[data-okay-theme="dark"] .i-body > div.container h5 {
  color: var(--okay-title) !important;
}

html[data-okay-theme="dark"] div.wrapper,
html[data-okay-theme="dark"] div.films.videoclub {
  background: transparent !important;
}

html[data-okay-theme="dark"] .i-body div.films nav a.film,
html[data-okay-theme="dark"] .i-body .music_box .title,
html[data-okay-theme="dark"] .i-body div.wrapper h4.h4,
html[data-okay-theme="dark"] .i-body .box .title {
  color: var(--okay-title) !important;
}

html[data-okay-theme="dark"] .i-body div.films nav a,
html[data-okay-theme="dark"] .i-body div.films h4 a,
html[data-okay-theme="dark"] .i-body div.films h5 span,
html[data-okay-theme="dark"] .i-body .film-subtitle,
html[data-okay-theme="dark"] .i-body p.film-subtitle,
html[data-okay-theme="dark"] #carusel2 h5 span,
html[data-okay-theme="dark"] #carusel3 h5 span,
html[data-okay-theme="dark"] div.film h5 span {
  color: #b8c8dc !important;
}

html[data-okay-theme="dark"] .i-body div.films h1 a,
html[data-okay-theme="dark"] .i-body .films .flex h1,
html[data-okay-theme="dark"] .i-body .films .flex h4,
html[data-okay-theme="dark"] .i-body .films .flex h5 {
  color: var(--okay-title) !important;
}

html[data-okay-theme="dark"] .i-body div.films nav a.active {
  background: #252d3c !important;
  color: #fff !important;
}

html[data-okay-theme="dark"] .i-body div.films nav > div:nth-child(2) > a:not(.film):not(.scroll-to-top) {
  color: var(--okay-muted) !important;
  background: transparent !important;
}

html[data-okay-theme="dark"] .i-body div.films nav > div:nth-child(2) > a.active:not(.film):not(.scroll-to-top) {
  background: #252d3c !important;
  border-color: #6edce6 !important;
  color: #fff !important;
  box-shadow: none !important;
}

html[data-okay-theme="dark"] div.films nav div:last-child a {
  color: #6edce6 !important;
}

/* Карточка при наведении на постер (главная + каталог фильмов) */
html[data-okay-theme="dark"] #carusel2 .item > .podrobni,
html[data-okay-theme="dark"] #carusel3 .item > .podrobni,
html[data-okay-theme="dark"] div.film > .podrobni,
html[data-okay-theme="dark"] div.podrobni {
  background: #2a3344 !important;
  border: 1px solid #3d4a5f !important;
  color: #dce3ee !important;
  box-shadow:
    0 22px 50px rgba(0, 0, 0, 0.55),
    0 0 0 1px rgba(255, 255, 255, 0.04) !important;
}

html[data-okay-theme="dark"] #carusel2 .podrobni .t .center span,
html[data-okay-theme="dark"] #carusel3 .podrobni .t .center span,
html[data-okay-theme="dark"] div.film > .podrobni .t .center span {
  color: #c5d0e0 !important;
}

html[data-okay-theme="dark"] #carusel2 .podrobni span.age,
html[data-okay-theme="dark"] #carusel3 .podrobni span.age,
html[data-okay-theme="dark"] div.film > .podrobni span.age {
  background: #0d7a94 !important;
  color: #fff !important;
}

html[data-okay-theme="dark"] #carusel2 .podrobni a.icon,
html[data-okay-theme="dark"] #carusel3 .podrobni a.icon,
html[data-okay-theme="dark"] div.film > .podrobni a.icon {
  background: rgba(232, 176, 32, 0.12) !important;
  border-color: #c9960f !important;
}

html[data-okay-theme="dark"] #carusel2 .podrobni a.icon i.fa,
html[data-okay-theme="dark"] #carusel3 .podrobni a.icon i.fa,
html[data-okay-theme="dark"] div.film > .podrobni a.icon i.fa {
  color: #f5c842 !important;
}

html[data-okay-theme="dark"] #carusel2 .podrobni div.c,
html[data-okay-theme="dark"] #carusel3 .podrobni div.c,
html[data-okay-theme="dark"] div.film > .podrobni div.c {
  border-top-color: #3d4a5f !important;
}

html[data-okay-theme="dark"] #carusel2 .podrobni div.c span.active,
html[data-okay-theme="dark"] #carusel3 .podrobni div.c span.active,
html[data-okay-theme="dark"] div.film > .podrobni div.c span.active,
html[data-okay-theme="dark"] #carusel2 .podrobni div.c .right > p:first-child span,
html[data-okay-theme="dark"] #carusel3 .podrobni div.c .right > p:first-child span,
html[data-okay-theme="dark"] div.film > .podrobni div.c .right > p:first-child span {
  color: #8fa0b8 !important;
}

html[data-okay-theme="dark"] #carusel2 .podrobni span.rate,
html[data-okay-theme="dark"] #carusel3 .podrobni span.rate,
html[data-okay-theme="dark"] div.film > .podrobni span.rate,
html[data-okay-theme="dark"] #carusel2 .podrobni span.count,
html[data-okay-theme="dark"] #carusel3 .podrobni span.count,
html[data-okay-theme="dark"] div.film > .podrobni span.count {
  color: #f3f6fb !important;
}

html[data-okay-theme="dark"] #carusel2 .podrobni span.rate.red,
html[data-okay-theme="dark"] #carusel3 .podrobni span.rate.red,
html[data-okay-theme="dark"] div.film > .podrobni span.rate.red {
  color: #ff6b78 !important;
}

html[data-okay-theme="dark"] #carusel2 .podrobni p.description,
html[data-okay-theme="dark"] #carusel3 .podrobni p.description,
html[data-okay-theme="dark"] div.film > .podrobni p.description,
html[data-okay-theme="dark"] div.podrobni p.description,
html[data-okay-theme="dark"] div.podrobni .description {
  color: #c5d0e0 !important;
}

/* Перебить legacy style.css: div.podrobni span { color: #5c6c79 } */
html[data-okay-theme="dark"] #carusel2 .item > .podrobni p.description span,
html[data-okay-theme="dark"] #carusel3 .item > .podrobni p.description span,
html[data-okay-theme="dark"] div.film > .podrobni p.description span,
html[data-okay-theme="dark"] #carusel2 .item > .podrobni p.r span:not(.active),
html[data-okay-theme="dark"] #carusel3 .item > .podrobni p.r span:not(.active),
html[data-okay-theme="dark"] div.film > .podrobni p.r span:not(.active),
html[data-okay-theme="dark"] #carusel2 .item > .podrobni p.rol span:not(.active),
html[data-okay-theme="dark"] #carusel3 .item > .podrobni p.rol span:not(.active),
html[data-okay-theme="dark"] div.film > .podrobni p.rol span:not(.active) {
  color: #c5d0e0 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

html[data-okay-theme="dark"] #carusel2 .podrobni p.description > strong,
html[data-okay-theme="dark"] #carusel3 .podrobni p.description > strong,
html[data-okay-theme="dark"] div.film > .podrobni p.description > strong,
html[data-okay-theme="dark"] #carusel2 .podrobni p.r > span.active,
html[data-okay-theme="dark"] #carusel3 .podrobni p.r > span.active,
html[data-okay-theme="dark"] div.film > .podrobni p.r > span.active,
html[data-okay-theme="dark"] #carusel2 .podrobni p.rol > span.active,
html[data-okay-theme="dark"] #carusel3 .podrobni p.rol > span.active,
html[data-okay-theme="dark"] div.film > .podrobni p.rol > span.active {
  color: #e9eef5 !important;
  font-weight: 700 !important;
}

html[data-okay-theme="dark"] #carusel2 .podrobni p.r,
html[data-okay-theme="dark"] #carusel3 .podrobni p.r,
html[data-okay-theme="dark"] div.film > .podrobni p.r,
html[data-okay-theme="dark"] #carusel2 .podrobni p.rol,
html[data-okay-theme="dark"] #carusel3 .podrobni p.rol,
html[data-okay-theme="dark"] div.film > .podrobni p.rol {
  margin-top: 10px !important;
}

html[data-okay-theme="dark"] div.film:after,
html[data-okay-theme="dark"] div#carusel2 div.item:after,
html[data-okay-theme="dark"] div#carusel3 div.item:after {
  background-color: #2a3344 !important;
}

html[data-okay-theme="dark"] .variant-item {
  background: #1f2633 !important;
  color: #e9eef5 !important;
}

html[data-okay-theme="dark"] .rayting-box {
  background: #1f2633 !important;
}

html[data-okay-theme="dark"] .rayting-box a {
  color: #dde4ef !important;
}

html[data-okay-theme="dark"] div.serials div.nav-l a {
  color: #c5d0e0 !important;
}

html[data-okay-theme="dark"] div.serials div.nav-l a.active,
html[data-okay-theme="dark"] div.serials div.nav-l a:hover {
  background: #252d3c !important;
  color: #fff !important;
}

html[data-okay-theme="dark"] .box,
html[data-okay-theme="dark"] .panel-default,
html[data-okay-theme="dark"] .login-page .box,
html[data-okay-theme="dark"] .well {
  background: #10141b !important;
  color: #e9eef5 !important;
  border-color: #2e3748 !important;
}

html[data-okay-theme="dark"] input.form-control,
html[data-okay-theme="dark"] textarea.form-control,
html[data-okay-theme="dark"] select.form-control {
  background: #121820 !important;
  color: #eef2f8 !important;
  border-color: #3a4458 !important;
}

html[data-okay-theme="dark"] .dropdown-menu {
  background: #10141b !important;
  border-color: #2e3748 !important;
}

html[data-okay-theme="dark"] .dropdown-menu > li > a {
  color: #e9eef5 !important;
}

html[data-okay-theme="dark"] .dropdown-menu > li > a:hover {
  background: #252d3c !important;
}

html.okay-profile-on.okay-account-on[data-okay-theme="dark"] .i-body > .container.okay-account-mount,
html[data-okay-theme="dark"].okay-profile-on.okay-account-on .i-body > .container.okay-account-mount,
html[data-okay-theme="dark"].okay-account-on .okay-account-mount,
html[data-okay-theme="dark"].okay-profile-on.okay-account-on .okay-account-mount {
  background: #10141b !important;
  color: #e9eef5 !important;
  border: 1px solid #2e3748 !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.35) !important;
}

/* Film / serial page */
html[data-okay-theme="dark"] .i-body .wrap.games.watch h1,
html[data-okay-theme="dark"] .i-body .wrap.games.watch h3,
html[data-okay-theme="dark"] .i-body .watch h3.film-name-h3,
html[data-okay-theme="dark"] .i-body .watch h3.okay-cast-head,
html[data-okay-theme="dark"] .i-body .wrap.games.watch p,
html[data-okay-theme="dark"] .i-body .wrap.games.watch li,
html[data-okay-theme="dark"] .i-body .wrap.games.watch ul.main li,
html[data-okay-theme="dark"] .i-body .wrap.games.watch .show-more,
html[data-okay-theme="dark"] .i-body .wrap.games.watch .show-less,
html[data-okay-theme="dark"] .i-body .wrap.games.watch .syujet,
html[data-okay-theme="dark"] .i-body .wrap.games.watch .desc span,
html[data-okay-theme="dark"] .i-body .wrap.games.watch .info span:not(.imdb-ball):not(.rate) {
  color: var(--okay-txt) !important;
}

/* Оригинальное название (h6) — фильм, сериал, страница трейлера */
html[data-okay-theme="dark"] .i-body .wrap.games.watch .video-p h3.film-name-h3 + h6,
html[data-okay-theme="dark"] .i-body .wrap.games.watch .info > h6 {
  color: #b8c8dc !important;
  font-weight: 500 !important;
}

/* Страна / оригинальная подпись под постером (каталог, трейлеры) */
html[data-okay-theme="dark"] .i-body div.films div.film > p.text-center.mb-0,
html[data-okay-theme="dark"] .i-body #carusel2 div.film > p.text-center.mb-0,
html[data-okay-theme="dark"] .i-body #carusel3 div.film > p.text-center.mb-0 {
  color: #b8c8dc !important;
}

/* Лайк / дизлайк — одна общая рамка, разделитель посередине */
html[data-okay-theme="dark"] .i-body .wrap.games.watch .left_box .vote-box,
html[data-okay-theme="dark"] .i-body .wrap.games.watch .left_box.left_box_video .vote-box {
  display: flex !important;
  align-items: stretch !important;
  gap: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  background: #252d3c !important;
  border: 1px solid #3d4a5f !important;
  border-radius: 12px !important;
  padding: 0 !important;
  box-shadow: none !important;
}

html[data-okay-theme="dark"] .i-body .wrap.games.watch .left_box .vote-box .btn {
  flex: 1 1 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #dce3ee !important;
  font-weight: 600 !important;
  min-height: 38px !important;
  transition:
    background-color 0.16s ease,
    color 0.16s ease !important;
}

html[data-okay-theme="dark"] .i-body .wrap.games.watch .left_box .vote-box .btn-success {
  color: #c5e8d6 !important;
  border-right: 1px solid #3d4a5f !important;
}

html[data-okay-theme="dark"] .i-body .wrap.games.watch .left_box .vote-box .btn-success.glyphicon:before {
  color: #5fd4a0 !important;
}

html[data-okay-theme="dark"] .i-body .wrap.games.watch .left_box .vote-box .btn-danger {
  color: #e4cdd0 !important;
}

html[data-okay-theme="dark"] .i-body .wrap.games.watch .left_box .vote-box .btn-danger.glyphicon:before {
  color: #b89096 !important;
}

html[data-okay-theme="dark"] .i-body .wrap.games.watch .left_box .vote-box .btn-success:hover {
  background: rgba(95, 212, 160, 0.12) !important;
  border-right-color: #3d4a5f !important;
  color: #dff8ea !important;
}

html[data-okay-theme="dark"] .i-body .wrap.games.watch .left_box .vote-box .btn-danger:hover {
  background: rgba(201, 138, 144, 0.12) !important;
  color: #f5e2e4 !important;
}

/* Сердечко «в любимые» у заголовка */
html[data-okay-theme="dark"] .i-body .wrap.games.watch a.favorite-tab,
html[data-okay-theme="dark"] .wrap.games.watch a.favorite-tab {
  background: #252d3c !important;
  border-color: #4a5568 !important;
  box-shadow: none !important;
}

html[data-okay-theme="dark"] .i-body .wrap.games.watch a.favorite-tab > i.fa,
html[data-okay-theme="dark"] .wrap.games.watch a.favorite-tab > i.fa {
  color: #a8b6c9 !important;
}

html[data-okay-theme="dark"] .i-body .wrap.games.watch a.favorite-tab:hover,
html[data-okay-theme="dark"] .wrap.games.watch a.favorite-tab:hover {
  background: #303948 !important;
  border-color: rgba(255, 107, 120, 0.45) !important;
}

html[data-okay-theme="dark"] .i-body .wrap.games.watch a.favorite-tab:hover > i.fa,
html[data-okay-theme="dark"] .wrap.games.watch a.favorite-tab:hover > i.fa,
html[data-okay-theme="dark"] .i-body .wrap.games.watch a.favorite-tab > i.fa-heart,
html[data-okay-theme="dark"] .wrap.games.watch a.favorite-tab > i.fa-heart {
  color: #ff7a88 !important;
}

html[data-okay-theme="dark"] .i-body .okay-cast-card,
html[data-okay-theme="dark"] .i-body .okay-cast-name {
  color: var(--okay-title) !important;
}

html[data-okay-theme="dark"] .i-body .okay-cast-role {
  color: var(--okay-muted) !important;
}

/* Music lists */
html[data-okay-theme="dark"] .i-body .music_box ul li,
html[data-okay-theme="dark"] .i-body .music_box ul li a,
html[data-okay-theme="dark"] .i-body .music_box ul li .name,
html[data-okay-theme="dark"] .i-body .music_box ul li .name a,
html[data-okay-theme="dark"] .i-body .music_box ul li .author,
html[data-okay-theme="dark"] .i-body .music_box ul li .time,
html[data-okay-theme="dark"] .i-body .music_l li a,
html[data-okay-theme="dark"] .i-body .music_l li span {
  color: var(--okay-txt) !important;
}

html[data-okay-theme="dark"] .i-body .filter_box button.active,
html[data-okay-theme="dark"] .i-body .filter_box_music button.active {
  color: var(--okay-title) !important;
}

/* music-live-v1 list (okay-track-row) */
html[data-okay-theme="dark"] .i-body .music_box ul li.okay-track-row {
  color: #e8edf5 !important;
  border-bottom-color: #2e3748 !important;
  background: transparent !important;
}

html[data-okay-theme="dark"] .i-body .music_box ul li.okay-track-row .okay-track-title strong {
  color: #f3f6fb !important;
}

html[data-okay-theme="dark"] .i-body .music_box ul li.okay-track-row .okay-track-number,
html[data-okay-theme="dark"] .i-body .music_box ul li.okay-track-row .okay-track-duration,
html[data-okay-theme="dark"] .i-body .music_box ul li.okay-track-row .okay-track-artist,
html[data-okay-theme="dark"] .i-body .music_box ul li.okay-track-row .okay-track-meta > a {
  color: #a8b6c9 !important;
}

html[data-okay-theme="dark"] .i-body .music_box ul li.okay-track-row .okay-track-meta > a:hover {
  color: #6edce6 !important;
}

html[data-okay-theme="dark"] .i-body .music_box ul li.okay-track-row .okay-track-favorite a,
html[data-okay-theme="dark"] .i-body .music_box ul li.okay-track-row .okay-track-download {
  color: #b8c9db !important;
}

html[data-okay-theme="dark"] .i-body .music_box ul li.okay-track-row .okay-track-download svg,
html[data-okay-theme="dark"] .i-body .music_box ul li.okay-track-row .okay-track-favorite a svg {
  fill: currentColor !important;
  color: inherit !important;
}

html[data-okay-theme="dark"] .i-body .music_box ul li.okay-track-row.is-current {
  background: #243042 !important;
  border-bottom-color: transparent !important;
}

/* Music catalog (/music) — legacy rows */
html[data-okay-theme="dark"] .i-body .music_box ul li:not(.okay-track-row) .name,
html[data-okay-theme="dark"] .i-body .music_box ul li:not(.okay-track-row) .name a,
html[data-okay-theme="dark"] .i-body .music_box ul li:not(.okay-track-row) .name b,
html[data-okay-theme="dark"] .i-body .music_box ul li:not(.okay-track-row) .author,
html[data-okay-theme="dark"] .i-body .music_box ul li:not(.okay-track-row) a,
html[data-okay-theme="dark"] .i-body .music_box ul li:not(.okay-track-row) .time_stat,
html[data-okay-theme="dark"] .i-body .music_box ul li:not(.okay-track-row) .down_stat {
  color: var(--okay-txt) !important;
}

html[data-okay-theme="dark"] .i-body ul.alfa li a,
html[data-okay-theme="dark"] .i-body ul.oth li a,
html[data-okay-theme="dark"] .i-body ul.submenu li a,
html[data-okay-theme="dark"] .i-body .box .user_sort li a {
  color: var(--okay-muted) !important;
}

html[data-okay-theme="dark"] .i-body ul.alfa li a:hover,
html[data-okay-theme="dark"] .i-body ul.submenu li a:hover,
html[data-okay-theme="dark"] .i-body .box .user_sort li a.active {
  color: var(--okay-title) !important;
}

html[data-okay-theme="dark"] .i-body .right_side,
html[data-okay-theme="dark"] .i-body .right_side a,
html[data-okay-theme="dark"] .i-body .right_side li {
  color: var(--okay-txt) !important;
}

html[data-okay-theme="dark"] .i-body .right_side h4,
html[data-okay-theme="dark"] .i-body .statis h4,
html[data-okay-theme="dark"] .i-body .nblocks .title,
html[data-okay-theme="dark"] .i-body .nblocks .title span {
  color: var(--okay-title) !important;
}

/* Sidebar «Популярные треки/альбомы» — mirror okay-modern selectors + beat late cascade */
html[data-okay-theme="dark"] .music_box .title,
html[data-okay-theme="dark"] div.wrapper h4.h4,
html[data-okay-theme="dark"] .box .title,
html[data-okay-theme="dark"] .i-body .right_side .title,
html[data-okay-theme="dark"] .i-body .right_side > .box > .title,
html[data-okay-theme="dark"] .i-body .right_side .music_box > .title,
html[data-okay-theme="dark"] .i-body .right_side .music_box .title,
html[data-okay-theme="dark"] .i-body .music_box > .title {
  color: var(--okay-title) !important;
}

html[data-okay-theme="dark"] .i-body .music_l li a,
html[data-okay-theme="dark"] .i-body .music_l li .name a,
html[data-okay-theme="dark"] .i-body .music_l li span {
  color: var(--okay-txt) !important;
}

html[data-okay-theme="dark"] .i-body .music_l li a.down,
html[data-okay-theme="dark"] .i-body .music_l li a.down svg,
html[data-okay-theme="dark"] .i-body .right_side .down_stat,
html[data-okay-theme="dark"] .i-body .right_side .down_stat a,
html[data-okay-theme="dark"] .i-body .right_side li .down_stat {
  color: #b8c9db !important;
  fill: currentColor !important;
}

html[data-okay-theme="dark"] .i-body .right_side .down_stat img {
  filter: brightness(0) saturate(100%) invert(78%) sepia(8%) saturate(627%) hue-rotate(169deg)
    brightness(95%) contrast(90%) !important;
  opacity: 1 !important;
}

html[data-okay-theme="dark"] .i-body .music_l li a.down:hover,
html[data-okay-theme="dark"] .i-body .right_side .down_stat a:hover {
  color: var(--okay-link) !important;
}

html[data-okay-theme="dark"] .i-body .right_side div.films nav a.film,
html[data-okay-theme="dark"] .i-body .right_side .title span,
html[data-okay-theme="dark"] .i-body .right_side .music_box .title span {
  color: var(--okay-title) !important;
}

html[data-okay-theme="dark"] .i-body .statis ul li a,
html[data-okay-theme="dark"] .i-body .statis ul li a span,
html[data-okay-theme="dark"] .i-body .statis ul li a * {
  color: #fff !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

html[data-okay-theme="dark"] .i-body .statis ul li a:hover {
  color: #fff !important;
}

html[data-okay-theme="dark"] .i-body .user_sort li a {
  color: var(--okay-muted) !important;
}

html[data-okay-theme="dark"] .i-body .user_sort li a.active {
  color: var(--okay-title) !important;
}

/* Catalog grids (/films, /clips, /albums) */
html[data-okay-theme="dark"] .i-body .box_list a.title,
html[data-okay-theme="dark"] .i-body .box_list .item a.title,
html[data-okay-theme="dark"] .i-body .box_list.alboms .item a.title,
html[data-okay-theme="dark"] .i-body .box_list.alboms2 .item a.title,
html[data-okay-theme="dark"] .i-body .box_list.alboms_list .item a.title,
html[data-okay-theme="dark"] .i-body .box_list.albums_list .item a.title,
html[data-okay-theme="dark"] .i-body .box a.title,
html[data-okay-theme="dark"] .i-body .games a.title,
html[data-okay-theme="dark"] .i-body div.films div.film h1 a {
  color: var(--okay-title) !important;
}

html[data-okay-theme="dark"] .i-body .box_list .item .seria_info,
html[data-okay-theme="dark"] .i-body .box_list .item a.seria_info,
html[data-okay-theme="dark"] .i-body .box_list.alboms .item .seria_info,
html[data-okay-theme="dark"] .i-body .box_list.alboms2 .item .seria_info,
html[data-okay-theme="dark"] .i-body .box_list.alboms_list .item .seria_info,
html[data-okay-theme="dark"] .i-body .box_list.alboms_list .item a.seria_info,
html[data-okay-theme="dark"] .i-body .box_list.albums_list .item .seria_info,
html[data-okay-theme="dark"] .i-body div.films div.film h5 span,
html[data-okay-theme="dark"] .i-body .box_list.clips_list a.title {
  color: var(--okay-muted) !important;
}

html[data-okay-theme="dark"] .i-body .box_list.alboms_list .item .seria_info,
html[data-okay-theme="dark"] .i-body .box_list.alboms .item .seria_info,
html[data-okay-theme="dark"] .i-body .box_list.alboms2 .item .seria_info,
html[data-okay-theme="dark"] .i-body .box_list.albums_list .item .seria_info,
html[data-okay-theme="dark"] .i-body .alboms .item .seria_info {
  color: #d0dbe8 !important;
}

/* Album grid artist: link inside .seria_info (beats legacy a{color:#000}) */
html[data-okay-theme="dark"] body .i-body .box_list.albums_list .item .seria_info a,
html[data-okay-theme="dark"] body .i-body .box_list.clips_list.albums_list .item .seria_info a,
html[data-okay-theme="dark"] body .i-body .box_list[class*="albums_list"] .item .seria_info a,
html[data-okay-theme="dark"] body .i-body .box_list .item .seria_info > a,
html[data-okay-theme="dark"] body .i-body .box_list.alboms_list .item .seria_info a,
html[data-okay-theme="dark"] body .i-body .box_list[class*="alboms"] .item .seria_info a {
  color: #d0dbe8 !important;
}

/* Filter bar: «Все жанры», «Фильтр» (clips / music / albums) */
html[data-okay-theme="dark"] .i-body .filter_box,
html[data-okay-theme="dark"] .i-body .filter_box_music {
  background: #252d3c !important;
  color: #e9eef5 !important;
  border: 1px solid #3a4458 !important;
  border-radius: 12px !important;
  padding: 12px 18px !important;
  margin-bottom: 18px !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

html[data-okay-theme="dark"] .i-body .filter_box .filter,
html[data-okay-theme="dark"] .i-body .filter_box_music .filter {
  color: #e9eef5 !important;
}

html[data-okay-theme="dark"] .i-body .filter_box button.change_ganre,
html[data-okay-theme="dark"] .i-body .filter_box_music button.change_ganre,
html[data-okay-theme="dark"] .i-body .filter_box button:not(.change_filter),
html[data-okay-theme="dark"] .i-body .filter_box_music button:not(.change_filter),
html[data-okay-theme="dark"] .i-body .filter_box button.change_filter,
html[data-okay-theme="dark"] .i-body .filter_box_music button.change_filter {
  color: #e9eef5 !important;
  background: transparent !important;
}

html[data-okay-theme="dark"] .i-body .filter_box button.change_ganre:hover,
html[data-okay-theme="dark"] .i-body .filter_box_music button.change_ganre:hover,
html[data-okay-theme="dark"] .i-body .filter_box button:not(.change_filter):hover,
html[data-okay-theme="dark"] .i-body .filter_box_music button:not(.change_filter):hover,
html[data-okay-theme="dark"] .i-body .filter_box button.change_filter:hover,
html[data-okay-theme="dark"] .i-body .filter_box_music button.change_filter:hover {
  color: #6edce6 !important;
}

html[data-okay-theme="dark"] .i-body .filter_box button.change_filter.active,
html[data-okay-theme="dark"] .i-body .filter_box_music button.change_filter.active {
  color: #f3f6fb !important;
  font-weight: 700 !important;
}

html[data-okay-theme="dark"] .i-body .filter_box .filter .change_box,
html[data-okay-theme="dark"] .i-body .filter_box_music .filter .change_box {
  background: #10141b !important;
  color: #e9eef5 !important;
  border-color: #3a4458 !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.45) !important;
}

html[data-okay-theme="dark"] .i-body .filter_box .filter .change_box label,
html[data-okay-theme="dark"] .i-body .filter_box_music .filter .change_box label,
html[data-okay-theme="dark"] .i-body .filter_box .radio_box label,
html[data-okay-theme="dark"] .i-body .filter_box_music .radio_box label {
  color: #dce3ee !important;
  border-bottom-color: #3a4458 !important;
}

html[data-okay-theme="dark"] .i-body .filter_box .filter .change_box label:hover,
html[data-okay-theme="dark"] .i-body .filter_box_music .filter .change_box label:hover {
  background: #2a3344 !important;
  color: #f3f6fb !important;
}

html[data-okay-theme="dark"] .i-body .filter_box select,
html[data-okay-theme="dark"] .i-body .filter_box_music select,
html[data-okay-theme="dark"] .i-body .filter_box .dropdown-toggle,
html[data-okay-theme="dark"] .i-body .filter_box_music .dropdown-toggle {
  color: #e9eef5 !important;
  background: #121820 !important;
  border-color: #3a4458 !important;
}

html[data-okay-theme="dark"] .i-body .fast_link {
  background: transparent !important;
}

html[data-okay-theme="dark"] .i-body .fast_link a {
  color: var(--okay-muted) !important;
}

html[data-okay-theme="dark"] .i-body .fast_link a:hover,
html[data-okay-theme="dark"] .i-body .fast_link a.active {
  color: var(--okay-title) !important;
}

html[data-okay-theme="dark"] .i-body .pagination,
html[data-okay-theme="dark"] .i-body .m-pagination,
html[data-okay-theme="dark"] .i-body .vc-pagination {
  background: transparent !important;
  border: none !important;
}

html[data-okay-theme="dark"] .i-body .pagination > li,
html[data-okay-theme="dark"] .i-body .m-pagination > li,
html[data-okay-theme="dark"] .i-body .vc-pagination > li {
  border-color: #3a4458 !important;
}

html[data-okay-theme="dark"] .i-body .pagination > li > a,
html[data-okay-theme="dark"] .i-body .pagination > li > span,
html[data-okay-theme="dark"] .i-body .m-pagination > li > a,
html[data-okay-theme="dark"] .i-body .m-pagination > li > span,
html[data-okay-theme="dark"] .i-body .vc-pagination > li > a,
html[data-okay-theme="dark"] .i-body .vc-pagination > li > span {
  color: #c8d4e4 !important;
  background: #252d3c !important;
  border-color: #3a4458 !important;
}

html[data-okay-theme="dark"] .i-body .pagination > li > a:hover,
html[data-okay-theme="dark"] .i-body .m-pagination > li > a:hover,
html[data-okay-theme="dark"] .i-body .vc-pagination > li > a:hover {
  color: #6edce6 !important;
  background: #2f3a4d !important;
  border-color: #4a5568 !important;
}

html[data-okay-theme="dark"] .i-body .pagination > li.active > a,
html[data-okay-theme="dark"] .i-body .pagination > li.active > span,
html[data-okay-theme="dark"] .i-body .m-pagination > li.active > a,
html[data-okay-theme="dark"] .i-body .m-pagination > li.active > span,
html[data-okay-theme="dark"] .i-body .vc-pagination > li.active > a {
  color: #fff !important;
  background: #128a9a !important;
  border-color: #128a9a !important;
}

html[data-okay-theme="dark"] .i-body .pagination > li.disabled > a,
html[data-okay-theme="dark"] .i-body .pagination > li.disabled > span,
html[data-okay-theme="dark"] .i-body .m-pagination > li.disabled > a,
html[data-okay-theme="dark"] .i-body .m-pagination > li.disabled > span {
  color: #6b7a8f !important;
  background: #1e2533 !important;
  border-color: #323a4a !important;
  opacity: 0.85 !important;
}

@media (hover: hover) and (pointer: fine) {
  html[data-okay-theme="dark"] .i-body .music_box ul li.okay-track-row:hover {
    background: #2a3344 !important;
  }
  html[data-okay-theme="dark"] .i-body .music_box ul li.okay-track-row.is-current:hover {
    background: #2d3a4d !important;
  }
  html[data-okay-theme="dark"] .i-body .music_box ul li.okay-track-row .okay-track-download:hover,
  html[data-okay-theme="dark"] .i-body .music_box ul li.okay-track-row .okay-track-favorite a:hover {
    color: #6edce6 !important;
    background: rgba(110, 220, 230, 0.12) !important;
  }
}

html[data-okay-theme="dark"] .i-body .wrap.games.watch .info ul li,
html[data-okay-theme="dark"] .i-body .wrap.games.watch .info ul li span,
html[data-okay-theme="dark"] .i-body .wrap.games.watch .info ul li div,
html[data-okay-theme="dark"] .i-body .wrap.games.watch .info ul li a {
  color: var(--okay-txt) !important;
}

/* Late cascade: beat style.css + music-live list.css after theme link */
html[data-okay-theme="dark"] body .i-body > .container .box_list[class*="alboms"] .item a.title,
html[data-okay-theme="dark"] body .i-body > .container .box_list.albums_list .item a.title {
  color: var(--okay-title) !important;
}

html[data-okay-theme="dark"] body .i-body > .container .box_list[class*="alboms"] .item .seria_info,
html[data-okay-theme="dark"] body .i-body > .container .box_list.albums_list .item .seria_info,
html[data-okay-theme="dark"] body .i-body .box_list.alboms_list .item .seria_info,
html[data-okay-theme="dark"] body .i-body .box_list.alboms_list .item a.seria_info,
html[data-okay-theme="dark"] body .i-body .box_list[class*="alboms"] .item .seria_info,
html[data-okay-theme="dark"] body .i-body .box_list[class*="alboms"] .item a.seria_info {
  color: #d0dbe8 !important;
}

html[data-okay-theme="dark"] body .i-body .music_box ul li.okay-track-row,
html[data-okay-theme="dark"] body .i-body .music_box ul li.okay-track-row .okay-track-title strong {
  color: #f3f6fb !important;
}

html[data-okay-theme="dark"] body .i-body .music_box ul li.okay-track-row .okay-track-download,
html[data-okay-theme="dark"] body .i-body .music_box ul li.okay-track-row .okay-track-download svg {
  color: #b8c9db !important;
  stroke: currentColor !important;
  fill: currentColor !important;
}

html[data-okay-theme="dark"] body .music_box .title,
html[data-okay-theme="dark"] body .box .title,
html[data-okay-theme="dark"] body .i-body .right_side .music_box > .title,
html[data-okay-theme="dark"] body .i-body .right_side .box > .title {
  color: #f3f6fb !important;
}

/* Popular albums sidebar: artist line + download control */
html[data-okay-theme="dark"] body .i-body .right_side ul.music_l li .name,
html[data-okay-theme="dark"] body .i-body .right_side ul.music_l li .name a,
html[data-okay-theme="dark"] body .i-body .right_side ul.music_l li .name span,
html[data-okay-theme="dark"] body .i-body .right_side ul.music_l li .name small,
html[data-okay-theme="dark"] body .i-body .right_side .music_box ul li .name,
html[data-okay-theme="dark"] body .i-body .right_side .music_box ul li .name a,
html[data-okay-theme="dark"] body .i-body .right_side .music_box ul li .name span,
html[data-okay-theme="dark"] body .i-body .right_side .music_box ul li .name small {
  color: #c8d4e4 !important;
}

html[data-okay-theme="dark"] body .i-body .right_side ul.music_l li .name b,
html[data-okay-theme="dark"] body .i-body .right_side .music_box ul li .name b {
  color: #f3f6fb !important;
}

html[data-okay-theme="dark"] body ul.music_l li a.down,
html[data-okay-theme="dark"] body .i-body .right_side ul.music_l li a.down,
html[data-okay-theme="dark"] body .i-body .right_side .music_box ul li .down_stat,
html[data-okay-theme="dark"] body .i-body .right_side .music_box ul li .down_stat a,
html[data-okay-theme="dark"] body .i-body .right_side .music_box ul li .down_stat i,
html[data-okay-theme="dark"] body .i-body .right_side ul.music_l li a.down i {
  color: #d8e4f0 !important;
}

html[data-okay-theme="dark"] body .i-body .right_side .music_box ul li .down_stat img,
html[data-okay-theme="dark"] body ul.music_l li a.down img,
html[data-okay-theme="dark"] body .i-body .right_side ul.music_l li a.down img {
  filter: brightness(0) saturate(100%) invert(90%) sepia(6%) saturate(498%) hue-rotate(169deg)
    brightness(98%) contrast(92%) !important;
  opacity: 1 !important;
}

html[data-okay-theme="dark"] body .i-body .right_side ul.music_l li a.down:hover,
html[data-okay-theme="dark"] body .i-body .right_side .music_box ul li .down_stat a:hover {
  color: #6edce6 !important;
}

html[data-okay-theme="dark"] .okay-account-name,
html[data-okay-theme="dark"] .okay-account-title,
html[data-okay-theme="dark"] .okay-account-device-head h3,
html[data-okay-theme="dark"] .okay-account-card-title,
html[data-okay-theme="dark"] .okay-account-track-name,
html[data-okay-theme="dark"] .okay-account-stat,
html[data-okay-theme="dark"] .okay-account-stat-title {
  color: #f3f6fb !important;
}

html[data-okay-theme="dark"] .okay-account-lead,
html[data-okay-theme="dark"] .okay-account-stat-text,
html[data-okay-theme="dark"] .okay-account-card-meta,
html[data-okay-theme="dark"] .okay-account-time,
html[data-okay-theme="dark"] .okay-account-track-singer,
html[data-okay-theme="dark"] .okay-account-note,
html[data-okay-theme="dark"] .okay-account-status,
html[data-okay-theme="dark"] .okay-account-links .okay-account-logout {
  color: #9aa7b6 !important;
}

html[data-okay-theme="dark"] .okay-account-rule {
  background: #2e3748 !important;
}

html[data-okay-theme="dark"] .okay-account-links button {
  color: #c8d2e0 !important;
}

html[data-okay-theme="dark"] .okay-account-links button:hover {
  background: #252d3c !important;
  color: #e9eef5 !important;
}

html[data-okay-theme="dark"] .okay-account-links button[aria-current="page"] {
  background: rgba(110, 220, 230, 0.16) !important;
  color: #6edce6 !important;
}

html[data-okay-theme="dark"] .okay-account-links button[aria-current="page"]:hover {
  background: rgba(110, 220, 230, 0.22) !important;
}

html[data-okay-theme="dark"] .okay-account-stat {
  background: #151a22 !important;
  border-color: #2e3748 !important;
}

html[data-okay-theme="dark"] .okay-account-stat:hover {
  border-color: #3d4a60 !important;
}

html[data-okay-theme="dark"] .okay-account-bubble {
  background: rgba(110, 220, 230, 0.14) !important;
  color: #6edce6 !important;
}

html[data-okay-theme="dark"] .okay-account-textbutton {
  color: #6edce6 !important;
}

html[data-okay-theme="dark"] .okay-account-more {
  border-color: #0c7f8c !important;
  color: #6edce6 !important;
}

html[data-okay-theme="dark"] .okay-account-more:hover {
  background: rgba(110, 220, 230, 0.12) !important;
}

html[data-okay-theme="dark"] .okay-account-card,
html[data-okay-theme="dark"] .okay-account-search,
html[data-okay-theme="dark"] .okay-account-chip {
  background: #151a22 !important;
  color: #e9eef5 !important;
  border-color: #2e3748 !important;
}

html[data-okay-theme="dark"] .okay-account-chip[aria-pressed="true"] {
  background: #0c7f8c !important;
  border-color: #0c7f8c !important;
  color: #fff !important;
}

html[data-okay-theme="dark"] .okay-account-search-label > svg {
  color: #8b98a8 !important;
}

html[data-okay-theme="dark"] .okay-account-song {
  border-bottom-color: #2e3748 !important;
}

html[data-okay-theme="dark"] .okay-account-song-menu,
html[data-okay-theme="dark"] .okay-account-user-menu {
  background: #10141b !important;
  border-color: #2e3748 !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.45) !important;
}

html[data-okay-theme="dark"] .okay-account-menu-item,
html[data-okay-theme="dark"] .okay-account-user-menu button {
  color: #e9eef5 !important;
}

html[data-okay-theme="dark"] .okay-account-menu-item svg {
  color: #9aa7b6 !important;
}

html[data-okay-theme="dark"] .okay-account-menu-item:hover,
html[data-okay-theme="dark"] .okay-account-user-menu button:hover {
  background: #252d3c !important;
}

html[data-okay-theme="dark"] .okay-account-avatar {
  background: #252d3c !important;
  color: #6edce6 !important;
}

html[data-okay-theme="dark"] .okay-account-kebab {
  color: #9aa7b6 !important;
}

html[data-okay-theme="dark"] .okay-account-playmark {
  background: rgba(21, 26, 34, 0.95) !important;
  color: #f3f6fb !important;
}

@media (max-width: 800px) {
  html[data-okay-theme="dark"] .okay-account-links button {
    background: #151a22 !important;
    border-color: #2e3748 !important;
    color: #c8d2e0 !important;
  }

  html[data-okay-theme="dark"] .okay-account-links button[aria-current="page"] {
    background: #0c7f8c !important;
    border-color: #0c7f8c !important;
    color: #fff !important;
  }
}

/* Header: gear right of login (mover) */
section.main-navbar div.right {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

section.main-navbar div.right .okay-theme-slot {
  display: inline-flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: 10px;
}

.okay-theme-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 0;
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  color: #fff;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.okay-theme-btn:hover,
.okay-theme-btn:focus-visible {
  background: rgba(255, 255, 255, 0.18);
  border-color: rgba(255, 255, 255, 0.35);
  outline: none;
}

.okay-theme-btn[aria-pressed="true"] {
  background: rgba(110, 220, 230, 0.22);
  border-color: rgba(110, 220, 230, 0.55);
}

.okay-theme-btn svg {
  width: 20px;
  height: 20px;
  display: block;
  pointer-events: none;
}

@media (max-width: 600px) {
  section.main-navbar div.right .okay-theme-slot {
    margin-left: 6px;
  }
  .okay-theme-btn {
    width: 36px;
    height: 36px;
  }
  .okay-theme-btn svg {
    width: 18px;
    height: 18px;
  }
}

/* Film row + hero arrows (light + dark) */
html:not([data-okay-theme="dark"]) div.films div.owl-nav button,
html:not([data-okay-theme="dark"]) div.films div.owl-nav button.owl-prev,
html:not([data-okay-theme="dark"]) div.films div.owl-nav button.owl-next {
  width: 40px !important;
  height: 40px !important;
  min-width: 40px !important;
  min-height: 40px !important;
  border-radius: 50% !important;
  background: var(--okay-arrow-bg) !important;
  border: 1px solid var(--okay-arrow-border) !important;
  box-shadow: var(--okay-arrow-shadow) !important;
  color: var(--okay-arrow-color) !important;
}

html:not([data-okay-theme="dark"]) div.films div.owl-nav button span {
  color: var(--okay-arrow-color) !important;
}

html:not([data-okay-theme="dark"]) div.films div.owl-nav button:hover:not(.disabled) {
  background: #f4f8fc !important;
  border-color: var(--okay-arrow-hover) !important;
  box-shadow: var(--okay-arrow-shadow-hover) !important;
  transform: translateY(-1px) !important;
}

html:not([data-okay-theme="dark"]) div.films div.owl-nav button:hover:not(.disabled) span {
  color: var(--okay-arrow-hover) !important;
}

html:not([data-okay-theme="dark"]) div.films div.owl-nav button:active:not(.disabled) {
  transform: translateY(0) scale(0.98) !important;
}

html:not([data-okay-theme="dark"]) div.films div.owl-nav button.disabled,
html:not([data-okay-theme="dark"]) div.films div.owl-nav button.disabled:hover {
  background: #eef2f7 !important;
  border-color: #e2e8f0 !important;
  box-shadow: none !important;
  opacity: 0.92 !important;
  transform: none !important;
}

html:not([data-okay-theme="dark"]) div.films div.owl-nav button.disabled::after,
html:not([data-okay-theme="dark"]) div.films div.owl-nav button.disabled:hover::after {
  content: none !important;
  background: transparent !important;
}

html:not([data-okay-theme="dark"]) div.films div.owl-nav button.disabled span,
html:not([data-okay-theme="dark"]) div.films div.owl-nav button.disabled:hover span {
  color: var(--okay-arrow-muted) !important;
}

html:not([data-okay-theme="dark"]) #carusel1.okay-peek div.owl-nav button.owl-prev,
html:not([data-okay-theme="dark"]) #carusel1.okay-peek div.owl-nav button.owl-next,
html:not([data-okay-theme="dark"]) #carusel1.okay-peek div.owl-nav button {
  background: rgba(255, 255, 255, 0.88) !important;
  background-color: rgba(255, 255, 255, 0.88) !important;
  border: 1px solid rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0 4px 18px rgba(16, 24, 40, 0.22) !important;
}

html:not([data-okay-theme="dark"]) #carusel1.okay-peek div.owl-nav button span {
  color: #2a3344 !important;
}

html:not([data-okay-theme="dark"]) #carusel1.okay-peek div.owl-nav button.owl-prev:hover,
html:not([data-okay-theme="dark"]) #carusel1.okay-peek div.owl-nav button.owl-next:hover,
html:not([data-okay-theme="dark"]) #carusel1.okay-peek div.owl-nav button:hover:not(.disabled) {
  background: rgba(255, 255, 255, 0.98) !important;
  background-color: rgba(255, 255, 255, 0.98) !important;
  border-color: #0c7f8c !important;
}

@media (min-width: 601px) {
  html:not([data-okay-theme="dark"]) #carusel1.okay-peek div.owl-nav button span::before {
    border-top-color: #2a3344 !important;
    border-right-color: #2a3344 !important;
    border-top-width: 3px !important;
    border-right-width: 3px !important;
    width: 14px !important;
    height: 14px !important;
    filter: drop-shadow(0 1px 2px rgba(255, 255, 255, 0.6)) !important;
  }
}

html:not([data-okay-theme="dark"]) #carusel1.okay-peek div.owl-nav button.disabled,
html:not([data-okay-theme="dark"]) #carusel1.okay-peek div.owl-nav button.disabled:hover {
  opacity: 0.5 !important;
  cursor: default !important;
}

html[data-okay-theme="dark"] div.films div.owl-nav button,
html[data-okay-theme="dark"] div.films div.owl-nav button.owl-prev,
html[data-okay-theme="dark"] div.films div.owl-nav button.owl-next {
  background: var(--okay-arrow-bg) !important;
  border-color: var(--okay-arrow-border) !important;
  box-shadow: var(--okay-arrow-shadow) !important;
  color: var(--okay-arrow-color) !important;
}

html[data-okay-theme="dark"] div.films div.owl-nav button span {
  color: var(--okay-arrow-color) !important;
}

html[data-okay-theme="dark"] div.films div.owl-nav button:hover:not(.disabled) {
  background: #344155 !important;
  border-color: var(--okay-arrow-hover) !important;
  box-shadow: var(--okay-arrow-shadow-hover) !important;
  transform: translateY(-1px) !important;
}

html[data-okay-theme="dark"] div.films div.owl-nav button:hover:not(.disabled) span {
  color: var(--okay-arrow-hover) !important;
}

html[data-okay-theme="dark"] div.films div.owl-nav button:active:not(.disabled) {
  transform: translateY(0) scale(0.98) !important;
}

html[data-okay-theme="dark"] div.films div.owl-nav button.disabled,
html[data-okay-theme="dark"] div.films div.owl-nav button.disabled:hover {
  background: #1e2533 !important;
  border-color: #323a4a !important;
  box-shadow: none !important;
  opacity: 0.6 !important;
  transform: none !important;
}

html[data-okay-theme="dark"] div.films div.owl-nav button.disabled::after,
html[data-okay-theme="dark"] div.films div.owl-nav button.disabled:hover::after {
  content: none !important;
  background: transparent !important;
}

html[data-okay-theme="dark"] div.films div.owl-nav button.disabled span,
html[data-okay-theme="dark"] div.films div.owl-nav button.disabled:hover span {
  color: var(--okay-arrow-muted) !important;
}

/* Hero banner #carusel1 — dark theme only */
html[data-okay-theme="dark"] #carusel1.okay-peek div.owl-nav button.owl-prev,
html[data-okay-theme="dark"] #carusel1.okay-peek div.owl-nav button.owl-next,
html[data-okay-theme="dark"] #carusel1.okay-peek div.owl-nav button {
  background: rgba(26, 32, 48, 0.78) !important;
  background-color: rgba(26, 32, 48, 0.78) !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.55) !important;
}

html[data-okay-theme="dark"] #carusel1.okay-peek div.owl-nav button span {
  color: #ffffff !important;
}

html[data-okay-theme="dark"] #carusel1.okay-peek div.owl-nav button.owl-prev:hover,
html[data-okay-theme="dark"] #carusel1.okay-peek div.owl-nav button.owl-next:hover,
html[data-okay-theme="dark"] #carusel1.okay-peek div.owl-nav button:hover:not(.disabled) {
  background: rgba(42, 51, 68, 0.95) !important;
  background-color: rgba(42, 51, 68, 0.95) !important;
  border-color: #6edce6 !important;
}

@media (min-width: 601px) {
  html[data-okay-theme="dark"] #carusel1.okay-peek div.owl-nav button span::before {
    border-top-color: #ffffff !important;
    border-right-color: #ffffff !important;
    border-top-width: 3px !important;
    border-right-width: 3px !important;
    width: 14px !important;
    height: 14px !important;
    filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.85)) !important;
  }
}

html[data-okay-theme="dark"] #carusel1.okay-peek div.owl-nav button.disabled,
html[data-okay-theme="dark"] #carusel1.okay-peek div.owl-nav button.disabled:hover {
  opacity: 0.45 !important;
  cursor: default !important;
}

/* Track page (/track/…) — track-pages-v1, outside .i-body container */
html[data-okay-theme="dark"] .okay-track-page {
  background: #10141b !important;
  color: #dce3ee !important;
}

html[data-okay-theme="dark"] .okay-track-page .otp-crumb {
  color: #a8b6c9 !important;
}

html[data-okay-theme="dark"] .okay-track-page .otp-crumb a {
  color: #6edce6 !important;
}

html[data-okay-theme="dark"] .okay-track-page .otp-below h2 {
  color: #f3f6fb !important;
}

html[data-okay-theme="dark"] .okay-track-page .otp-row {
  background: #252d3c !important;
  border-bottom-color: #3a4458 !important;
  color: #dce3ee !important;
}

html[data-okay-theme="dark"] .okay-track-page .otp-row:hover {
  background: #2f3a4d !important;
}

html[data-okay-theme="dark"] .okay-track-page .otp-row-title > a,
html[data-okay-theme="dark"] .okay-track-page .okay-track-title a {
  color: #f3f6fb !important;
}

html[data-okay-theme="dark"] .okay-track-page .otp-row-title small,
html[data-okay-theme="dark"] .okay-track-page .otp-row-title > a.otp-row-artist {
  color: #a8b6c9 !important;
}

html[data-okay-theme="dark"] .okay-track-page .otp-row-time,
html[data-okay-theme="dark"] .okay-track-page .otp-row-number {
  color: #a8b6c9 !important;
}

html[data-okay-theme="dark"] .okay-track-page .otp-row-download,
html[data-okay-theme="dark"] .okay-track-page .otp-row-favorite {
  color: #b8c9db !important;
}

html[data-okay-theme="dark"] .okay-track-page .otp-row-download svg,
html[data-okay-theme="dark"] .okay-track-page .otp-row-favorite svg {
  stroke: currentColor !important;
}

html[data-okay-theme="dark"] .okay-track-page .otp-about {
  background: #252d3c !important;
  color: #dce3ee !important;
  border: 1px solid #3a4458 !important;
}

html[data-okay-theme="dark"] .okay-track-page .otp-about dt {
  color: #a8b6c9 !important;
}

html[data-okay-theme="dark"] .okay-track-page .otp-about dd,
html[data-okay-theme="dark"] .okay-track-page .otp-about > p {
  color: #dce3ee !important;
}

html[data-okay-theme="dark"] .okay-track-page .otp-about dd a,
html[data-okay-theme="dark"] .okay-track-page .otp-about a {
  color: #6edce6 !important;
}

html[data-okay-theme="dark"] .okay-track-page .otp-about dd a:hover {
  color: #9ef0f8 !important;
}

html[data-okay-theme="dark"] .okay-track-page .otp-about dl > div {
  border-bottom-color: #3a4458 !important;
}

html[data-okay-theme="dark"] .okay-track-page .otp-more {
  border-color: #29c3cd !important;
  color: #6edce6 !important;
  background: transparent !important;
}

html[data-okay-theme="dark"] .okay-track-page .otp-empty,
html[data-okay-theme="dark"] .okay-track-page .otp-loading {
  color: #a8b6c9 !important;
}

html[data-okay-theme="dark"] .okay-track-page .otp-share input {
  background: #121820 !important;
  color: #eef2f8 !important;
  border-color: #3a4458 !important;
}

/* Album page — album-detail-v1 (html.oal-route) */
html[data-okay-theme="dark"] .oal-breadcrumb,
html[data-okay-theme="dark"].oal-route .oal-breadcrumb,
html[data-okay-theme="dark"] .oal-breadcrumb span:not(a) {
  color: #c5d0e0 !important;
}

html[data-okay-theme="dark"] .oal-breadcrumb a,
html[data-okay-theme="dark"].oal-route .oal-breadcrumb a {
  color: #6edce6 !important;
}

html[data-okay-theme="dark"] .oal-breadcrumb a:hover {
  color: #9ef0f8 !important;
}

html[data-okay-theme="dark"] .oal-tracks-heading,
html[data-okay-theme="dark"].oal-route .oal-tracks-heading {
  color: #f3f6fb !important;
}

html[data-okay-theme="dark"] .oal-ready .music_box ul li.okay-track-row {
  border-bottom-color: #3a4458 !important;
}

html[data-okay-theme="dark"] .oal-ready .okay-track-row .okay-track-title strong {
  color: #f3f6fb !important;
}

html[data-okay-theme="dark"] .oal-ready .okay-track-row .okay-track-meta > a,
html[data-okay-theme="dark"] .oal-ready .oal-file-details {
  color: #a8b6c9 !important;
}

html[data-okay-theme="dark"] .oal-artist-card,
html[data-okay-theme="dark"].oal-route .oal-artist-card {
  background: #252d3c !important;
  border-color: #3a4458 !important;
  color: #dce3ee !important;
}

html[data-okay-theme="dark"] .oal-artist-card strong {
  color: #f3f6fb !important;
}

html[data-okay-theme="dark"] .oal-artist-card p {
  color: #a8b6c9 !important;
}

html[data-okay-theme="dark"] .oal-artist-card > a {
  border-color: #6edce6 !important;
  color: #6edce6 !important;
  background: transparent !important;
}

html[data-okay-theme="dark"] .oal-artist-card > a:hover {
  background: rgba(110, 220, 230, 0.14) !important;
  color: #9ef0f8 !important;
}

/* OKAY_MOBILE_HEADER_V2 */
@media (max-width: 767px) {
  html.okay-mobile-header-v2 section.main-navbar {
    padding-bottom: 10px !important;
  }

  html.okay-mobile-header-v2 section.main-navbar > .container {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 4px !important;
  }

  html.okay-mobile-header-v2 section.main-navbar > .container > .flex {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    flex: 0 0 auto !important;
    order: 1 !important;
  }

  html.okay-mobile-header-v2 section.main-navbar > .container > .flex .logo,
  html.okay-mobile-header-v2 section.main-navbar > .container > .flex > a[href="/"],
  html.okay-mobile-header-v2 section.main-navbar > .container > .flex > .center {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: center;
  }

  html.okay-mobile-header-v2 section.main-navbar div.right {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 4px !important;
    margin: 0 !important;
    max-width: 52% !important;
    min-width: 0 !important;
  }

  html.okay-mobile-header-v2 section.main-navbar div.right .okay-theme-slot {
    margin-left: 0 !important;
    order: 1;
    flex-shrink: 0;
  }

  html.okay-mobile-header-v2 section.main-navbar div.right .vxod {
    order: 2;
    flex-shrink: 0;
  }

  html.okay-mobile-header-v2 section.main-navbar div.right > .languages,
  html.okay-mobile-header-v2 section.main-navbar div.right > .language,
  html.okay-mobile-header-v2 section.main-navbar div.right > div:not(.okay-theme-slot):not(.vxod) {
    order: 3;
    flex-shrink: 0;
  }

  html.okay-mobile-header-v2 section.main-navbar div.right .vxod > a span:not(.caret),
  html.okay-mobile-header-v2 section.main-navbar div.right .vxod > a > span:first-of-type,
  html.okay-mobile-header-v2 section.main-navbar div.right .vxod .btn > span,
  html.okay-mobile-header-v2 section.main-navbar div.right a[href*="/login"] span,
  html.okay-mobile-header-v2 section.main-navbar div.right a[href*="/signup"] span {
    display: none !important;
  }

  html.okay-mobile-header-v2 section.main-navbar div.right .vxod > a,
  html.okay-mobile-header-v2 section.main-navbar div.right .vxod > .btn,
  html.okay-mobile-header-v2 section.main-navbar div.right a[href*="/login"],
  html.okay-mobile-header-v2 section.main-navbar div.right a[href*="/signup"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 44px !important;
    width: 44px !important;
    height: 44px !important;
    max-width: 44px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  html.okay-mobile-header-v2 section.main-navbar div.right .vxod > a .caret {
    display: none !important;
  }

  html.okay-mobile-header-v2 section.main-navbar div.right .vxod > a > i,
  html.okay-mobile-header-v2 section.main-navbar div.right .vxod .fa,
  html.okay-mobile-header-v2 section.main-navbar div.right .vxod .fa-user {
    margin: 0 !important;
    font-size: 18px;
  }

  html.okay-mobile-header-v2 section.main-navbar div.right .languages .btn,
  html.okay-mobile-header-v2 section.main-navbar div.right .language .btn,
  html.okay-mobile-header-v2 section.main-navbar div.right button.dropdown-toggle {
    min-height: 40px;
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  html.okay-mobile-header-v2 .okay-theme-btn {
    width: 40px !important;
    height: 40px !important;
    flex-shrink: 0;
  }

  html.okay-mobile-header-v2 section.main-navbar div.search-form,
  html.okay-mobile-header-v2 section.main-navbar > .container > div.search-form,
  html.okay-mobile-header-v2 section.main-navbar div.search-form.okay-mobile-search-below {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    order: 2 !important;
    margin: 0 0 8px !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  html.okay-mobile-header-v2 section.main-navbar div.search-form input,
  html.okay-mobile-header-v2 section.main-navbar div.search-form #search-form,
  html.okay-mobile-header-v2 section.main-navbar div.search-form input.w-100,
  html.okay-mobile-header-v2 section.main-navbar div.search-form .twitter-typeahead,
  html.okay-mobile-header-v2 section.main-navbar div.search-form .tt-input {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html.okay-mobile-header-v2 section.main-navbar > .container > .flex > .search-form,
  html.okay-mobile-header-v2 section.main-navbar > .container > .flex div.search-form {
    flex: 1 1 100% !important;
    width: 100% !important;
    order: 20 !important;
    margin-top: 4px !important;
  }

  html.okay-mobile-header-v2 section.main-navbar > .container > .flex.okay-v2-skip,
  html.okay-mobile-header-v2 section.main-navbar > .container > .row.vxod-row {
    display: none !important;
  }
}