/* ==========================================================================
   FORUM_DARK.CSS - Полная адаптация темной темы (Включая Скроллбары)
   ========================================================================== */

/* 1. ГЛОБАЛЬНЫЕ ТЕМНЫЕ БЛОКИ */
[data-theme="dark"] .section-block,
[data-theme="dark"] .subsection-row,
[data-theme="dark"] .topic-list-header,
[data-theme="dark"] .chat-history,
[data-theme="dark"] .msg-list,
[data-theme="dark"] .messenger-sidebar,
[data-theme="dark"] .reply-form-container,
[data-theme="dark"] .admin-table { 
    background-color: var(--bg-card) !important; 
    border-color: var(--border-color) !important; 
}

/* 2. ИСПРАВЛЕНИЕ ПОДРАЗДЕЛОВ (section.php) */
[data-theme="dark"] div[style*="background-color: #f8fafc"],
[data-theme="dark"] div[style*="padding-left: 40px"],
[data-theme="dark"] div[style*="padding-left:40px"] { 
    background-color: rgba(255, 255, 255, 0.02) !important; 
    border-top: 1px solid var(--border-color) !important;
    display: block !important;
    width: 100% !important;
}

[data-theme="dark"] .subsection-row {
    background: transparent !important;
}

/* 3. ЦВЕТНЫЕ СТРЕЛОЧКИ (fa-level-up-alt) */
[data-theme="dark"] .fa-level-up-alt,
[data-theme="dark"] .fa-rotate-90,
[data-theme="dark"] i[style*="color: #cbd5e1"] { 
    color: var(--primary-color) !important; 
    opacity: 0.7 !important;
    -webkit-text-stroke: 0 !important; 
    filter: none !important; 
}

/* 4. ТЕМНЫЕ СКРОЛЛБАРЫ (Исправление для мессенджера и окон) */
/* Для Chrome, Safari, Edge */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: #0f172a !important; /* Очень темный фон трека */
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #334155 !important; /* Серый ползунок */
    border-radius: 10px;
    border: 2px solid #0f172a; /* Отступ вокруг ползунка */
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #475569 !important;
}

/* Для Firefox */
[data-theme="dark"] * {
    scrollbar-width: thin;
    scrollbar-color: #334155 #0f172a;
}

/* 5. МЕССЕНДЖЕР (Специфические фиксы) */
[data-theme="dark"] .chat-msg.received {
    background: #1e293b !important;
    color: var(--text-main);
    border: 1px solid #334155;
}

[data-theme="dark"] .chat-textarea {
    background: #0f172a !important;
    color: #fff !important;
    border-color: #334155 !important;
}

/* 6. ИСПРАВЛЕНИЕ БОТОВ */
[data-theme="dark"] tr[style*="background: #f0fdf4"] { 
    background-color: rgba(22, 163, 74, 0.1) !important; 
}
[data-theme="dark"] span[style*="color: #16a34a"] { 
    color: #4ade80 !important; 
}

/* Темная тема */
[data-theme="dark"] {
    --avatar-border: rgba(255, 255, 255, 0.15); /* Тонкий светящийся контур */
    --bg-secondary: #1e293b;
    --border-color: #334155;
}

/* 7. ВИЗУАЛИЗАЦИЯ СТАТУСОВ ТЕМ (ТЕМНАЯ ТЕМА) */

/* Убираем "ублюдочность" и добавляем стиль */
[data-theme="dark"] .subsection-row.locked {
    background: linear-gradient(90deg, rgba(220, 38, 38, 0.12) 0%, rgba(15, 23, 42, 0.02) 100%) !important;
    border-left: 3px solid #dc2626 !important;
    transition: background 0.3s ease;
}

[data-theme="dark"] .subsection-row.locked:hover {
    background: linear-gradient(90deg, rgba(220, 38, 38, 0.2) 0%, rgba(15, 23, 42, 0.05) 100%) !important;
}

/* Замок: уменьшаем ядовитость, добавляем четкость */
[data-theme="dark"] .locked-icon-style {
    color: #f87171 !important;
    font-size: 18px !important;
    filter: drop-shadow(0 0 3px rgba(239, 68, 68, 0.4)) !important;
    opacity: 0.9;
}

/* Ссылка: нежно-розовый, без перечеркивания (если оно бесит) */
[data-theme="dark"] .subsection-row.locked h3 a {
    color: #fca5a5 !important;
    opacity: 0.85;
}

