/**
 * Эфиры: каталог (/live) и просмотр (/live_watch).
 * Lo-fi — исправляет белый текст на кремовом фоне (--card-bg в original-theme).
 * Светлая — усиливает контраст заголовков и фильтров.
 */

/* ═══════════════════════════════════════
   Lo-fi — каталог эфиров
   ═══════════════════════════════════════ */
html.original-theme .live-page .live-header-clean,
html.original-theme .live-page .live-toolbar,
body.original-theme .live-page .live-header-clean,
body.original-theme .live-page .live-toolbar {
    background: linear-gradient(
        165deg,
        rgba(255, 252, 247, 0.98) 0%,
        rgba(250, 242, 232, 0.96) 55%,
        rgba(245, 236, 224, 0.94) 100%
    ) !important;
    border: 1px solid rgba(180, 150, 120, 0.22) !important;
    border-radius: 20px !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.75) inset,
        0 12px 36px rgba(92, 74, 58, 0.08) !important;
}

html.original-theme .live-page .live-header-title,
html.original-theme .live-page .live-section-title,
body.original-theme .live-page .live-header-title,
body.original-theme .live-page .live-section-title {
    color: #5c4a3d !important;
}

html.original-theme .live-page .live-header-desc,
html.original-theme .live-page .stat-label,
html.original-theme .live-page .live-section-count,
html.original-theme .live-page .live-topic-label,
body.original-theme .live-page .live-header-desc,
body.original-theme .live-page .stat-label,
body.original-theme .live-page .live-section-count,
body.original-theme .live-page .live-topic-label {
    color: #8b7355 !important;
}

html.original-theme .live-page .stat-badge,
body.original-theme .live-page .stat-badge {
    background: rgba(255, 254, 251, 0.85) !important;
    border: 1px solid rgba(180, 150, 120, 0.22) !important;
}

html.original-theme .live-page .stat-val,
body.original-theme .live-page .stat-val {
    color: #4a3f35 !important;
}

html.original-theme .live-page .live-stat .stat-val,
body.original-theme .live-page .live-stat .stat-val {
    color: #c45a4a !important;
}

html.original-theme .live-page .live-topic-strip,
body.original-theme .live-page .live-topic-strip {
    border-top-color: rgba(180, 150, 120, 0.2) !important;
}

html.original-theme .live-page .live-ptab,
html.original-theme .live-page .live-topic-pill,
body.original-theme .live-page .live-ptab,
body.original-theme .live-page .live-topic-pill {
    background: rgba(255, 254, 251, 0.85) !important;
    border: 1px solid rgba(180, 150, 120, 0.24) !important;
    color: #6b5a4a !important;
}

html.original-theme .live-page .live-ptab:hover,
html.original-theme .live-page .live-topic-pill:hover,
body.original-theme .live-page .live-ptab:hover,
body.original-theme .live-page .live-topic-pill:hover {
    background: #f5efe6 !important;
    color: #4a3f35 !important;
    border-color: rgba(196, 137, 90, 0.3) !important;
}

html.original-theme .live-page .live-ptab.is-active,
body.original-theme .live-page .live-ptab.is-active {
    background: #fffefb !important;
    color: #4a3f35 !important;
    border-color: rgba(196, 137, 90, 0.4) !important;
    box-shadow: 0 2px 8px rgba(92, 74, 58, 0.08) !important;
}

