/* Live catalog (/live) + live watch — light theme */

/* --- Catalog (.live-page) --- */
html.light-theme .live-page .live-header-clean,
html.light-theme .live-page .live-toolbar,
body.light-theme .live-page .live-header-clean,
body.light-theme .live-page .live-toolbar {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.04) !important;
}

html.light-theme .live-page .live-header-title,
html.light-theme .live-page .live-section-title,
body.light-theme .live-page .live-header-title,
body.light-theme .live-page .live-section-title {
    color: #0f0f0f !important;
}

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

html.light-theme .live-page .stat-badge,
body.light-theme .live-page .stat-badge {
    background: #f5f5f5 !important;
    border-color: #e0e0e0 !important;
}

html.light-theme .live-page .stat-val,
body.light-theme .live-page .stat-val {
    color: #0f0f0f !important;
}

html.light-theme .live-page .live-stat .stat-val,
body.light-theme .live-page .live-stat .stat-val {
    color: var(--live-red, #e8213b) !important;
}

html.light-theme .live-page .live-topic-strip,
body.light-theme .live-page .live-topic-strip {
    border-top-color: #eeeeee !important;
}

html.light-theme .live-page .live-topic-pill,
html.light-theme .live-page .live-ptab,
body.light-theme .live-page .live-topic-pill,
body.light-theme .live-page .live-ptab {
    background: #f2f2f2 !important;
    color: #505050 !important;
    border-color: #e0e0e0 !important;
}

html.light-theme .live-page .live-topic-pill:hover,
html.light-theme .live-page .live-ptab:hover,
body.light-theme .live-page .live-topic-pill:hover,
body.light-theme .live-page .live-ptab:hover {
    background: #e8e8e8 !important;
    color: #0f0f0f !important;
}

html.light-theme .live-page .live-topic-pill.is-active,
body.light-theme .live-page .live-topic-pill.is-active {
    background: #ffffff !important;
    color: #0f0f0f !important;
    border-color: #c0c0c0 !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08) !important;
}

html.light-theme .live-page .live-search-input,
body.light-theme .live-page .live-search-input {
    background: #f8f8f8 !important;
    border-color: #e0e0e0 !important;
    color: #0f0f0f !important;
}

html.light-theme .live-page .live-search-input:focus,
body.light-theme .live-page .live-search-input:focus {
    background: #ffffff !important;
    border-color: #065fd4 !important;
}

html.light-theme .live-page .live-search-icon,
body.light-theme .live-page .live-search-icon {
    filter: brightness(0) opacity(0.5) !important;
}

html.light-theme .live-page .live-search-btn,
html.light-theme .live-page .live-search-clear,
body.light-theme .live-page .live-search-btn,
body.light-theme .live-page .live-search-clear {
    color: #606060 !important;
}

html.light-theme .live-page .live-sort-toggle,
body.light-theme .live-page .live-sort-toggle {
    background: #f2f2f2 !important;
    border-color: #e0e0e0 !important;
    color: #0f0f0f !important;
}

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

html.light-theme .live-page .live-sort-dropdown,
body.light-theme .live-page .live-sort-dropdown {
    background: #ffffff !important;
    border-color: #e5e5e5 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
}

html.light-theme .live-page .live-sort-option,
body.light-theme .live-page .live-sort-option {
    color: #0f0f0f !important;
}

html.light-theme .live-page .live-sort-option:hover,
html.light-theme .live-page .live-sort-option.is-active,
body.light-theme .live-page .live-sort-option:hover,
body.light-theme .live-page .live-sort-option.is-active {
    background: #f2f2f2 !important;
    color: #0f0f0f !important;
}

/* Stream cards */
html.light-theme .live-page .live-card,
body.light-theme .live-page .live-card {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05) !important;
}

html.light-theme .live-page .live-card:hover,
html.light-theme .live-page .live-card--live:hover,
body.light-theme .live-page .live-card:hover,
body.light-theme .live-page .live-card--live:hover {
    background: #fafafa !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08) !important;
}

html.light-theme .live-page .live-card-body,
body.light-theme .live-page .live-card-body {
    border-top-color: #eeeeee !important;
    background: transparent !important;
}

html.light-theme .live-page .live-card-title,
html.light-theme .live-page .live-card:hover .live-card-title,
body.light-theme .live-page .live-card-title,
body.light-theme .live-page .live-card:hover .live-card-title {
    color: #0f0f0f !important;
}

html.light-theme .live-page .live-card-meta,
html.light-theme .live-page .live-card-sched-time,
html.light-theme .live-page .live-card-restream-label,
body.light-theme .live-page .live-card-meta,
body.light-theme .live-page .live-card-sched-time,
body.light-theme .live-page .live-card-restream-label {
    color: #707070 !important;
}

