/* DramaScope — Day Theme (Tiffany)
   Активируется через <link disabled> toggle: при day-режиме этот файл подключается,
   night-theme.css отключается. Палитра — Tiffany Blue акцент (#0ABAB5) на белом,
   текст почти-чёрный. Структура зеркальная night-theme.css. */

/* ============================================================
   0. Точечные font-size бампы (повторяем night, чтобы UI был ровно того же кегля) */
[style*="font-size: 9px"]    { font-size: 12px !important; }
[style*="font-size: 10px"]   { font-size: 13px !important; }
[style*="font-size: 10.5px"] { font-size: 13.5px !important; }
[style*="font-size: 11px"]   { font-size: 14px !important; }
[style*="font-size: 11.5px"] { font-size: 14.5px !important; }
[style*="font-size: 12px"]   { font-size: 15px !important; }
[style*="font-size: 12.5px"] { font-size: 15.5px !important; }
[style*="font-size: 13px"]   { font-size: 16px !important; }
[style*="font-size: 13.5px"] { font-size: 16.5px !important; }
[style*="font-size: 14px"]   { font-size: 17px !important; }
[style*="font-size: 14.5px"] { font-size: 17.5px !important; }
[style*="font-size: 15px"]   { font-size: 18px !important; }
[style*="font-size: 16px"]   { font-size: 19px !important; }
[style*="font-size: 17px"]   { font-size: 20px !important; }
[style*="font-size: 18px"]   { font-size: 21px !important; }
[style*="font-size: 19px"]   { font-size: 22px !important; }
[style*="font-size: 20px"]   { font-size: 23px !important; }
[style*="font-size: 22px"]   { font-size: 25px !important; }
[style*="font-size: 24px"]   { font-size: 27px !important; }
[style*="font-size: 26px"]   { font-size: 29px !important; }
[style*="font-size: 28px"]   { font-size: 31px !important; }
[style*="font-size: 30px"]   { font-size: 33px !important; }
[style*="font-size: 32px"]   { font-size: 35px !important; }
[style*="font-size: 34px"]   { font-size: 37px !important; }
[style*="font-size: 36px"]   { font-size: 39px !important; }
[style*="font-size: 40px"]   { font-size: 43px !important; }

nav button { font-size: 16px !important; }
.ds-cat-strip button { font-size: 16px !important; }
.ds-card .title,
img.ds-poster ~ div + div > div:first-child,
[style*="rgb(200, 216, 240)"],
[style*="rgb(31, 31, 31)"] {
  font-size: 15px !important;
}

/* ============================================================
   1. CSS-переменные — Tiffany Day палитра */
:root {
  /* Палитра пользователя: 9 оттенков голубого + лаванда + мята.
     1: #5ba6bc (steel teal)    4: #1487cb (royal sky — основной акцент)
     2: #c8ddec (pale sky bg)   5: #4fa1dc (sky blue — hover/accent2)
     3: #0f8fb0 (peacock)        6: #ddeaf3 (icy surface)
     7: #9fcbe9 (light sky)      8: #8e9dc4 (periwinkle — purple-ish)
     9: #8fc9c1 (mint teal) */
  --bg:      #ffffff !important;
  --bg2:     #ddeaf3 !important;        /* color 6 — icy */
  --bg3:     #c8ddec !important;        /* color 2 — pale sky */
  --bg4:     #9fcbe9 !important;        /* color 7 — light sky */
  --border:  rgba(20,135,203,0.18) !important;
  --accent:  #1487cb !important;        /* color 4 — royal sky (главный) */
  --accent2: #4fa1dc !important;        /* color 5 — sky (hover) */
  --text:    #0a1a2e !important;        /* почти-чёрный с лёгким холодным */
  --text2:   #3d4d66 !important;
  --text3:   #6b7d96 !important;
  --green:   #2da55f !important;
  --red:     #d44a4a !important;
  --gold:    #c69314 !important;
  --purple:  #8e9dc4 !important;        /* color 8 — periwinkle */
  --ds-burgundy:      #1487cb !important;
  --ds-burgundy-soft: #4fa1dc !important;
  --ds-ink:           #0a1a2e !important;
  --ds-bg:            #ffffff !important;
  --ds-surface:       #ddeaf3 !important;
  --ds-surface-2:     #c8ddec !important;
  --ds-ink-soft:      #3d4d66 !important;
  --ds-muted:         #6b7d96 !important;
  --ds-muted-2:       #94a3b8 !important;
  --ds-blue:          #1487cb !important;
  --ds-blue-soft:     #9fcbe9 !important;
  --ds-amber:         #c69314 !important;
  --ds-green:         #2da55f !important;
  --ds-purple:        #8e9dc4 !important;        /* color 8 */
  --ds-purple-soft:   #b8c1da !important;
  --ds-mint:          #8fc9c1 !important;        /* color 9 — резерв */
  --ds-peacock:       #0f8fb0 !important;        /* color 3 — резерв */
  --ds-border:        rgba(20,135,203,0.18) !important;
  --ds-divider:       rgba(20,135,203,0.10) !important;
}

/* ============================================================
   2. Фон страницы: html — нежно-голубой по бокам, #root>div — белый остров */
html { background: #eef4fa !important; }  /* почти как остров #f7fbff, лёгкий контраст */
body {
  background: transparent !important;
  color: #0a0f1e !important;
}
#root > div {
  background: #f7fbff !important;  /* очень лёгкий sky-tint вместо чисто-белого */
  box-shadow:
    0 0 60px rgba(10,15,30,0.06),
    0 0 0 1px rgba(10,15,30,0.06) !important;
}

/* ============================================================
   3. Текст */
