/* ========================================
   ИСПРАВЛЕНИЯ ДЛЯ ТЕМНОЙ ТЕМЫ TOPBID
   ======================================== */

/* ГЛОБАЛЬНЫЕ ИСПРАВЛЕНИЯ ДЛЯ ТЕМНОЙ ТЕМЫ */

/* Исправления для всех белых кнопок в темной теме */
:root[data-theme="dark"] .btn-light {
    background-color: #fbbf24 !important;
    border-color: #fbbf24 !important;
    color: #000000 !important;
}

:root[data-theme="dark"] .btn-light:hover {
    background-color: #f59e0b !important;
    border-color: #f59e0b !important;
    color: #000000 !important;
}

:root[data-theme="dark"] .btn-outline-light {
    border-color: #58a6ff !important;
    color: #58a6ff !important;
}

:root[data-theme="dark"] .btn-outline-light:hover {
    background-color: #58a6ff !important;
    border-color: #58a6ff !important;
    color: #ffffff !important;
}

/* 1. TELEGRAM БЛОК */
:root[data-theme="dark"] .telegram-section {
    background: linear-gradient(135deg, #0d4f8c 0%, #0a3d6d 100%) !important;
}

:root[data-theme="dark"] .telegram-section h2,
:root[data-theme="dark"] .telegram-section p,
:root[data-theme="dark"] .telegram-section span,
:root[data-theme="dark"] .telegram-section .telegram-message {
    color: #ffffff !important;
}

:root[data-theme="dark"] .telegram-section .telegram-icon {
    color: #0088cc !important;
    background-color: #ffffff !important;
}

/* Исправление белой кнопки в Telegram блоке */
:root[data-theme="dark"] .telegram-section .btn-light {
    background-color: #fbbf24 !important;
    border-color: #fbbf24 !important;
    color: #000000 !important;
}

:root[data-theme="dark"] .telegram-section .btn-light:hover {
    background-color: #f59e0b !important;
    border-color: #f59e0b !important;
    color: #000000 !important;
}

/* 2. ОТЗЫВЫ (REVIEWS) */
:root[data-theme="dark"] .reviews-section {
    background: #0d1117 !important;
    background-color: #0d1117 !important;
}

/* Переопределение inline-стиля фона */
:root[data-theme="dark"] section.reviews-section {
    background: #0d1117 !important;
}

/* Все заголовки и текст в отзывах */
:root[data-theme="dark"] .reviews-section h2,
:root[data-theme="dark"] .reviews-section h2.display-5,
:root[data-theme="dark"] .reviews-section p.lead,
:root[data-theme="dark"] .reviews-section .lead {
    color: #f0f6fc !important;
}

/* Карточки отзывов - серые для лучшей видимости текста */
:root[data-theme="dark"] .reviews-section .card {
    background-color: #e9ecef !important;
    border-color: #dee2e6 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3) !important;
}

:root[data-theme="dark"] .reviews-section .card:hover {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.4) !important;
    transform: translateY(-2px) !important;
}

/* Текст отзывов - тёмный на сером фоне */
:root[data-theme="dark"] .reviews-section .card-text {
    color: #212529 !important;
}

/* Имена авторов - тёмные на сером фоне */
:root[data-theme="dark"] .reviews-section h6.mb-0 {
    color: #212529 !important;
}

:root[data-theme="dark"] .reviews-section .card h6 {
    color: #212529 !important;
}

/* Даты и города */
:root[data-theme="dark"] .reviews-section small.text-muted {
    color: #8b949e !important;
}

/* Улучшение видимости звездочек рейтинга */
:root[data-theme="dark"] .text-warning {
    color: #fbbf24 !important;
}

:root[data-theme="dark"] .rating-stars .fas,
:root[data-theme="dark"] .rating-stars .far {
    color: #fbbf24 !important;
}