html.original-theme .live-page .live-ptab--twitch.is-active,
body.original-theme .live-page .live-ptab--twitch.is-active {
    background: #9146ff !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

html.original-theme .live-page .live-ptab--youtube.is-active,
body.original-theme .live-page .live-ptab--youtube.is-active {
    background: #e8001d !important;
    color: #ffffff !important;
    border-color: transparent !important;
}

html.original-theme .live-page .live-ptab--site.is-active,
body.original-theme .live-page .live-ptab--site.is-active {
    background: #c4895a !important;
    color: #fffefb !important;
    border-color: transparent !important;
}

html.original-theme .live-page .live-topic-pill.is-active,
body.original-theme .live-page .live-topic-pill.is-active {
    background: rgba(196, 137, 90, 0.18) !important;
    color: #6b4a32 !important;
    border-color: rgba(196, 137, 90, 0.4) !important;
}

html.original-theme .live-page .live-search-input,
body.original-theme .live-page .live-search-input {
    background: rgba(255, 254, 251, 0.9) !important;
    border: 1px solid rgba(180, 150, 120, 0.28) !important;
    color: #4a3f35 !important;
}

html.original-theme .live-page .live-search-input:focus,
body.original-theme .live-page .live-search-input:focus {
    border-color: rgba(196, 137, 90, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(196, 137, 90, 0.12) !important;
}

html.original-theme .live-page .live-search-icon,
body.original-theme .live-page .live-search-icon {
    filter: brightness(0) saturate(100%) opacity(0.42) !important;
}

html.original-theme .live-page .live-search-btn,
html.original-theme .live-page .live-search-clear,
body.original-theme .live-page .live-search-btn,
body.original-theme .live-page .live-search-clear {
    color: #8b7355 !important;
}

html.original-theme .live-page .live-sort-toggle,
body.original-theme .live-page .live-sort-toggle {
    background: rgba(255, 254, 251, 0.85) !important;
    border: 1px solid rgba(180, 150, 120, 0.28) !important;
    color: #5c4a3d !important;
}

html.original-theme .live-page .live-sort-toggle:hover,
html.original-theme .live-page .live-sort-custom.is-open .live-sort-toggle,
body.original-theme .live-page .live-sort-toggle:hover,
body.original-theme .live-page .live-sort-custom.is-open .live-sort-toggle {
    background: #f5efe6 !important;
}

html.original-theme .live-page .live-sort-dropdown,
body.original-theme .live-page .live-sort-dropdown {
    background: #fffefb !important;
    border: 1px solid rgba(180, 150, 120, 0.28) !important;
    box-shadow: 0 12px 32px rgba(92, 74, 58, 0.12) !important;
}

html.original-theme .live-page .live-sort-option,
body.original-theme .live-page .live-sort-option {
    color: #4a3f35 !important;
}

html.original-theme .live-page .live-sort-option:hover,
html.original-theme .live-page .live-sort-option.is-active,
body.original-theme .live-page .live-sort-option:hover,
body.original-theme .live-page .live-sort-option.is-active {
    background: #f5efe6 !important;
    color: #6b4a32 !important;
}

html.original-theme .live-page .live-dashboard-author-link,
body.original-theme .live-page .live-dashboard-author-link {
    background: rgba(196, 137, 90, 0.1) !important;
    border-color: rgba(196, 137, 90, 0.35) !important;
    color: #8b5a3c !important;
}

html.original-theme .live-page .live-dashboard-author-link:hover,
body.original-theme .live-page .live-dashboard-author-link:hover {
    background: rgba(196, 137, 90, 0.18) !important;
}

html.original-theme .live-page .live-card,
body.original-theme .live-page .live-card {
    background: linear-gradient(
        165deg,
        rgba(255, 252, 247, 0.98) 0%,
        rgba(250, 242, 232, 0.95) 100%
    ) !important;
    border: 1px solid rgba(180, 150, 120, 0.2) !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 16px rgba(92, 74, 58, 0.08) !important;
}

html.original-theme .live-page .live-card:hover,
html.original-theme .live-page .live-card--live:hover,
body.original-theme .live-page .live-card:hover,
body.original-theme .live-page .live-card--live:hover {
    border-color: rgba(196, 137, 90, 0.32) !important;
    box-shadow: 0 8px 24px rgba(92, 74, 58, 0.12) !important;
}

html.original-theme .live-page .live-card-body,
body.original-theme .live-page .live-card-body {
    border-top-color: rgba(180, 150, 120, 0.18) !important;
}

html.original-theme .live-page .live-card-title,
html.original-theme .live-page .live-card:hover .live-card-title,
body.original-theme .live-page .live-card-title,
body.original-theme .live-page .live-card:hover .live-card-title {
    color: #4a3f35 !important;
}

html.original-theme .live-page .live-card-meta,
html.original-theme .live-page .live-card-sched-time,
body.original-theme .live-page .live-card-meta,
body.original-theme .live-page .live-card-sched-time {
    color: #8b7355 !important;
}

html.original-theme .live-page .live-card-thumb-wrap,
body.original-theme .live-page .live-card-thumb-wrap {
    background: linear-gradient(155deg, #ebe4d8 0%, #ddd4c6 42%, #f0e9de 100%) !important;
}

html.original-theme .live-page .live-card-menu-btn,
body.original-theme .live-page .live-card-menu-btn {
    background: rgba(255, 254, 251, 0.92) !important;
    border: 1px solid rgba(180, 150, 120, 0.28) !important;
}

html.original-theme .live-page .live-card-menu-btn img,
body.original-theme .live-page .live-card-menu-btn img {
    filter: brightness(0) saturate(100%) opacity(0.45) !important;
}

html.original-theme .live-page .live-card-menu-dropdown,
body.original-theme .live-page .live-card-menu-dropdown {
    background: #fffefb !important;
    border: 1px solid rgba(180, 150, 120, 0.28) !important;
}

html.original-theme .live-page .live-card-menu-item,
body.original-theme .live-page .live-card-menu-item {
    color: #4a3f35 !important;
}

html.original-theme .live-page .live-card-menu-item:hover,
body.original-theme .live-page .live-card-menu-item:hover {
    background: #f5efe6 !important;
}

html.original-theme .live-page .live-card-menu-item img,
body.original-theme .live-page .live-card-menu-item img {
    filter: brightness(0) saturate(100%) opacity(0.62) !important;
}

html.original-theme .live-page .live-section-count,
body.original-theme .live-page .live-section-count {
    background: rgba(196, 137, 90, 0.12) !important;
    color: #8b7355 !important;
}

/* ═══════════════════════════════════════
   Lo-fi — просмотр трансляции
   ═══════════════════════════════════════ */
html.original-theme .live-info-container,
body.original-theme .live-info-container {
    background: linear-gradient(
        165deg,
        rgba(255, 252, 247, 0.98) 0%,
        rgba(250, 242, 232, 0.96) 100%
    ) !important;
    border: 1px solid rgba(180, 150, 120, 0.22) !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 28px rgba(92, 74, 58, 0.1) !important;
    backdrop-filter: none !important;
}

html.original-theme .live-title,
html.original-theme .live-author-name,
html.original-theme .live-author-name--plain,
html.original-theme .live-platform-channel-name,
body.original-theme .live-title,
body.original-theme .live-author-name,
body.original-theme .live-author-name--plain,
body.original-theme .live-platform-channel-name {
    color: #4a3f35 !important;
}

html.original-theme .live-meta-bar,
html.original-theme .live-restream-channels,
body.original-theme .live-meta-bar,
body.original-theme .live-restream-channels {
    border-bottom-color: rgba(180, 150, 120, 0.2) !important;
}

html.original-theme .live-restream-channels-title,
body.original-theme .live-restream-channels-title {
    color: #8b7355 !important;
}

html.original-theme .live-platform-channel,
html.original-theme .viewer-chip,
body.original-theme .live-platform-channel,
body.original-theme .viewer-chip {
    background: rgba(255, 254, 251, 0.85) !important;
    border: 1px solid rgba(180, 150, 120, 0.22) !important;
    color: #5c4a3d !important;
}

html.original-theme .live-watch-actions .action-btn,
body.original-theme .live-watch-actions .action-btn {
    background: rgba(255, 254, 251, 0.85) !important;
    border: 1px solid rgba(180, 150, 120, 0.28) !important;
    color: #5c4a3d !important;
}

html.original-theme .live-watch-actions .action-btn:hover,
body.original-theme .live-watch-actions .action-btn:hover {
    background: #f5efe6 !important;
    border-color: rgba(196, 137, 90, 0.35) !important;
}

html.original-theme .live-watch-actions .watch-share-btn img,
html.original-theme .live-watch-actions .more-actions-btn img,
body.original-theme .live-watch-actions .watch-share-btn img,
body.original-theme .live-watch-actions .more-actions-btn img {
    filter: brightness(0) saturate(100%) opacity(0.5) !important;
}

html.original-theme .live-watch-actions .more-actions-dropdown,
body.original-theme .live-watch-actions .more-actions-dropdown {
    background: #fffefb !important;
    border: 1px solid rgba(180, 150, 120, 0.28) !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 32px rgba(92, 74, 58, 0.14) !important;
    padding: 6px 0 !important;
}

html.original-theme .live-watch-actions .more-actions-dropdown a,
body.original-theme .live-watch-actions .more-actions-dropdown a {
    color: #4a3f35 !important;
}

html.original-theme .live-watch-actions .more-actions-dropdown a:hover,
body.original-theme .live-watch-actions .more-actions-dropdown a:hover {
    background: #f5efe6 !important;
}

html.original-theme .live-watch-actions .more-actions-dropdown a img,
body.original-theme .live-watch-actions .more-actions-dropdown a img {
    filter: brightness(0) saturate(100%) opacity(0.5) !important;
}

html.original-theme .live-description,
body.original-theme .live-description {
    background: rgba(255, 254, 251, 0.7) !important;
    border: 1px solid rgba(180, 150, 120, 0.18) !important;
    color: #6b5a4a !important;
}

html.original-theme .live-chat-section,
body.original-theme .live-chat-section {
    background: linear-gradient(
        180deg,
        rgba(255, 252, 247, 0.98) 0%,
        rgba(250, 242, 232, 0.96) 100%
    ) !important;
    border: 1px solid rgba(180, 150, 120, 0.22) !important;
    border-radius: 18px !important;
    box-shadow: 0 8px 28px rgba(92, 74, 58, 0.08) !important;
}

html.original-theme .chat-header,
body.original-theme .chat-header {
    background: rgba(255, 254, 251, 0.9) !important;
    border-bottom-color: rgba(180, 150, 120, 0.2) !important;
}

html.original-theme .chat-header-title,
body.original-theme .chat-header-title {
    color: #5c4a3d !important;
}

html.original-theme .chat-tab,
body.original-theme .chat-tab {
    background: rgba(255, 254, 251, 0.85) !important;
    border: 1px solid rgba(180, 150, 120, 0.24) !important;
    color: #8b7355 !important;
}

html.original-theme .chat-tab.is-active,
body.original-theme .chat-tab.is-active {
    background: rgba(196, 137, 90, 0.15) !important;
    border-color: rgba(196, 137, 90, 0.4) !important;
    color: #6b4a32 !important;
}

html.original-theme .chat-messages,
body.original-theme .chat-messages {
    background: rgba(255, 254, 251, 0.5) !important;
}

html.original-theme .chat-welcome-line,
html.original-theme .chat-welcome-rules,
body.original-theme .chat-welcome-line,
body.original-theme .chat-welcome-rules {
    color: #8b7355 !important;
}

html.original-theme .chat-msg-text,
body.original-theme .chat-msg-text {
    color: #4a3f35 !important;
}

html.original-theme .chat-input-area,
body.original-theme .chat-input-area {
    background: rgba(255, 254, 251, 0.95) !important;
    border-top-color: rgba(180, 150, 120, 0.2) !important;
}

html.original-theme #chat-input,
body.original-theme #chat-input {
    background: rgba(255, 254, 251, 0.9) !important;
    border: 1px solid rgba(180, 150, 120, 0.28) !important;
    color: #4a3f35 !important;
}

html.original-theme #chat-input:focus,
body.original-theme #chat-input:focus {
    border-color: rgba(196, 137, 90, 0.5) !important;
}

html.original-theme #chat-submit:not(:disabled),
body.original-theme #chat-submit:not(:disabled) {
    background: linear-gradient(145deg, #c4895a 0%, #a87248 100%) !important;
    color: #fffefb !important;
    border: 1px solid rgba(150, 100, 60, 0.35) !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 8px rgba(92, 74, 58, 0.18) !important;
}

html.original-theme #chat-submit:not(:disabled):hover,
body.original-theme #chat-submit:not(:disabled):hover {
    background: linear-gradient(145deg, #d49a6a 0%, #b88055 100%) !important;
}

html.original-theme #chat-submit:not(:disabled) svg,
body.original-theme #chat-submit:not(:disabled) svg {
    fill: #fffefb !important;
}