h1, h2, h3, h4, h5, h6 { color: #0a0f1e !important; }
main h1, main h2 { color: #0a0f1e !important; }
main p { color: #2a3145 !important; }

[style*="rgb(200, 216, 240)"],
[style*="rgb(31, 31, 31)"],
[style*="rgb(58, 58, 58)"] {
  color: #0a0f1e !important;
  font-weight: 600 !important;
}

/* Тёмный цвет вместо светлых nav-текстов из cherry-blossom defaults.
   ВАЖНО: НЕ трогаем `color: #fff` / `color: rgb(255,255,255)` — белый часто
   используется намеренно (бейджи на цветном фоне, тексты на градиент-кнопках,
   аватары, и т.п.). Перебиваем только специфические серебристые оттенки. */
[style*="color: rgb(247, 247, 247)"],
[style*="color: rgb(238, 243, 255)"],
[style*="color: #eef3ff"] {
  color: #0a0f1e !important;
}

/* ============================================================
   4. Навигация */
nav[style*="position: fixed"] {
  background: rgba(255,255,255,0.96) !important;
  border-bottom: 1px solid rgba(10,15,30,0.10) !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
}
#root > div > nav button,
#root > div > nav a,
#root > div > nav span:not(.ds-brand-fu):not(.ds-brand-dot):not(.ds-vip-rating-badge):not(.ds-role-badge):not(.ds-notif-badge):not(.ds-premium-label):not(.ds-premium-icon),
#root > div > nav input {
  color: #0a0f1e !important;
}
#root > div > nav .ds-brand-fu { color: #1487cb !important; }
#root > div > nav .ds-brand-name { color: #0a0f1e !important; }
#root > div > nav .ds-brand-dot { color: #1487cb !important; }
#root > div > nav .ds-brand-asia { color: #4a5160 !important; }
#root > div > nav .ds-auth-signup {
  background: #1487cb !important;
  color: #ffffff !important;
  border: none !important;
}
#root > div > nav .ds-auth-signup:hover {
  background: #4fa1dc !important;
}
#root > div > nav .ds-nav-premium,
#root > div > nav .ds-nav-premium svg {
  color: #c69314 !important;
  border-color: rgba(198,147,20,0.45) !important;
  background: rgba(255,243,200,0.5) !important;
}
#root > div > nav .ds-nav-item > button,
#root > div > nav > div > div:nth-child(2) > button {
  color: #2a3145 !important;
}
#root > div > nav .ds-nav-item > button:hover,
#root > div > nav > div > div:nth-child(2) > button:hover {
  color: #1487cb !important;
  background: rgba(20,135,203,0.08) !important;
}

/* Меню-стрип (Главная/Дорамы/...) — белый фон, нежно-голубой hover */
.ds-cat-strip {
  background: #ffffff !important;
  border-bottom: 1px solid rgba(20,135,203,0.18) !important;
}
.ds-cat-strip button {
  color: #2a3145 !important;
}
/* ПЕРЕБИВКА inline-стиля из <style> блока в index.html: бежевый rgba(232,183,176,0.30)
   на hover → нежно-голубой из палитры (color 7 light sky + альфа). Селектор с html[data-theme]
   имеет более высокую specificity, чем `.ds-cat-strip button:hover`. */
html[data-theme="day"] .ds-cat-strip button:hover,
html[data-theme="day"] .ds-cat-strip a:hover {
  background: rgba(159,203,233,0.55) !important;
  color: #1487cb !important;
  border-radius: 8px !important;
}
.ds-cat-strip .ds-cat-strip__submenu {
  background: #ffffff !important;
  border: 1px solid rgba(20,135,203,0.18) !important;
  box-shadow: 0 8px 24px rgba(20,135,203,0.10) !important;
}
/* Submenu items — inline onMouseEnter в JSX задаёт rgba(140,200,255,0.12), но цвет текста
   #9fe9e0 (tiffany green) — на белом плохо. Заменяем на наш sky синий. */