/* Исправления для реферального блока - ПРОБЛЕМНЫЙ ТЕКСТ */
:root[data-theme="dark"] .referral-promo-section {
    background: linear-gradient(135deg, #1a1d20 0%, #21262d 100%) !important;
}

:root[data-theme="dark"] .referral-promo-section h2,
:root[data-theme="dark"] .referral-promo-section p,
:root[data-theme="dark"] .referral-promo-section .fw-semibold,
:root[data-theme="dark"] .referral-promo-section .text-muted,
:root[data-theme="dark"] .referral-promo-section .badge {
    color: #f0f6fc !important;
}

:root[data-theme="dark"] .referral-promo-section .badge.bg-white {
    background-color: #30363d !important;
    color: #f0f6fc !important;
}

:root[data-theme="dark"] .referral-promo-section .badge.bg-white.bg-opacity-25 {
    background-color: rgba(48, 54, 61, 0.8) !important;
    color: #f0f6fc !important;
}

/* Исправления для glass-card в реферальном блоке */
:root[data-theme="dark"] .glass-card {
    background: rgba(26, 29, 32, 0.95) !important;
    border: 1px solid #30363d !important;
}

:root[data-theme="dark"] .glass-card .fw-semibold {
    color: #f0f6fc !important;
}

:root[data-theme="dark"] .glass-card span {
    color: #f0f6fc !important;
}

:root[data-theme="dark"] .glass-card .text-success {
    color: #2ea043 !important;
}

/* Примечание: Кнопки .btn-light и .btn-outline-light в реферальном блоке
   уже покрыты глобальными правилами выше */

/* Исправления для feature-icon-small */
:root[data-theme="dark"] .feature-icon-small {
    background: rgba(88, 166, 255, 0.2) !important;
    color: #58a6ff !important;
}

/* Исправления для referral-feature-card */
:root[data-theme="dark"] .referral-feature-card {
    background: rgba(26, 29, 32, 0.8) !important;
    border: 1px solid #30363d !important;
}

:root[data-theme="dark"] .referral-feature-card:hover {
    background: rgba(33, 38, 45, 0.9) !important;
}

/* Исправления для главного баннера */
:root[data-theme="dark"] .hero-section {
    background: linear-gradient(135deg, #0d1117 0%, #1a1d20 100%) !important;
}

:root[data-theme="dark"] .hero-section h1,
:root[data-theme="dark"] .hero-section h2,
:root[data-theme="dark"] .hero-section h3 {
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3) !important;
}

:root[data-theme="dark"] .hero-section p,
:root[data-theme="dark"] .hero-section .lead {
    color: #f0f6fc !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

/* Улучшение для кнопок в главном баннере */
:root[data-theme="dark"] .hero-section .btn {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

:root[data-theme="dark"] .hero-section .btn-primary {
    background-color: #58a6ff !important;
    border-color: #58a6ff !important;
    color: #ffffff !important;
}

:root[data-theme="dark"] .hero-section .btn-primary:hover {
    background-color: #4c8fca !important;
    border-color: #4c8fca !important;
    color: #ffffff !important;
}

/* Примечание: .btn-outline-light в hero-section уже покрыт глобальными правилами */

/* Исправления для секции преимуществ */
:root[data-theme="dark"] .features-section {
    background-color: #0d1117 !important;
}

:root[data-theme="dark"] .features-section h2,
:root[data-theme="dark"] .features-section h3 {
    color: #f0f6fc !important;
}

:root[data-theme="dark"] .features-section p {
    color: #8b949e !important;
}

:root[data-theme="dark"] .feature-card {
    background-color: #1a1d20 !important;
    border-color: #30363d !important;
    color: #f0f6fc !important;
}

:root[data-theme="dark"] .feature-card:hover {
    background-color: #21262d !important;
    transform: translateY(-4px) !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4) !important;
}

:root[data-theme="dark"] .feature-card .feature-icon {
    color: #58a6ff !important;
}

/* Исправления для секции категорий - ПРОБЛЕМНЫЙ ТЕКСТ */
:root[data-theme="dark"] .categories-section {
    background: linear-gradient(180deg, #0d1117 0%, #1a1d20 100%) !important;
}

:root[data-theme="dark"] .categories-section h2 {
    color: #f0f6fc !important;
}

:root[data-theme="dark"] .categories-section .lead.text-muted {
    color: #f0f6fc !important;
}

:root[data-theme="dark"] .categories-section .badge {
    color: #f0f6fc !important;
}

:root[data-theme="dark"] .category-modern-card h3.h5 {
    color: #ffffff !important;
}

:root[data-theme="dark"] .category-badge .badge {
    background-color: rgba(26, 29, 32, 0.9) !important;
    color: #f0f6fc !important;
}

/* Исправления для секции "Как это работает" - ПРОБЛЕМНЫЙ ТЕКСТ */
:root[data-theme="dark"] .how-it-works-section {
    background: linear-gradient(180deg, #0d1117 0%, #1a1d20 100%) !important;
}

:root[data-theme="dark"] .how-it-works-section h2 {
    color: #f0f6fc !important;
}

:root[data-theme="dark"] .how-it-works-section .lead.text-muted {
    color: #f0f6fc !important;
}

:root[data-theme="dark"] .how-it-works-section .lead {
    color: #f0f6fc !important;
}

:root[data-theme="dark"] .how-it-works-section p {
    color: #f0f6fc !important;
}

:root[data-theme="dark"] .how-it-works-card {
    background-color: #1a1d20 !important;
    border-color: #30363d !important;
}

:root[data-theme="dark"] .how-it-works-card h3,
:root[data-theme="dark"] .how-it-works-card h4,
:root[data-theme="dark"] .how-it-works-card h5 {
    color: #f0f6fc !important;
}

:root[data-theme="dark"] .how-it-works-card .text-muted {
    color: #8b949e !important;
}

:root[data-theme="dark"] .how-it-works-card p {
    color: #f0f6fc !important;
}

:root[data-theme="dark"] .how-it-works-card .step-number {
    background-color: #fbbf24 !important;
    color: #000000 !important;
}

:root[data-theme="dark"] .how-it-works-card .step-icon {
    background-color: #21262d !important;
    color: #58a6ff !important;
}

:root[data-theme="dark"] .how-it-works-card .step-icon-wrapper {
    background-color: #21262d !important;
}

/* Исправления для секции статистики */
:root[data-theme="dark"] .stats-section {
    background-color: #0d1117 !important;
}

:root[data-theme="dark"] .stats-section h2 {
    color: #f0f6fc !important;
}

:root[data-theme="dark"] .stat-card {
    background-color: #1a1d20 !important;
    border-color: #30363d !important;
    color: #f0f6fc !important;
}

:root[data-theme="dark"] .stat-card h3 {
    color: #58a6ff !important;
}

:root[data-theme="dark"] .stat-card p {
    color: #8b949e !important;
}

/* Исправления для футера */
:root[data-theme="dark"] footer {
    background-color: #0d1117 !important;
    border-top: 1px solid #30363d !important;
}

:root[data-theme="dark"] footer h5,
:root[data-theme="dark"] footer h6 {
    color: #f0f6fc !important;
}

:root[data-theme="dark"] footer p,
:root[data-theme="dark"] footer li {
    color: #8b949e !important;
}

:root[data-theme="dark"] footer a {
    color: #58a6ff !important;
}

:root[data-theme="dark"] footer a:hover {
    color: #79c0ff !important;
}

/* Исправления для формы подписки */
:root[data-theme="dark"] .newsletter-form {
    background-color: #1a1d20 !important;
    border-color: #30363d !important;
}

:root[data-theme="dark"] .newsletter-form .form-control {
    background-color: #0d1117 !important;
    border-color: #30363d !important;
    color: #f0f6fc !important;
}

:root[data-theme="dark"] .newsletter-form .form-control::placeholder {
    color: #6e7681 !important;
}

:root[data-theme="dark"] .newsletter-form .btn {
    background-color: #58a6ff !important;
    border-color: #58a6ff !important;
    color: #ffffff !important;
}

:root[data-theme="dark"] .newsletter-form .btn:hover {
    background-color: #4c8fca !important;
    border-color: #4c8fca !important;
}

/* Исправления для социальных ссылок */
:root[data-theme="dark"] .social-links a {
    color: #8b949e !important;
}

:root[data-theme="dark"] .social-links a:hover {
    color: #58a6ff !important;
}

/* Исправления для копирайта */
:root[data-theme="dark"] .copyright {
    color: #6e7681 !important;
}

/* Примечание: Правила для text-*, bg-*, border-*, hr, shadow-* уже определены в dark-theme.css */

/* Исправления для видео секции */
:root[data-theme="dark"] .video-section {
    background: linear-gradient(135deg, #0d1117 0%, #1a1d20 100%) !important;
}

:root[data-theme="dark"] .video-section h2,
:root[data-theme="dark"] .video-section p,
:root[data-theme="dark"] .video-section span {
    color: #ffffff !important;
}

/* Исправления для newsletter секции */
:root[data-theme="dark"] .newsletter-section {
    background: linear-gradient(135deg, #1a1d20 0%, #21262d 100%) !important;
}

:root[data-theme="dark"] .newsletter-section h2,
:root[data-theme="dark"] .newsletter-section p,
:root[data-theme="dark"] .newsletter-section span {
    color: #ffffff !important;
}

:root[data-theme="dark"] .newsletter-section .badge {
    background-color: rgba(88, 166, 255, 0.2) !important;
    color: #f0f6fc !important;
}

/* Кнопки в newsletter секции (btn-primary) */
:root[data-theme="dark"] .newsletter-section .btn-primary {
    background-color: #fbbf24 !important;
    border-color: #fbbf24 !important;
    color: #000000 !important;
}

:root[data-theme="dark"] .newsletter-section .btn-primary:hover {
    background-color: #f59e0b !important;
    border-color: #f59e0b !important;
    color: #000000 !important;
}

/* Исправления для бейджей с цветом текста */
:root[data-theme="dark"] .badge.text-dark {
    color: #f0f6fc !important;
}

/* Исправления для всех span элементов в проблемных секциях */
:root[data-theme="dark"] .referral-promo-section span,
:root[data-theme="dark"] .categories-section span,
:root[data-theme="dark"] .how-it-works-section span,
:root[data-theme="dark"] .newsletter-section span {
    color: #f0f6fc !important;
}

/* Исправления для всех div с текстом в проблемных секциях */
:root[data-theme="dark"] .referral-promo-section div:not(.icon-wrapper):not(.step-icon):not([class*="gradient"]),
:root[data-theme="dark"] .categories-section div:not(.icon-wrapper):not(.step-icon):not([class*="gradient"]),
:root[data-theme="dark"] .how-it-works-section div:not(.icon-wrapper):not(.step-icon):not([class*="gradient"]),
:root[data-theme="dark"] .newsletter-section div:not(.icon-wrapper):not(.step-icon):not([class*="gradient"]) {
    color: #f0f6fc !important;
}

/* Примечание: Глобальные правила для body, p, h1-h6, li, a, иконок и кнопок
   уже определены в dark-theme.css, поэтому здесь их не повторяем.
   Этот файл содержит только точечные фиксы для конкретных секций. */