html.light-theme .live-page .live-card-menu-btn,
body.light-theme .live-page .live-card-menu-btn {
    background: rgba(255, 255, 255, 0.92) !important;
    border-color: #e0e0e0 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

html.light-theme .live-page .live-card-menu-btn img,
body.light-theme .live-page .live-card-menu-btn img {
    filter: brightness(0) opacity(0.55) !important;
}

html.light-theme .live-page .live-card-menu-btn:hover,
body.light-theme .live-page .live-card-menu-btn:hover {
    background: #ffffff !important;
    border-color: #c0c0c0 !important;
}

html.light-theme .live-page .live-card-menu-dropdown,
body.light-theme .live-page .live-card-menu-dropdown {
    background: #ffffff !important;
    border-color: #e5e5e5 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
}

html.light-theme .live-page .live-card-menu-item,
body.light-theme .live-page .live-card-menu-item {
    color: #0f0f0f !important;
}

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

html.light-theme .live-page .live-card-menu-item img,
body.light-theme .live-page .live-card-menu-item img {
    filter: brightness(0) opacity(0.55) !important;
}

html.light-theme .live-page .live-dashboard-author-link,
body.light-theme .live-page .live-dashboard-author-link {
    background: rgba(6, 95, 212, 0.08) !important;
    border-color: rgba(6, 95, 212, 0.3) !important;
    color: #065fd4 !important;
}

/* --- Live watch --- */
html.light-theme .live-watch-layout,
body.light-theme .live-watch-layout {
    color: #0f0f0f !important;
}

html.light-theme .live-info-container,
body.light-theme .live-info-container {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05) !important;
    backdrop-filter: none !important;
}

html.light-theme .live-title,
html.light-theme .live-author-name,
html.light-theme .live-author-name--plain,
html.light-theme .live-platform-channel-name,
body.light-theme .live-title,
body.light-theme .live-author-name,
body.light-theme .live-author-name--plain,
body.light-theme .live-platform-channel-name {
    color: #0f0f0f !important;
}

html.light-theme .live-meta-bar,
html.light-theme .live-restream-channels,
body.light-theme .live-meta-bar,
body.light-theme .live-restream-channels {
    border-bottom-color: #eeeeee !important;
}

html.light-theme .live-restream-channels-title,
body.light-theme .live-restream-channels-title {
    color: #606060 !important;
}

html.light-theme .live-platform-channel,
body.light-theme .live-platform-channel {
    background: #f5f5f5 !important;
    border-color: #e0e0e0 !important;
}

html.light-theme .live-platform-channel--link:hover,
body.light-theme .live-platform-channel--link:hover {
    background: #eeeeee !important;
}

html.light-theme .viewer-chip,
body.light-theme .viewer-chip {
    background: #f5f5f5 !important;
    border-color: #e0e0e0 !important;
}

html.light-theme .live-watch-actions .action-btn,
body.light-theme .live-watch-actions .action-btn {
    background: #f2f2f2 !important;
    border-color: #e0e0e0 !important;
    color: #0f0f0f !important;
}

html.light-theme .live-watch-actions .action-btn:hover,
body.light-theme .live-watch-actions .action-btn:hover {
    background: #e8e8e8 !important;
}

html.light-theme .live-watch-actions .watch-share-btn img,
html.light-theme .live-watch-actions .more-actions-btn img,
body.light-theme .live-watch-actions .watch-share-btn img,
body.light-theme .live-watch-actions .more-actions-btn img {
    filter: brightness(0) opacity(0.6) !important;
}

html.light-theme .live-watch-actions .live-subscribe-btn.subscribed,
html.light-theme .live-watch-actions .live-subscribe-btn--owner,
body.light-theme .live-watch-actions .live-subscribe-btn.subscribed,
body.light-theme .live-watch-actions .live-subscribe-btn--owner {
    background: #f2f2f2 !important;
    color: #0f0f0f !important;
    border-color: #e0e0e0 !important;
}

html.light-theme .live-watch-actions .more-actions-dropdown,
body.light-theme .live-watch-actions .more-actions-dropdown {
    background: #ffffff !important;
    border-color: #e5e5e5 !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1) !important;
}

html.light-theme .live-watch-actions .more-actions-dropdown a,
body.light-theme .live-watch-actions .more-actions-dropdown a {
    color: #0f0f0f !important;
}

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

html.light-theme .live-watch-actions .more-actions-dropdown a img,
body.light-theme .live-watch-actions .more-actions-dropdown a img {
    filter: brightness(0) opacity(0.55) !important;
}

html.light-theme .live-description,
body.light-theme .live-description {
    background: #f8f8f8 !important;
    border-color: #e8e8e8 !important;
    color: #404040 !important;
}