html[data-theme="day"] .ds-cat-strip__submenu button {
  color: #2a3145 !important;
}
html[data-theme="day"] .ds-cat-strip__submenu button[style*="rgba(140,200,255,0.12)"],
html[data-theme="day"] .ds-cat-strip__submenu button:hover {
  background: rgba(159,203,233,0.45) !important;
  color: #1487cb !important;
}
.ds-menu-diamond { color: #1487cb !important; }

/* ============================================================
   5. Карточки / sidebar блоки */
[style*="background: var(--bg2)"],
[style*="background:var(--bg2)"] {
  background: #f7f7f7 !important;
  border-color: rgba(10,15,30,0.10) !important;
}
[style*="background: var(--bg3)"],
[style*="background:var(--bg3)"] {
  background: #efefef !important;
}

/* ============================================================
   6. Кнопки */
.ds-btn-primary,
[style*="background: linear-gradient(135deg, #1487cb"],
[style*="background:linear-gradient(135deg,#1487cb"] {
  background: #1487cb !important;
  color: #ffffff !important;
  border: none !important;
}
.ds-btn-primary *,
.ds-btn-primary {
  color: #ffffff !important;
}
.ds-btn-primary:hover {
  background: #4fa1dc !important;
}
.ds-btn-secondary {
  background: #ffffff !important;
  color: #1487cb !important;
  border: none !important;
}
.ds-btn-secondary * { color: #1487cb !important; }
/* На hover — solid пастельный sky #DDEAF3 (палитра), без альфы.
   Раньше был rgba(20,135,203,0.08) — прозрачный фон, через который просвечивал
   hero и кнопка казалась "пропадающей". */
.ds-btn-secondary:hover {
  background: #DDEAF3 !important;
}

/* ============================================================
   7. Hero — overlay-градиенты убраны полностью (картинка слайда без подмеса) */
.ds-hero-banner > div[style*="linear-gradient(to right"],
.ds-hero-banner > div[style*="linear-gradient(to top"] {
  background: transparent !important;
}
.ds-hero-banner h1 {
  color: #0a0f1e !important;
  text-shadow: 0 1px 2px rgba(255,255,255,0.6) !important;
}
.ds-hero-banner p {
  color: #2a3145 !important;
}
.ds-hero-topdrama {
  background: rgba(255,255,255,0.92) !important;
  color: #0a0f1e !important;
  border: 1px solid rgba(10,15,30,0.10) !important;
  box-shadow: 0 4px 18px rgba(10,15,30,0.10) !important;
}
.ds-hero-topdrama span[style*="color: rgb(159, 233, 224)"],
.ds-hero-topdrama span[style*="color:#9fe9e0"] {
  color: #1487cb !important;
}

/* Аккуратные подписи в hero мини-карте */
.ds-hero-topdrama [style*="color: rgb(192, 212, 245)"] { color: #4a5160 !important; }
.ds-hero-topdrama [style*="color: rgb(255, 255, 255)"] { color: #0a0f1e !important; }

/* Hero backdrop image — на дневной не приглушаем */
.ds-hero-banner img.ds-backdrop {
  filter: none !important;
}

/* ============================================================
   8. Карусели — белый фон, мягкие границы */
.ds-card,
[style*="background: rgba(20, 32, 61"],
[style*="background: rgb(20, 32, 61)"] {
  background: #ffffff !important;
  border: 1px solid rgba(10,15,30,0.08) !important;
}
.ds-card:hover {
  box-shadow: 0 8px 24px rgba(10,15,30,0.10) !important;
}

/* ============================================================
   9. Ссылки и акценты */
[style*="color: var(--accent)"],
[style*="color:var(--accent)"] {
  color: #1487cb !important;
}
a, a:visited {
  color: #1487cb !important;
}

/* ============================================================
   10. Поиск-инпут в навбаре */
.ds-topsearch {
  background: #f7f7f7 !important;
  border: 1px solid rgba(10,15,30,0.12) !important;
  color: #0a0f1e !important;
}
.ds-topsearch input,
.ds-topsearch input::placeholder {
  color: #4a5160 !important;
}
.ds-topsearch:focus-within {
  border-color: #1487cb !important;
  box-shadow: 0 0 0 3px rgba(20,135,203,0.18) !important;
}
.ds-topsearch__submit {
  color: #1487cb !important;
}

/* ============================================================
   11. Drama / Actor detail hero — светлый фон под backdrop */
.ds-drama-hero {
  background: #ffffff !important;
}
/* Actor-hero — Apple-style серый, тот же что у секций на странице дорамы
   (.ds-drama-tabs-section / .ds-drama-stats-section). */
.ds-actor-hero {
  background: #f5f5f7;
}
.ds-actor-mobile-title,
.ds-drama-title {
  color: #0a0f1e !important;
}
/* Имя актёра — чёрное (поверх серого hero без плашки). */
.ds-actor-name-h1 {
  color: #0a0f1e !important;
  text-shadow: none !important;
}

/* ============================================================
   12. Mao / AI элементы — нежный градиент фиолетово-голубой из палитры
   (color 8 periwinkle #8E9DC4 + color 7 light sky #9FCBE9).
   html[data-theme="day"] для перебивки исходных purple rules в index.html. */
.ds-ai-card {
  background: linear-gradient(135deg, rgba(142,157,196,0.18), rgba(159,203,233,0.18)) !important;
  border: 1px solid rgba(142,157,196,0.45) !important;
  color: #0a1a2e !important;
}
.ds-ai-card h2,
.ds-ai-card h3,
.ds-ai-card p { color: #0a1a2e !important; }

/* Все «Mao»-кнопки: nav AI Picks, hero CTA, mobile Ask Mao, Mao card CTA */
html[data-theme="day"] .ds-ai-purple,
html[data-theme="day"] nav button.ds-ai-purple,
html[data-theme="day"] .ds-ai-recommend,
html[data-theme="day"] .ds-mobile-ask-mao,
html[data-theme="day"] .ds-ai-card button {
  background: linear-gradient(135deg, #d4cde9 0%, #c8e2f1 100%) !important;
  color: #1a2238 !important;
  border: none !important;
  box-shadow: none !important;
}
html[data-theme="day"] .ds-ai-purple:hover,
html[data-theme="day"] nav button.ds-ai-purple:hover,
html[data-theme="day"] .ds-ai-recommend:hover,
html[data-theme="day"] .ds-mobile-ask-mao:hover,
html[data-theme="day"] .ds-ai-card button:hover {
  background: linear-gradient(135deg, #c4b9dd 0%, #b8d5e8 100%) !important;
  box-shadow: 0 2px 10px rgba(142,157,196,0.20) !important;
}
/* Текст и иконки внутри Mao-кнопок — тёмно-сине-чёрный для читаемости на пастели */
html[data-theme="day"] .ds-ai-purple *,
html[data-theme="day"] .ds-ai-recommend *,
html[data-theme="day"] .ds-mobile-ask-mao *,
html[data-theme="day"] .ds-ai-card button * {
  color: #0a1a2e !important;
}

/* Бейджи в avatar-меню — белый текст в day-теме, перебиваем
   жадное правило `#root > div > nav span { color: #0a0f1e !important }`. */
html body .ds-vip-rating-badge,
html body .ds-vip-rating-badge * { color: #ffffff !important; }
html body .ds-role-badge[data-role="admin"],
html body .ds-role-badge[data-role="moderator"],
html body .ds-role-badge[data-role="admin"] *,
html body .ds-role-badge[data-role="moderator"] * { color: #ffffff !important; }

/* ============================================================
   11c. Avatar menu — Mao через .ds-ai-purple → periwinkle gradient.
        Premium остаётся тёмной кнопкой с золотой обводкой в обеих темах. */
html[data-theme="day"] .ds-avatar-premium {
  background: linear-gradient(135deg, #1a1330 0%, #2a1e4a 100%) !important;
  color: #ffd770 !important;
  border: 1px solid rgba(255,215,112,0.55) !important;
  box-shadow: 0 4px 14px rgba(10,15,30,0.25), inset 0 0 0 1px rgba(255,215,112,0.10) !important;
}
html[data-theme="day"] .ds-avatar-premium > span,
html[data-theme="day"] .ds-avatar-premium svg,
html body #root > div > nav .ds-avatar-premium,
html body #root > div > nav .ds-avatar-premium span,
html body #root > div > nav .ds-avatar-premium svg {
  color: #ffd770 !important;
}

/* ============================================================
   11b. Apple-style тени для постеров и фото актёров — мягкие, голубоватые,
        на светлом фоне. Inline-стили в JSX используют тёмные тени для night
        темы; здесь перебиваем под day. */
html[data-theme="day"] .ds-drama-card__poster {
  box-shadow: 0 6px 20px rgba(20,30,50,0.10) !important;
}
/* Карточки на главной "Мои плейлисты / Новости / Обсуждения" — Apple-soft
   тень того же стиля, что под постерами в day-теме. */
html[data-theme="day"] .ds-home-side-card {
  background: #ffffff !important;
  border: none !important;
  box-shadow: 0 6px 20px rgba(20,30,50,0.10) !important;
}
html[data-theme="day"] .ds-drama-card:hover .ds-drama-card__poster {
  box-shadow: 0 14px 32px rgba(20,30,50,0.18) !important;
}
html[data-theme="day"] .ds-drama-hero-poster {
  box-shadow: 0 10px 28px rgba(20,30,50,0.14) !important;
}

/* ============================================================
   12. Apple-style блоки на странице дорамы — серый фон по ширине острова. */
html[data-theme="day"] .ds-drama-tabs-section,
html[data-theme="day"] .ds-drama-stats-section {
  background: #f5f5f7 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  /* Цвет fade-наложения внизу галереи "Медиа" совпадает с фоном секции. */
  --media-fade-color: #f5f5f7;
}
/* Плашки внутри stats section — белые карточки на сером фоне, Apple-style тень */
html[data-theme="day"] .ds-drama-stats-inner > .ds-stats-row > div {
  background: #ffffff !important;
  background-image: none !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(20,30,50,0.08) !important;
  border-radius: 18px !important;
}

/* ActorRatingPanel + ActorReactionPanel — Apple-style: белый фон + мягкий soft shadow + крупный радиус.
   Тот же стиль, что у .ds-drama-panel (карточки рейтинга и реакции у дорам). */
html[data-theme="day"] .ds-actor-rate-panel,
html[data-theme="day"] .ds-actor-reaction-panel {
  background: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(20,30,50,0.08) !important;
  border-radius: 18px !important;
}

/* Плашки "Рекомендуй дораму", "Оценить дораму", "Моя реакция" —
   тот же Apple-style soft shadow что у плашек рейтинга, белый фон. */
html[data-theme="day"] .ds-drama-panel {
  background: #ffffff !important;
  border: none !important;
  box-shadow: 0 4px 16px rgba(20,30,50,0.08) !important;
  border-radius: 18px !important;
  /* Неактивные теги "Моя реакция" — нежно-голубой фон из палитры (#DDEAF3),
     текст и активный фон остаются #1487cb через inline стили. */
  --reaction-tag-bg: #DDEAF3;
  --reaction-tag-border: #C8DDEC;
}

/* DramaRatingPanel — кнопки шкалы 1-10.
   Размер/шрифт фиксируем через !important.
   Background — без !important: активная кнопка получает пастельный RATING_COLOR
   из inline JSX; неактивная (inline rgba(255,255,255,0.05) — невидимая на белом)
   получает fallback sky-tint из CSS.
   Цвет цифры — без !important. Активная inline = #ffffff;
   неактивная inline = var(--rating-num-inactive) = #1487cb.
   Border — задаётся inline в JSX:
     активная → border: 'none'
     неактивная → border: '1px solid var(--rating-btn-border)' (видимый sky-контур в day) */
html[data-theme="day"] .ds-rating-row > div > button[title*="/10"] {
  --rating-num-inactive: #1487cb;
  --rating-btn-border: rgba(20,135,203,0.45);
  background: rgba(20,135,203,0.08);   /* fallback, без !important — inline побеждает */
  font-weight: 700 !important;
}
/* Заголовки внутри stats-плашек (РЕЙТИНГ / КОЛИЧЕСТВО ЗРИТЕЛЕЙ / РЕАКЦИЯ НА ДОРАМУ)
   — чёрный цвет в day-теме (был #7bc3ff). Покрываем все варианты сериализации цвета. */
html[data-theme="day"] .ds-drama-stats-section span[style*="#7bc3ff"],
html[data-theme="day"] .ds-drama-stats-section span[style*="rgb(123, 195, 255)"],
html[data-theme="day"] .ds-drama-stats-section span[style*="rgb(123,195,255)"] {
  color: #0a1226 !important;
}
/* Tiffany (#0abab5) → тёмно-голубой palette (#1487cb) на любом элементе внутри stats */
html[data-theme="day"] .ds-drama-stats-section button[style*="#0abab5"],
html[data-theme="day"] .ds-drama-stats-section span[style*="#0abab5"],
html[data-theme="day"] .ds-drama-stats-section button[style*="rgb(10, 186, 181)"],
html[data-theme="day"] .ds-drama-stats-section span[style*="rgb(10, 186, 181)"] {
  color: #1487cb !important;
}
/* Бордер и stroke кнопки "+ Оценить" — palette dark blue */
html[data-theme="day"] .ds-drama-stats-section button[style*="rgba(10,186,181"] {
  border-color: rgba(20,135,203,0.45) !important;
}
/* (удалено): правило span[style*="color: #fff"] ловило также #ffffff на иконках
   внутри чёрной плашки с измерениями → они становились невидимыми (чёрное на чёрном).
   Если 4.9K вдруг покажется не таким как нужно — точечно добавим класс. */
/* Внутри секции внутренний фон карточек делаем чуть светлее для контраста */
html[data-theme="day"] .ds-drama-tabs-section [style*="background: var(--bg2)"] {
  background: #ffffff !important;
}

/* ============================================================
   12a. Описание дорамы — fade-градиент перед "Читать дальше".
        В day-теме чёрный fade меняется на цвет острова (#f7fbff). */
html[data-theme="day"] .ds-drama-overview-fade {
  background: linear-gradient(to top,
    #f7fbff 0%,
    rgba(247,251,255,0.92) 35%,
    rgba(247,251,255,0.0) 100%) !important;
}
/* Кнопка "Читать дальше" — гарантировано тёмно-голубая в day-теме.
   Перебивает inline color: #0abab5 и подцепляет SVG через currentColor. */
html[data-theme="day"] [style*="color: #0abab5"],
html[data-theme="day"] [style*="color:#0abab5"] {
  color: #1487cb !important;
}
html[data-theme="day"] .ds-drama-overview-toggle,
html[data-theme="day"] .ds-drama-overview-toggle * {
  color: #1487cb !important;
}
html[data-theme="day"] .ds-drama-overview-toggle svg {
  stroke: #1487cb !important;
}
html[data-theme="day"] .ds-drama-overview-toggle:hover {
  background: rgba(20,135,203,0.08) !important;
}

/* ============================================================
   12b. Рейтинг-бейдж на постере (DramaCard + PosterRatingBadge):
        в day-теме светлый фон + чёрные цифры + ярко-золотая звезда. */
html[data-theme="day"] .ds-poster-rating {
  background: rgba(255,255,255,0.92) !important;
  color: #0a1226 !important;
  border: 1px solid rgba(10,15,30,0.10) !important;
  box-shadow: 0 2px 6px rgba(10,15,30,0.15) !important;
}
html[data-theme="day"] .ds-poster-rating .ds-poster-rating-star {
  color: #ffb700 !important;  /* ярко-золотой */
  text-shadow: 0 0 4px rgba(255,183,0,0.45);
}
html[data-theme="day"] .ds-poster-rating .ds-poster-rating-num {
  color: #0a1226 !important;
  font-weight: 800;
}
html[data-theme="day"] .ds-poster-rating-badge {
  background: rgba(255,255,255,0.95) !important;
  border: none !important;
  box-shadow: 0 2px 8px rgba(10,15,30,0.18) !important;
}
html[data-theme="day"] .ds-poster-rating-badge .ds-poster-rating-star-svg {
  fill: #ffb700 !important;
  stroke: #ffb700 !important;
  filter: drop-shadow(0 0 3px rgba(255,183,0,0.5));
}
html[data-theme="day"] .ds-poster-rating-badge .ds-poster-rating-num {
  color: #0a1226 !important;
}

/* ============================================================
   12c. Heart-like-кнопка (FavoriteDramaButton / FavoritePersonButton).
        Day неактивное: чёрный контур кнопки + чёрный контур сердца
                        + полностью белый фон (чтобы постер не просвечивал).
        Day активное:   красное заполненное сердце, БЕЗ контура кнопки.
        Используется в compact-варианте на постерах (30×30 круг)
        и в большом варианте на детальной странице актёра (36×36 круг).
   ============================================================ */
html[data-theme="day"] .ds-fav-heart-btn {
  background: #ffffff !important;
  border: none !important;
  color: #0a1226 !important;
}
html[data-theme="day"] .ds-fav-heart-btn[data-active="1"] {
  background: #ffffff !important;
  border: none !important;
  color: #ff3b5e !important;
}
html[data-theme="day"] .ds-fav-heart-btn:hover {
  background: #ffffff !important;
}

/* ============================================================
   13. (removed) Раньше тут было правило .ds-status-badge { background:#fff }
   но оно перебивало цветные airing-status плашки на странице дорамы
   (Завершено зелёная / Снимается голубая / Ожидается жёлтая / Приостановлено красная).
   Status-badges теперь рендерятся как заданы в inline <style> блока — цветные. */

/* ============================================================
   14. Footer */
footer {
  background: #f7f7f7 !important;
  color: #4a5160 !important;
  border-top: 1px solid rgba(10,15,30,0.10) !important;
}
footer * { color: #4a5160 !important; }
footer a:hover { color: #1487cb !important; }

/* ============================================================
   15. Sidebar widgets и любые var(--bg2)/var(--bg3) поверхности — на палитру */
[style*="background: var(--bg2)"][style*="border"] {
  background: #f2faff !important;
  border: 1px solid rgba(20,135,203,0.18) !important;
  box-shadow: 0 2px 10px rgba(20,135,203,0.10) !important;
}
/* Любые блоки с background: var(--bg2) или var(--bg3) в инлайн-стиле */
[style*="background: var(--bg2)"],
[style*="background:var(--bg2)"],
[style*="background-color: var(--bg2)"] {
  background-color: #f2faff !important;
}
[style*="background: var(--bg3)"],
[style*="background:var(--bg3)"],
[style*="background-color: var(--bg3)"] {
  background-color: #c8ddec !important;
}

/* ============================================================
   15b. ГЛОБАЛЬНАЯ ПЕРЕБИВКА бежево-кремовых остатков cherry-blossom палитры.
        Эти инлайн-цвета жёстко зашиты в индексе/компонентах. Меняем
        на нежно-голубые из палитры. */
/* Тёплые cream/peach inline бэкграунды */
[style*="rgba(232,183,176,0.25)"],
[style*="rgba(232, 183, 176, 0.25)"],
[style*="rgba(232,183,176,0.30)"],
[style*="rgba(232, 183, 176, 0.30)"],
[style*="rgba(232,183,176,0.18)"],
[style*="rgba(232, 183, 176, 0.18)"] {
  background-color: rgba(20,135,203,0.16) !important;
}
[style*="rgba(180,130,120"],
[style*="rgba(180, 130, 120"] {
  border-color: rgba(20,135,203,0.22) !important;
}
/* Cream-hex поверхности (cherry blossom + butter yellow остатки) */
[style*="background: #fbefe6"],
[style*="background:#fbefe6"],
[style*="background: #f8e6dc"],
[style*="background:#f8e6dc"],
[style*="background: #fff7f1"],
[style*="background:#fff7f1"],
[style*="background: #fbeae2"],
[style*="background:#fbeae2"],
[style*="background: #faf0d0"],
[style*="background:#faf0d0"],
[style*="background: #fdf7e0"],
[style*="background:#fdf7e0"],
[style*="background: #f3e6b8"],
[style*="background:#f3e6b8"],
[style*="background: #fff7eb"],
[style*="background:#fff7eb"] {
  background-color: #f2faff !important;
  background-image: none !important;
}
/* Тёплые active highlight'ы кнопок (rgba(74,158,255,0.15) был "blue"
   но в night рендерится тускло) → используем sky из палитры */
[style*="rgba(74,158,255,0.15)"],
[style*="rgba(74, 158, 255, 0.15)"] {
  background-color: rgba(20,135,203,0.18) !important;
}
/* Cream border'ы */
[style*="border: 1px solid #d8cba0"],
[style*="border:1px solid #d8cba0"],
[style*="border: 1px solid #e8dcb0"],
[style*="border:1px solid #e8dcb0"] {
  border-color: rgba(20,135,203,0.22) !important;
}

/* Дропдаун LanguageMenu — гарантия что панель и выделенный пункт sky-blue */
html body .ds-nav-lang > div > div[style*="position: absolute"],
html body .ds-nav-lang > div > div[style*="position:absolute"] {
  background: #f2faff !important;
  background-color: #f2faff !important;
  border: 1px solid rgba(20,135,203,0.22) !important;
  box-shadow: 0 8px 24px rgba(20,135,203,0.18) !important;
}
html body .ds-nav-lang button[style*="rgba(74,158,255,0.15)"],
html body .ds-nav-lang button[style*="rgba(74, 158, 255, 0.15)"] {
  background-color: #c8ddec !important;
  color: #0a1a2e !important;
}
html body .ds-nav-lang button {
  color: #0a1a2e !important;
}

/* ============================================================
   16. Бургер и язык-меню — иконки контрастные на белом */
.ds-nav-burger,
.ds-nav-burger * { color: #0a0f1e !important; }
.ds-nav-bell svg,
.ds-nav-lang svg,
.ds-nav-settings svg { color: #2a3145 !important; }

/* Кнопка переключения языка — нежно-голубой фон из палитры */
html[data-theme="day"] .ds-nav-lang > div > button,
html body .ds-nav-lang > div > button {
  background: #c8ddec !important;
  background-color: #c8ddec !important;
  border: 1px solid rgba(20,135,203,0.28) !important;
  color: #0a1a2e !important;
}
html[data-theme="day"] .ds-nav-lang > div > button:hover {
  background: #9fcbe9 !important;
}
html[data-theme="day"] .ds-nav-lang > div > button > svg { color: #0a1a2e !important; }
html[data-theme="day"] .ds-nav-lang > div > button > span { color: #0a1a2e !important; }

/* Красные бейджи уведомлений (cолокольчик/конверт) — белые цифры внутри.
   Нужна высокая specificity чтобы перебить
   "#root > div > nav span:not(.ds-brand-fu):not(.ds-brand-dot) { color:#0a0f1e !important }". */
html body #root > div > nav .ds-nav-bell button > span[style*="var(--red)"],
html body #root > div > nav .ds-nav-bell button > span[style*="background:var(--red)"],
html body #root > div > nav .ds-nav-bell button > span[style*="background: var(--red)"] {
  color: #ffffff !important;
}
/* Универсальное правило по классу — добавим в JSX className="ds-notif-badge" */
html body #root > div > nav .ds-notif-badge,
html body .ds-notif-badge {
  color: #ffffff !important;
  background: var(--red, #d44a4a) !important;
}

/* ============================================================
   17. Hero gradient overlay (mobile gradient bg) — белый */
@media (max-width: 1024px) {
  .ds-hero-banner {
    background: linear-gradient(180deg, #ffffff 0%, #f7f7f7 100%) !important;
  }
}
@media (max-width: 640px) {
  .ds-hero-banner {
    background: linear-gradient(135deg, #ffffff 0%, #f0f7f7 50%, #e8f5f4 100%) !important;
  }
}

/* ============================================================
   18. Постеры — фон-плейсхолдер светлый (вместо #0a0e1c).
   Перебиваем inline-стили карточек по селектору класса. */
.ds-drama-card__poster,
.ds-drama-card [style*="background: #0a0e1c"],
.ds-drama-card [style*="background:#0a0e1c"],
[style*="background: rgb(10, 14, 28)"],
[style*="background: #1a2348"],
[style*="background:#1a2348"],
[style*="background: rgb(26, 35, 72)"] {
  background: #f5f5f5 !important;
}

/* Тёмные «островные» wrap'ы в hero/контейнерах — отбеливаем.
   Исключение: picker статуса в DramaCard (.ds-card-status-picker) — ему свой
   стиль ниже с sky-blue текстом, иначе текст становится чёрным и плохо считывается. */
[style*="background: rgba(20, 32, 61"]:not(.ds-card-status-picker),
[style*="background:rgba(20,32,61"]:not(.ds-card-status-picker),
[style*="background: rgb(20, 32, 61)"]:not(.ds-card-status-picker),
[style*="background: rgba(8, 12, 26"]:not(.ds-card-status-picker),
[style*="background:rgba(8,12,26"]:not(.ds-card-status-picker),
[style*="background: rgba(8,14,30"]:not(.ds-card-status-picker),
[style*="background: rgba(0,0,0,0.18)"]:not(.ds-card-status-picker) {
  background: rgba(255,255,255,0.92) !important;
  color: #0a0f1e !important;
  border-color: rgba(10,15,30,0.10) !important;
}

/* Picker статуса в DramaCard: фон делаем sky-blue из палитры (#1487cb),
   текст и иконки белые. Видно на любом постере. */
.ds-card-status-picker {
  background: rgba(20,135,203,0.92) !important;
  border: 1px solid rgba(20,135,203,1) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
}
.ds-card-status-picker button,
.ds-card-status-picker span {
  color: #ffffff !important;
  font-weight: 400 !important;
}
.ds-card-status-picker button svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* DSBadge "Подробнее" — sky-blue (#1487cb), не жирный.
   Перебивает старый inline color: rgb(255,224,224) на случай если JSX в кеше. */
.ds-badge,
[class*="ds-drama-card"] span[style*="rgba(74,158,255,0.15)"],
[class*="ds-drama-card"] span[style*="rgb(255, 224, 224)"],
[class*="ds-drama-card"] span[style*="rgb(255,224,224)"] {
  background: rgba(20,135,203,0.18) !important;
  color: #1487cb !important;
  border: 1px solid rgba(20,135,203,0.45) !important;
  font-weight: 400 !important;
}

/* Кнопка "+В библиотеку" / статус на постере при ховере — sky-blue */
.ds-card-lib-btn {
  font-weight: 400 !important;
}

/* Стрелки каруселей (sd-circle dark) → светлые */
[style*="background: rgba(8,10,22,0.92)"],
[style*="background: rgba(8, 10, 22, 0.92)"] {
  background: rgba(255,255,255,0.94) !important;
  color: #0a0f1e !important;
  border-color: rgba(10,15,30,0.16) !important;
}

/* Категории/чипы/фильтры с var(--bg2)/var(--bg3) — светлые */
[style*="background: var(--bg2)"] {
  background: #f7f7f7 !important;
}
[style*="background: var(--bg3)"] {
  background: #efefef !important;
}

/* «Trending Dramas» и прочие заголовки секций (тёмно-синий цвет в night) → темнеем для day */
[style*="color: rgb(34, 78, 159)"] {
  color: #0a0f1e !important;
}

/* Mao mascot тень — мягче на белом */
img[alt="Mao"] {
  filter: drop-shadow(0 6px 14px rgba(10,15,30,0.18)) !important;
}

/* Drawer-меню в day-теме: light sky #f2faff (см. inline-style в index.html).
   Здесь только тонкая точечная подстройка для day-режима — основные правила
   живут в inline <style> блоке (раздел "Drawer бургер-меню"). */
html[data-theme="day"] .ds-nav-drawer {
  /* фон уже #f2faff из inline-блока — оставляем */
}
html[data-theme="day"] .ds-nav-drawer .ds-drawer-section-title { color: #1487cb !important; }
html[data-theme="day"] .ds-nav-drawer .ds-drawer-sub-section-label { color: #1487cb !important; }
/* Перебиваем глобальные day-rules (h1{color:#0a0f1e}, body color и т.п.) на drawer-тексты */
html[data-theme="day"] .ds-nav-drawer,
html[data-theme="day"] .ds-nav-drawer * { color: #0a1a2e !important; }
html[data-theme="day"] .ds-nav-drawer .ds-drawer-section-title,
html[data-theme="day"] .ds-nav-drawer .ds-drawer-sub-section-label { color: #1487cb !important; }

/* ============================================================
   19. Подмена Tiffany Blue (#0abab5) на тёмно-синий (#1487cb) в inline-стилях
   и SVG-атрибутах. JSX'ы во многих местах хардкодят #0abab5; здесь мы
   ловим их через attribute-селекторы и перебиваем без изменения JSX. */

/* color: #0abab5 — текст/иконки */
[style*="color: #0abab5"],
[style*="color:#0abab5"] {
  color: #1487cb !important;
}

/* background / background-color #0abab5 — заливка */
[style*="background: #0abab5"],
[style*="background:#0abab5"],
[style*="background-color: #0abab5"],
[style*="background-color:#0abab5"] {
  background-color: #1487cb !important;
  background-image: none !important;
}

/* border: ... #0abab5 — обводки разной толщины */
[style*="solid #0abab5"],
[style*="border-color: #0abab5"],
[style*="border-color:#0abab5"] {
  border-color: #1487cb !important;
}

/* linear-gradient(..., #0abab5, ...) — Tiffany-градиенты на кнопках */
[style*="linear-gradient(135deg, #0abab5"],
[style*="linear-gradient(135deg,#0abab5"],
[style*="linear-gradient(to right, #0abab5"],
[style*="linear-gradient(to right,#0abab5"] {
  background-image: linear-gradient(135deg, #1487cb 0%, #4fa1dc 100%) !important;
  color: #ffffff !important;
}

/* SVG-атрибуты — fill / stroke */
[stroke="#0abab5"] { stroke: #1487cb !important; }
[fill="#0abab5"]   { fill:   #1487cb !important; }

/* Полу-прозрачные варианты (rgba(10,186,181,...)) — обычно заливки/обводки */
[style*="rgba(10,186,181,0.18)"],
[style*="rgba(10, 186, 181, 0.18)"] {
  background-color: rgba(20,135,203,0.18) !important;
}
[style*="rgba(10,186,181,0.32)"],
[style*="rgba(10, 186, 181, 0.32)"] {
  box-shadow: 0 4px 18px rgba(20,135,203,0.32) !important;
}

/* Светлые партнёры Tiffany — #1ed4ce / #5ed7c6 — в кнопочных градиентах
   уже покрыты правилом linear-gradient выше. Здесь покрываем одиночное
   использование (например текст на бейдже). */
[style*="color: #1ed4ce"],
[style*="color:#1ed4ce"],
[style*="color: #5ed7c6"],
[style*="color:#5ed7c6"] {
  color: #4fa1dc !important;
}
[stroke="#1ed4ce"], [stroke="#5ed7c6"] { stroke: #4fa1dc !important; }
[fill="#1ed4ce"],   [fill="#5ed7c6"]   { fill:   #4fa1dc !important; }

/* ============================================================
   20. Drama / Actor / Actors hero — полностью убираем тёмные градиенты-оверлеи
   (inline rgba(5,9,18,…) и rgba(0,0,0,0.45)) в day-теме. Backdrop остаётся
   без brightness-фильтра — текст белый с усиленной тенью. */
html[data-theme="day"] .ds-drama-hero-backdrop > div,
html[data-theme="day"] .ds-actors-hero-overlay,
html[data-theme="day"] .ds-actors-hero > div[style*="gradient"],
html[data-theme="day"] .ds-drama-hero-backdrop > div[style*="gradient"],
html[data-theme="day"] .ds-drama-hero-backdrop > div[style*="rgba"] {
  background: transparent !important;
  background-image: none !important;
  background-color: transparent !important;
}
/* Actor-hero overlays — оставляем тёмными и на day-теме (нужны для читаемости
   белого текста имени актёра поверх hero). */
html[data-theme="day"] .ds-actor-hero-overlay {
  /* не трогаем — inline background работает */
}
/* Исключение: дочерний контент-блок (.ds-actors-hero-content / .ds-actor-hero-content
   / .ds-hero-content) — не должен стать прозрачным, у него своё позиционирование */
html[data-theme="day"] .ds-actors-hero-content,
html[data-theme="day"] .ds-actor-hero-content,
html[data-theme="day"] .ds-drama-hero-backdrop > .ds-hero-content {
  background: transparent !important;
}

/* Backdrop изображение — без фильтра, как есть.
   Actor-hero оставляем с brightness-фильтром (из inline style) — нужно для контраста текста. */
html[data-theme="day"] .ds-drama-hero-backdrop > img,
html[data-theme="day"] .ds-actors-hero > img.ds-actors-hero-bg {
  filter: none !important;
}

/* Текст hero — белый. Перебиваем и общие day-rules (которые делают
   .ds-drama-title тёмным), и var(--text) на actors h1. */
html[data-theme="day"] .ds-drama-hero-info h1,
html[data-theme="day"] .ds-drama-hero-info .ds-drama-title,
html[data-theme="day"] .ds-actor-hero-content,
html[data-theme="day"] .ds-actor-hero-content *,
html[data-theme="day"] .ds-actors-hero-content,
html[data-theme="day"] .ds-actors-hero-content h1,
html[data-theme="day"] .ds-actors-hero-content p,
html[data-theme="day"] .ds-dramas-hero-content,
html[data-theme="day"] .ds-dramas-hero-content h1,
html[data-theme="day"] .ds-dramas-hero-content p,
html[data-theme="day"] main .ds-dramas-hero-content h1,
html[data-theme="day"] main .ds-dramas-hero-content h2 {
  color: #ffffff !important;
  text-shadow: 0 2px 14px rgba(0,0,0,0.55) !important;
}
/* Подзаголовок (subscript) и alt-titles в drama hero — белый c прозрачностью */
html[data-theme="day"] .ds-drama-hero-info > div[style*="color: var(--text3)"] {
  color: rgba(255,255,255,0.78) !important;
  text-shadow: 0 1px 6px rgba(0,0,0,0.45) !important;
}

/* Кнопка "К списку актёров" — sky-blue с подчёркиванием.
   Перебивает универсальное правило `.ds-actor-hero-content *` (более специфичный селектор). */
html[data-theme="day"] .ds-actor-hero-content > button {
  color: #1487cb !important;
  text-shadow: none !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
  text-decoration-thickness: 1.5px !important;
}

/* Search-кнопки на странице actors/directors (inline #7bc3ff) — палитра */
[style*="background: #7bc3ff"],
[style*="background:#7bc3ff"] {
  background-color: #4fa1dc !important;
  color: #ffffff !important;
}

/* Back button "← Back to Actors" (inline #9fe9e0) — палитра sky */
[style*="color: #9fe9e0"],
[style*="color:#9fe9e0"] {
  color: #c8ddec !important;
  text-shadow: 0 1px 6px rgba(0,0,0,0.45) !important;
}

/* Hover в выпадашке поиска по дораме (rgba(94,215,198,0.10) teal) → sky */
[style*="rgba(94,215,198,0.10)"],
[style*="rgba(94, 215, 198, 0.10)"] {
  background-color: rgba(20,135,203,0.12) !important;
}

/* Drama hero ratings widget — рамка с прозрачным синим (140,180,235) — палитра */
html[data-theme="day"] .ds-drama-ratings-wrap {
  border-color: rgba(20,135,203,0.35) !important;
  background: rgba(255,255,255,0.10) !important;
}
/* Цифры/звезды/лейблы рейтинга на герое — белые поверх тёмного фото */
html[data-theme="day"] .ds-drama-ratings-wrap *,
html[data-theme="day"] .ds-drama-hero-info .ds-drama-ratings-wrap [style*="color: #fff"],
html[data-theme="day"] .ds-drama-hero-info .ds-drama-stats,
html[data-theme="day"] .ds-drama-hero-info .ds-drama-stats * {
  color: #ffffff !important;
}
html[data-theme="day"] .ds-drama-hero-info .ds-drama-ratings-wrap [style*="color: var(--text3)"] {
  color: rgba(255,255,255,0.72) !important;
}