/* =========================================================
   WEBPROFI — FULL SITE UNIFIED DARK THEME
   ========================================================= */

/* --- 1. ОБЩИЙ ФОН И ТИПОГРАФИКА --- */
html, body {
    background-color: #0b1120 !important;
    color: #94a3b8 !important;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
    margin: 0;
    padding: 0;
}

/* --- 2. ШАПКА И ВЕРХНЕЕ МЕНЮ --- */
.site-header, header, #header, nav {
    background: #0f172a !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 12px 24px !important;
}

.site-header nav ul,
.main-navigation ul,
.site-navigation ul,
header ul,
nav ul {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 6px 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.site-header nav li,
.main-navigation li,
.site-navigation li,
header li,
nav li {
    margin: 0 !important;
    list-style: none !important;
}

/* Логотип / Первый элемент меню */
.site-header nav ul > li:first-child a,
.main-navigation ul > li:first-child a,
header ul > li:first-child a,
nav ul > li:first-child a {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    padding-right: 16px !important;
    margin-right: 8px !important;
    border-right: 1px solid rgba(255, 255, 255, 0.15) !important;
}

/* Пункты меню */
.site-header nav li a,
.main-navigation li a,
.site-navigation li a,
header a,
nav a {
    display: inline-block !important;
    padding: 7px 12px !important;
    border-radius: 6px !important;
    color: #94a3b8 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: all 0.2s ease !important;
}

.site-header nav li a:hover,
.main-navigation li a:hover,
.site-navigation li a:hover,
header a:hover,
nav a:hover {
    background: rgba(59, 130, 246, 0.15) !important;
    color: #38bdf8 !important;
}


/* --- 3. ИСПРАВЛЕНИЕ БЕЛЫХ КАРТОЧЕК И ФОРМ (ТЕСТЫ И ЗАКАЗЫ) --- */

/* Перевод светлых блоков в тёмный стиль */
.site-content, .content-area, .site-main, main,
div[class*="wptm"], div[class*="webprofi"],
.entry-content, article, form,
div[style*="background: white"], div[style*="background:#fff"], div[style*="background: #ffffff"] {
    background-color: #0f172a !important;
    color: #cbd5e1 !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    border-radius: 12px !important;
}

/* Заголовки страниц (например, "прохождение тестов") */
h1, h2, h3, h4, h5, h6,
.site-content h1, .site-content h2, .site-content h3 {
    color: #ffffff !important;
    font-weight: 700 !important;
}

/* Обычный текст, подписи и отсутствие доступных тестов */
p, li, small, span, label, .wptm-small {
    color: #94a3b8 !important;
    line-height: 1.6 !important;
}

/* Цены и комиссии (0.500 RUB, 0.300 RUB) */
strong, b, .price, div[class*="price"] {
    color: #38bdf8 !important;
    font-weight: 600 !important;
}


/* --- 4. ПОЛЯ ВВОДА (INPUT, TEXTAREA) И КНОПКИ --- */

input[type="text"],
input[type="url"],
input[type="number"],
input[type="email"],
input[type="password"],
textarea,
select {
    background-color: #1e293b !important; /* Контрастный тёмный фон для инпутов */
    color: #ffffff !important;           /* Яркий белый текст */
    border: 1px solid #334155 !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    font-size: 14px !important;
}

/* Текст подсказок (placeholder) */
input::placeholder,
textarea::placeholder {
    color: #64748b !important;
}

input:focus,
textarea:focus {
    border-color: #38bdf8 !important;
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(56, 189, 248, 0.2) !important;
}

/* Кнопка "Заказать тест" и отправка форм */
input[type="submit"],
button[type="submit"],
.button,
a.button {
    background-color: #0284c7 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 10px 20px !important;
    cursor: pointer !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: background-color 0.2s ease !important;
}

input[type="submit"]:hover,
button[type="submit"]:hover,
.button:hover,
a.button:hover {
    background-color: #0369a1 !important;
    color: #ffffff !important;
}


/* --- 5. ФУТЕР И НИЖНЯЯ ЧАСТЬ --- */
footer, .site-footer {
    background: #070a13 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
    padding: 32px 24px !important;
    margin-top: 48px !important;
    color: #64748b !important;
}

footer h1, footer h2, footer h3, footer h4,
.site-footer h1, .site-footer h2, .site-footer h3 {
    color: #ffffff !important;
}

footer a, .site-footer a,
.site-content a, .content-area a, main a {
    color: #38bdf8 !important;
    text-decoration: none !important;
}

footer a:hover, .site-footer a:hover,
.site-content a:hover, .content-area a:hover, main a:hover {
    color: #60a5fa !important;
    text-decoration: underline !important;
}


/* --- 6. МОБИЛЬНАЯ АДАПТАЦИЯ --- */
@media (max-width: 768px) {
    header ul, nav ul {
        gap: 4px 6px !important;
    }

    header a, nav a {
        padding: 6px 10px !important;
        font-size: 13px !important;
    }

    .site-header nav ul > li:first-child a,
    .main-navigation ul > li:first-child a {
        border-right: none !important;
        padding-right: 10px !important;
        margin-right: 0 !important;
    }
}
/* =========================================================
   WEBPROFI — FIX WHITE CARDS & BONUS TABLE
   ========================================================= */

/* Жестко перекрашиваем белую подложку плагинов в тёмный цвет */
[style*="background: white"],
[style*="background:#fff"],
[style*="background: #ffffff"],
[style*="background-color: white"],
[style*="background-color: #fff"],
[style*="background-color: #ffffff"] {
    background: #0f172a !important;
    background-color: #0f172a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
}

/* Текст «Ваш бонус», описание и заголовки таблицы */
p, span, div, td, th, label, small {
    color: #94a3b8 !important;
}

/* =========================================================
   FORCE OVERRIDE FOR WHITE BONUS CONTAINER
   ========================================================= */

/* Принудительное перекрашивание белой карточки во вкладке «Ежедневный бонус» */
div[style*="background"],
div[style*="FFF"],
div[style*="fff"],
div[style*="white"] {
    background-color: #0f172a !important;
    background: #0f172a !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 12px !important;
    color: #e2e8f0 !important;
}

/* Принудительный цвет для абсолютно всего текста внутри блоков */
.site-main div,
.site-main p,
.site-main span,
.site-main td,
.site-main th,
.site-main label,
.entry-content * {
    color: #cbd5e1 !important;
}

/* Яркие заголовки таблиц и логины */
.site-main table th,
.site-main table td {
    color: #e2e8f0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

/* Акцентный синий цвет для сумм (0.04 RUB, 0.06 RUB и т.д.) */
.site-main td:nth-child(2),
.site-main span[style*="blue"],
.site-main strong {
    color: #38bdf8 !important;
    font-weight: 600 !important;
}

/* =========================================================
   FIX FOR POINTS PAGE & ALL WHITE CONTENT CARDS
   ========================================================= */

/* 1. Делаем абсолютно все белые карточки тёмно-синими */
.site-main div,
div[class*="card"],
div[class*="block"],
div[class*="box"],
.wptm-card,
.wptm-box,
[style*="background"] {
    background-color: #0f172a !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* 2. Текст в карточках (описание, курс, инструкция) */
.site-main p,
.site-main span,
.site-main div,
.site-main small,
.site-main label {
    color: #cbd5e1 !important; /* Четкий светло-серый текст */
}

/* 3. Маленький серый подтекст и плейсхолдеры */
.site-main small,
.site-main .subtext,
input::placeholder {
    color: #94a3b8 !important;
}

/* 4. Заголовки (1, 2, 3 Получайте Points, Обменивайте) */
.site-main h1, 
.site-main h2, 
.site-main h3, 
.site-main h4,
.site-main strong,
.site-main b {
    color: #ffffff !important; /* Чистый белый для контраста */
}

/* 5. Поле ввода «Количество» перед кнопкой «Обменять» */
input[type="text"],
input[type="number"] {
    background-color: #1e293b !important;
    color: #ffffff !important;
    border: 1px solid #334155 !important;
}

/* =========================================================
   FORCE OVERRIDE FOR RAFFLES PAGE (PAGE-ID 741)
   ========================================================= */

/* 1. Жестко перекрашиваем белый блок карточки розыгрыша */
.page-id-741 .site-main div,
.page-id-741 main div,
div[class*="wptm"],
div[class*="draw"],
div[class*="raffle"] {
    background-color: #0f172a !important;
    background: #0f172a !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* 2. Принудительно делаем весь нечитаемый серый текст светлым и ярким */
.page-id-741 div,
.page-id-741 p,
.page-id-741 span,
.page-id-741 small,
.page-id-741 li,
.page-id-741 label,
div[class*="wptm"] *,
div[class*="draw"] * {
    color: #cbd5e1 !important;
}

/* 3. Верхний серый значок/плашка «Обычный — билеты за Points» */
.page-id-741 span[style*="color"],
.page-id-741 small[style*="color"],
div[class*="wptm"] span,
div[class*="wptm"] small {
    color: #94a3b8 !important;
}

/* 4. Заголовки мест и призов (1 место, 2 место и т.д.) */
.page-id-741 strong,
.page-id-741 b,
.page-id-741 h1,
.page-id-741 h2,
.page-id-741 h3,
.page-id-741 h4 {
    color: #ffffff !important;
}

/* Делаем текст подписей над полями белым */
form, label, .form-group label, span {
    color: #ffffff !important;
}

/* Делаем сами поля ввода с темным фоном и белым текстом */
input[type="text"], 
input[type="email"], 
input[type="password"], 
input {
    background-color: #1e1e2f !important;
    color: #ffffff !important;
    border: 1px solid #444466 !important;
}

/* Цвет текста-подсказки (placeholder) внутри полей */
input::placeholder {
    color: #aaaaaa !important;
}

/* Перекрашиваем белые блоки карточек */
.page-id-386 div[style*="background:#fff"],
.page-id-386 div[style*="background: #fff"],
.page-id-386 div[style*="background-color:#fff"],
.page-id-386 div[style*="background-color: #fff"],
.page-id-386 .bux-card div,
.page-id-386 [class*="min-pay"],
.page-id-386 [class*="last-check"],
.page-id-386 [class*="payment"] {
    background-color: #1e293b !important;
    background: #1e293b !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #f8fafc !important;
}

/* Фильтры вверху (Платит, Проверка, Скам и т.д.) */
.page-id-386 a[href*="bux_status"],
.page-id-386 .wp-block-button__link {
    background-color: #1e293b !important;
    background: #1e293b !important;
    color: #ffffff !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Цвет подписи и текста внутри блоков */
.page-id-386 div,
.page-id-386 span,
.page-id-386 p,
.page-id-386 label {
    color: #cbd5e1 !important;
}

/* Голубой цвет для суммы (1.00 RUB, 2.00 RUB) */
.page-id-386 [class*="rub"],
.page-id-386 [class*="min-pay"] span,
.page-id-386 [class*="min-pay"] div {
    color: #38bdf8 !important;
}
/* Проверьте результат: обновите страницу через Ctrl + F5 (Cmd + Shift + R на Mac), чтобы сбросить кэш браузера. */