/* Chat panel */
html.light-theme .live-chat-section,
body.light-theme .live-chat-section {
    background: #ffffff !important;
    border: 1px solid #e5e5e5 !important;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 0.06) !important;
}

html.light-theme .chat-header,
body.light-theme .chat-header {
    background: #fafafa !important;
    border-bottom-color: #eeeeee !important;
}

html.light-theme .chat-header-title,
body.light-theme .chat-header-title {
    color: #0f0f0f !important;
}

html.light-theme .chat-tab,
body.light-theme .chat-tab {
    background: #f2f2f2 !important;
    border-color: #e0e0e0 !important;
    color: #606060 !important;
}

html.light-theme .chat-tab:hover,
body.light-theme .chat-tab:hover {
    color: #0f0f0f !important;
    border-color: #c0c0c0 !important;
}

html.light-theme .chat-tab.is-active,
body.light-theme .chat-tab.is-active {
    background: rgba(145, 70, 255, 0.1) !important;
    border-color: rgba(145, 70, 255, 0.45) !important;
    color: #5b21b6 !important;
}

html.light-theme .hide-chat-btn,
body.light-theme .hide-chat-btn {
    color: #606060 !important;
}

html.light-theme .hide-chat-btn:hover,
body.light-theme .hide-chat-btn:hover {
    background: #f0f0f0 !important;
    color: #0f0f0f !important;
}

html.light-theme .chat-messages,
body.light-theme .chat-messages {
    background: #fafafa !important;
}

html.light-theme .chat-welcome-line,
html.light-theme .chat-welcome-rules,
body.light-theme .chat-welcome-line,
body.light-theme .chat-welcome-rules {
    color: #707070 !important;
}

html.light-theme .chat-msg:hover .chat-msg-row,
body.light-theme .chat-msg:hover .chat-msg-row {
    background: rgba(0, 0, 0, 0.04) !important;
}

html.light-theme .chat-msg-text,
body.light-theme .chat-msg-text {
    color: #0f0f0f !important;
}

html.light-theme .chat-msg-text--deleted,
html.light-theme .chat-msg-colon,
body.light-theme .chat-msg-text--deleted,
body.light-theme .chat-msg-colon {
    color: #707070 !important;
}

html.light-theme .chat-msg-reply,
body.light-theme .chat-msg-reply {
    background: #f0f0f0 !important;
    color: #505050 !important;
}

html.light-theme .chat-msg-ban,
body.light-theme .chat-msg-ban {
    background: #f0f0f0 !important;
    color: #606060 !important;
}

html.light-theme .chat-input-area,
body.light-theme .chat-input-area {
    background: #ffffff !important;
    border-top-color: #eeeeee !important;
}

html.light-theme #chat-input,
body.light-theme #chat-input {
    background: #f5f5f5 !important;
    border-color: #e0e0e0 !important;
    color: #0f0f0f !important;
}

html.light-theme #chat-input:focus,
body.light-theme #chat-input:focus {
    background: #ffffff !important;
    border-color: #065fd4 !important;
}

html.light-theme .chat-char-counter,
html.light-theme .chat-login-prompt,
body.light-theme .chat-char-counter,
body.light-theme .chat-login-prompt {
    color: #707070 !important;
}

html.light-theme .show-chat-overlay-btn,
body.light-theme .show-chat-overlay-btn {
    background: rgba(255, 255, 255, 0.95) !important;
    color: #0f0f0f !important;
    border-color: #e0e0e0 !important;
}

html.light-theme .show-chat-overlay-btn:hover,
body.light-theme .show-chat-overlay-btn:hover {
    background: #ffffff !important;
}

/* Player stays dark; soften outer shadow on light page */
html.light-theme .live-player-container,
body.light-theme .live-player-container {
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12) !important;
    border-color: #e0e0e0 !important;
}

/* Catalog: viewer badge + lighter thumb placeholder */
html.light-theme .live-page .live-card-viewers-badge,
body.light-theme .live-page .live-card-viewers-badge {
    background: rgba(0, 0, 0, 0.78) !important;
    color: #ffffff !important;
}

html.light-theme .live-page .live-card-thumb-wrap,
body.light-theme .live-page .live-card-thumb-wrap {
    background: linear-gradient(155deg, #e4e4ea 0%, #d0d0d8 42%, #e8e8ee 100%) !important;
}

html.light-theme .live-page .live-card,
body.light-theme .live-page .live-card {
    background: #ffffff !important;
}

/* Chat send — override generated dark text on purple btn */
html.light-theme #chat-submit:not(:disabled),
body.light-theme #chat-submit:not(:disabled) {
    background: #9146ff !important;
    color: #ffffff !important;
    border: none !important;
}

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

html.light-theme #chat-submit:disabled,
body.light-theme #chat-submit:disabled {
    background: #e0e0e0 !important;
    color: #888888 !important;
}