/* Статистика для закрытых тем - чуть тусклее */
[data-theme="dark"] .subsection-row.locked .subsection-meta {
    opacity: 0.6;
}

/* ЭСТЕТИЧНЫЙ ЗАКРЫТЫЙ СТАТУС */
[data-theme="dark"] .subsection-row.locked:not(.sticky) {
    background: linear-gradient(90deg, rgba(239, 68, 68, 0.08) 0%, rgba(15, 23, 42, 0) 100%) !important;
    border-left: 3px solid #ef4444 !important;
}

[data-theme="dark"] .locked-icon-style {
    color: #f87171 !important;
    filter: drop-shadow(0 0 3px rgba(239, 68, 68, 0.3)) !important;
}

/* ВЫДЕЛЕНИЕ ЗАКРЕПЛЕННЫХ ТЕМ В ТЕМНОЙ ТЕМЕ */
[data-theme="dark"] .subsection-row.sticky {
    /* Глубокий золотистый градиент */
    background: linear-gradient(90deg, rgba(234, 179, 8, 0.1) 0%, rgba(15, 23, 42, 0) 100%) !important;
    border-left: 3px solid #eab308 !important; /* Яркая золотая полоса слева */
    transition: background 0.3s ease;
}

[data-theme="dark"] .subsection-row.sticky:hover {
    background: linear-gradient(90deg, rgba(234, 179, 8, 0.15) 0%, rgba(15, 23, 42, 0.05) 100%) !important;
}

/* Иконка канцелярской кнопки - делаем её "горящей" */
[data-theme="dark"] .subsection-row.sticky .fa-thumbtack {
    color: #facc15 !important;
    filter: drop-shadow(0 0 5px rgba(234, 179, 8, 0.6)) !important;
    transform: rotate(-15deg); /* Слегка наклоняем для стиля */
}

/* Цвет текста заголовка для закрепленных тем */
[data-theme="dark"] .subsection-row.sticky h3 a {
    color: #fde047 !important; /* Светло-золотистый */
}

/* --- ГИБРИДНЫЙ СТАТУС: ЗАКРЕП + ЗАКРЫТО (ТЕМНАЯ) --- */
[data-theme="dark"] .subsection-row.sticky.locked {
    /* Градиент: Золотая полоса слева, переходящая в мягкий красный фон */
    background: linear-gradient(90deg, rgba(234, 179, 8, 0.15) 0%, rgba(220, 38, 38, 0.08) 50%, transparent 100%) !important;
    border-left: 4px solid #eab308 !important; /* Основной упор на золото */
    box-shadow: inset 2px 0 10px rgba(239, 68, 68, 0.2); /* Красное свечение изнутри */
}

/* Ссылка в гибридной теме */
[data-theme="dark"] .subsection-row.sticky.locked h3 a {
    color: #fde047 !important; /* Оставляем золотой текст, он важнее */
    text-shadow: 1px 1px 2px rgba(239, 68, 68, 0.5); /* Но добавляем красную тень */
}

/* Закрепленные темы */
[data-theme="dark"] .subsection-row.sticky {
    background: linear-gradient(90deg, rgba(234, 179, 8, 0.1) 0%, transparent 100%) !important;
    border-left: 4px solid #eab308 !important;
}

/* Закрытые темы */
[data-theme="dark"] .subsection-row.locked {
    background: linear-gradient(90deg, rgba(220, 38, 38, 0.1) 0%, transparent 100%) !important;
    border-left: 4px solid #ef4444 !important;
}

/* Гибрид (Закреп + Закрыто) */
[data-theme="dark"] .subsection-row.sticky.locked {
    background: linear-gradient(90deg, rgba(234, 179, 8, 0.1) 0%, rgba(220, 38, 38, 0.05) 100%) !important;
    border-left: 4px solid #f59e0b !important;
}

/* Исправленный Ховер для всех типов строк */
[data-theme="dark"] .subsection-row:hover {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Ссылка в закрытой теме */
[data-theme="dark"] .subsection-row.locked h3 a {
    color: #fca5a5 !important;
}

/* Иконки в гибриде */
[data-theme="dark"] .subsection-row.sticky.locked .fa-thumbtack {
    color: #facc15 !important;
}
[data-theme="dark"] .subsection-row.sticky.locked .fa-lock {
    color: #f87171 !important;
    filter: drop-shadow(0 0 3px rgba(239, 68, 68, 0.8));
}