html.original-theme #chat-submit:disabled,
body.original-theme #chat-submit:disabled {
    background: #e8e0d6 !important;
    color: #a89888 !important;
    border: 1px solid rgba(180, 150, 120, 0.2) !important;
}

/* Кинотеатр: без скруглений у чата (убирает чёрные уголки) */
body.theater-mode .live-chat-section,
html.original-theme body.theater-mode .live-chat-section,
body.original-theme.theater-mode .live-chat-section {
    border-radius: 0 !important;
    overflow: hidden !important;
}

body.theater-mode.original-theme .live-watch-layout {
    background: #f3e8dc !important;
}

body.theater-mode.original-theme .live-chat-section {
    border-left-color: rgba(180, 150, 120, 0.25) !important;
}

html.original-theme .live-player-container,
body.original-theme .live-player-container {
    border: 1px solid rgba(180, 150, 120, 0.25) !important;
    box-shadow: 0 8px 32px rgba(92, 74, 58, 0.12) !important;
}

/* ═══════════════════════════════════════
   Светлая — усиление каталога (на случай кэша)
   ═══════════════════════════════════════ */
html.light-theme .live-page .live-header-title,
html.light-theme .live-page .live-section-title,
html.light-theme .live-page .live-ptab,
body.light-theme .live-page .live-header-title,
body.light-theme .live-page .live-section-title,
body.light-theme .live-page .live-ptab {
    color: #0f0f0f;
}

html.light-theme .live-page .live-header-desc,
html.light-theme .live-page .stat-label:not(.live-stat .stat-label),
body.light-theme .live-page .live-header-desc,
body.light-theme .live-page .stat-label {
    color: #606060 !important;
}

html.light-theme .live-page .live-ptab:not(.is-active),
body.light-theme .live-page .live-ptab:not(.is-active) {
    color: #505050 !important;
}

html.light-theme .live-page .live-section-count,
body.light-theme .live-page .live-section-count {
    color: #606060 !important;
    background: #f2f2f2 !important;
}