/* ==========================================================================
   1. БАЗОВЫЕ СТИЛИ И ТЁМНАЯ ТЕМА («ТЁМНЫЙ ПРЕМИУМ» ПО УМОЛЧАНИЮ)
   ========================================================================== */
:root {
    --bg-main: #09090B;
    --card-bg: #121216;
    --card-hover: #18181E;
    --champagne: #E5C158;
    --champagne-light: #F3D478;
    --platinum: #F4F4F5;
    --zinc-muted: #A1A1AA;
}

body {
    background-color: #09090B;
    color: #F4F4F5;
    font-family: 'Plus Jakarta Sans', sans-serif;
    overflow-x: hidden;
    transition: background-color 0.25s ease, color 0.25s ease;
}

.bg-grid {
    background-image: radial-gradient(rgba(229, 193, 88, 0.08) 1px, transparent 1px);
    background-size: 32px 32px;
}

/* ==========================================================================
   2. СВЕТЛАЯ ДЕЛОВАЯ ТЕМА («СВЕТЛЫЙ БИЗНЕС» — body.light-business)
   ========================================================================== */
body.light-business {
    background-color: #F6F5F0 !important;
    color: #18181B !important;
}

body.light-business.bg-grid {
    background-image: radial-gradient(rgba(24, 24, 27, 0.08) 1px, transparent 1px) !important;
}

body.light-business header {
    background-color: rgba(255, 255, 255, 0.95) !important;
    border-color: rgba(0, 0, 0, 0.08) !important;
}

body.light-business footer {
    background-color: #ECEAE2 !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    color: #3F3F46 !important;
}

/* Перекраска карточек и фонов в светлой теме (кроме защищённых тёмных превью) */
body.light-business .bg-cardBg:not(.always-dark-preview) {
    background-color: #FFFFFF !important;
    border-color: rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.06) !important;
}

body.light-business .bg-bgMain:not(.always-dark-preview) {
    background-color: #F4F4F0 !important;
    border-color: rgba(0, 0, 0, 0.12) !important;
    color: #18181B !important;
}

body.light-business .text-platinum {
    color: #111827 !important;
}

body.light-business .text-zincMuted,
body.light-business .text-zinc-300,
body.light-business .text-zinc-200,
body.light-business .text-slate-200 {
    color: #374151 !important;
}

body.light-business .border-white\/10,
body.light-business .border-white\/15,
body.light-business .border-white\/5,
body.light-business .border-white\/\[0\.08\],
body.light-business .border-white\/\[0\.06\] {
    border-color: rgba(0, 0, 0, 0.1) !important;
}

body.light-business .bg-white\/5,
body.light-business .bg-white\/10,
body.light-business .bg-white\/\[0\.03\],
body.light-business .bg-white\/\[0\.04\],
body.light-business .bg-white\/\[0\.05\] {
    background-color: rgba(0, 0, 0, 0.04) !important;
    color: #18181B !important;
}

body.light-business input:not(.always-dark-preview input),
body.light-business select:not(.always-dark-preview select),
body.light-business textarea:not(.always-dark-preview textarea) {
    background-color: #FFFFFF !important;
    color: #111827 !important;
    border-color: rgba(0, 0, 0, 0.18) !important;
}

/* Изумрудные и акцентные бейджи в светлой теме для идеальной читаемости */
body.light-business .text-emerald-400 {
    color: #047857 !important;
}

body.light-business .text-champagne:not(.bg-champagne) {
    color: #A16207 !important;
}

body.light-business .bg-champagne {
    background-color: #E5C158 !important;
    color: #09090B !important;
}

/* Защита контрастности открытого подарочного бокса в светлой теме */
body.light-business .gift-opened-card {
    background-color: #ECFDF5 !important;
    border-color: #10B981 !important;
}

body.light-business .gift-opened-card .gift-opened-status {
    color: #065F46 !important;
    font-weight: 700 !important;
}

/* ==========================================================================
   3. ЗАЩИТА ВСЕГДА-ТЁМНЫХ ПРЕВЬЮ-МАКЕТОВ (.always-dark-preview)
   ========================================================================== */
body.light-business .always-dark-preview {
    background-color: #0B0D12 !important;
    color: #F8FAFC !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

body.light-business .always-dark-preview .text-platinum,
body.light-business .always-dark-preview .text-white,
body.light-business .always-dark-preview .text-slate-100,
body.light-business .always-dark-preview .text-slate-200 {
    color: #F8FAFC !important;
}

body.light-business .always-dark-preview .text-zincMuted,
body.light-business .always-dark-preview .text-zinc-300,
body.light-business .always-dark-preview .text-zinc-400,
body.light-business .always-dark-preview .text-slate-300 {
    color: #CBD5E1 !important;
}

body.light-business .always-dark-preview .text-champagne {
    color: #E5C158 !important;
}

body.light-business .always-dark-preview .text-emerald-400,
body.light-business .always-dark-preview .text-emerald-300 {
    color: #34D399 !important;
}

body.light-business .always-dark-preview .bg-white\/5,
body.light-business .always-dark-preview .bg-white\/10,
body.light-business .always-dark-preview .bg-white\/\[0\.04\] {
    background-color: rgba(255, 255, 255, 0.07) !important;
    color: #F8FAFC !important;
}

body.light-business .always-dark-preview .border-white\/10,
body.light-business .always-dark-preview .border-white\/15 {
    border-color: rgba(255, 255, 255, 0.14) !important;
}

body.light-business #tg-report-step-badge,
body.light-business .always-dark-preview .text-sky-300,
body.light-business .always-dark-preview .text-sky-400 {
    color: #7DD3FC !important;
}

/* ==========================================================================
   4. СТИЛИ КАРТОЧКИ ПОИСКОВОЙ ВЫДАЧИ ЯНДЕКС / GOOGLE (ТЁМНЫЙ И СВЕТЛЫЙ ПОИСК)
   ========================================================================== */
#seo-preview-card.seo-card-dark {
    background-color: #101218 !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #F8FAFC !important;
}

#seo-preview-card.seo-card-dark #seo-preview-domain {
    color: #E2E8F0 !important;
}

#seo-preview-card.seo-card-dark #seo-preview-title {
    color: #60A5FA !important;
}

#seo-preview-card.seo-card-dark #seo-preview-desc {
    color: #CBD5E1 !important;
}

#seo-preview-card.seo-card-light {
    background-color: #FFFFFF !important;
    border-color: rgba(0, 0, 0, 0.15) !important;
    color: #111827 !important;
}

#seo-preview-card.seo-card-light #seo-preview-domain {
    color: #1F2937 !important;
}

#seo-preview-card.seo-card-light #seo-preview-title {
    color: #1D4ED8 !important;
}

#seo-preview-card.seo-card-light #seo-preview-desc {
    color: #374151 !important;
}

/* ==========================================================================
   5. ПОЛЗУНКИ И СКРОЛЛБАР
   ========================================================================== */
input[type="range"] {
    height: 6px;
    border-radius: 999px;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: #09090B;
}

::-webkit-scrollbar-thumb {
    background: #27272A;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #E5C158;
}

/* ==========================================================================
   6. ЖЕЛЕЗНАЯ ЗАЩИТА ОТ ПЛАШКИ «POWERED BY NETLIFY»
   ========================================================================== */
#netlify-badge,
a[href*="netlify.com"][style*="fixed"],
a[href*="netlify.app"][style*="fixed"],
a[href*="netlify.com"][target="_blank"][style*="bottom"],
div[style*="z-index: 2147483647"] a[href*="netlify.com"] {
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}