/* ==========================================================================
   Dark Neon Theme (Cyber-Finance Luxury Edition)
   Activated via: html[data-theme="dark"] or body.dark-neon
   Fully reversible and non-destructive.
   ========================================================================== */

html[data-theme="dark"] {
    --bg-base: #0a0d14;
    --bg-surface: #101522;
    --bg-warm-tint: #141b2d;
    --bg-card: rgba(18, 24, 38, 0.88);
    --bg-accent-soft: rgba(20, 184, 166, 0.08);

    --brand-primary: #10b981; /* Neon Emerald */
    --brand-terracotta: #06b6d4; /* Neon Cyan */
    --brand-terracotta-hover: #0891b2;
    --brand-amber: #f59e0b;
    --brand-sand: #1e293b;
    --brand-clay: #38bdf8;

    --text-heading: #f8fafc;
    --text-body: #cbd5e1;
    --text-muted: #94a3b8;
    --text-light: #64748b;

    --border-subtle: #1e293b;
    --border-warm: rgba(16, 185, 129, 0.25);

    --shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 10px 30px -5px rgba(0, 0, 0, 0.6), 0 0 15px rgba(16, 185, 129, 0.08);
    --shadow-lg: 0 20px 40px -10px rgba(0, 0, 0, 0.8), 0 0 25px rgba(6, 182, 212, 0.12);

    color-scheme: dark;
}

html[data-theme="dark"] body {
    background-color: var(--bg-base);
    color: var(--text-body);
}

/* Иконки в карточках услуг (.icon-accent-box) */
html[data-theme="dark"] .icon-accent-box {
    background: rgba(16, 185, 129, 0.15) !important;
    color: #34d399 !important; /* Яркий изумрудный неон */
    border: 1px solid rgba(52, 211, 153, 0.3) !important;
    box-shadow: 0 0 12px rgba(16, 185, 129, 0.2) !important;
}

html[data-theme="dark"] .icon-accent-box i {
    color: #34d399 !important;
}

/* Ссылка в карточке приватности */
html[data-theme="dark"] .warm-card a[style*="var(--brand-terracotta)"],
html[data-theme="dark"] .warm-card a.text-decoration-none {
    color: #38bdf8 !important; /* Яркая лазурная неоновая стрелка и текст */
}

/* Бейджи преимуществ в Hero (.hero-benefit-item) */
html[data-theme="dark"] .hero-benefit-item {
    background: #151e30 !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #f1f5f9 !important; /* Яркий четкий белый текст */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4) !important;
}

html[data-theme="dark"] .hero-benefit-item[style*="fff7ed"],
html[data-theme="dark"] a.hero-benefit-item {
    background: #2a1b12 !important; /* Тёмно-янтарный благородный фон */
    border-color: #f97316 !important; /* Чёткий оранжевый кант */
    color: #fdba74 !important; /* Яркий читаемый оранжево-персиковый текст */
}

html[data-theme="dark"] a.hero-benefit-item i {
    color: #fb923c !important;
}

/* Бейджи доверия Avito и Домклик (Hero Floating Cards) */
html[data-theme="dark"] .hero-floating-card {
    background: #141c2e !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

html[data-theme="dark"] .hero-floating-card .text-dark {
    color: #f8fafc !important;
}

html[data-theme="dark"] .hero-floating-card .text-muted {
    color: #94a3b8 !important; /* Четкий яркий цвет для подписи "Больше 7 лет", "11 отзывов" */
}

html[data-theme="dark"] .hero-floating-card:hover {
    background: #18233a !important;
    box-shadow: 0 6px 25px rgba(0, 0, 0, 0.6) !important;
}

/* Навбар и шапка */
html[data-theme="dark"] .navbar-custom {
    background: rgba(10, 13, 20, 0.85) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .navbar-brand-title {
    color: #f8fafc !important;
}

html[data-theme="dark"] .navbar-brand-subtitle {
    color: #94a3b8 !important;
}

html[data-theme="dark"] .navbar-nav .nav-link {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .navbar-nav .nav-link:hover {
    color: #34d399 !important;
}

/* Мобильный drawer (Offcanvas) */
html[data-theme="dark"] .offcanvas {
    background: #0d121f !important;
    color: #cbd5e1 !important;
    border-right: 1px solid rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .offcanvas-header {
    background: #131a2c !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .offcanvas .btn-close {
    filter: invert(1) brightness(1.5);
}

html[data-theme="dark"] .offcanvas .border-bottom,
html[data-theme="dark"] .offcanvas .border-top {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .mobile-nav-item {
    color: #e2e8f0 !important;
}

html[data-theme="dark"] .mobile-nav-item:hover {
    background: rgba(255, 255, 255, 0.05) !important;
}

/* Карточки, блоки и секции */
html[data-theme="dark"] .card,
html[data-theme="dark"] .bg-white,
html[data-theme="dark"] .bg-surface,
html[data-theme="dark"] .service-card,
html[data-theme="dark"] .advantage-card,
html[data-theme="dark"] .calculator-card,
html[data-theme="dark"] .audit-card,
html[data-theme="dark"] .testimonial-card {
    background-color: var(--bg-surface) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: var(--text-body) !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

html[data-theme="dark"] .card-header,
html[data-theme="dark"] .card-footer {
    background-color: rgba(255, 255, 255, 0.03) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Свечение карточек при ховере */
html[data-theme="dark"] .card:hover,
html[data-theme="dark"] .service-card:hover {
    border-color: rgba(16, 185, 129, 0.4) !important;
    box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.7), 0 0 20px rgba(16, 185, 129, 0.15) !important;
}

html[data-theme="dark"] .calc-panel,
html[data-theme="dark"] .calc-result-box,
html[data-theme="dark"] .warm-card,
html[data-theme="dark"] #ddu-calc,
html[data-theme="dark"] #tax-refund,
html[data-theme="dark"] #referral {
    background: #111726 !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
}

html[data-theme="dark"] .calc-panel {
    background: #0f1523 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html[data-theme="dark"] .calc-result-box {
    background: #151d30 !important;
    border-color: rgba(239, 68, 68, 0.35) !important;
    box-shadow: 0 0 25px rgba(239, 68, 68, 0.12) !important;
}

html[data-theme="dark"] .calc-result-box .text-dark,
html[data-theme="dark"] .calc-panel .text-dark,
html[data-theme="dark"] .warm-card .text-dark {
    color: #f8fafc !important;
}

html[data-theme="dark"] .calc-result-box .text-muted,
html[data-theme="dark"] .calc-panel .text-muted,
html[data-theme="dark"] .warm-card .text-muted {
    color: #cbd5e1 !important; /* Яркий читаемый контрастный текст вместо блеклого */
}

html[data-theme="dark"] .calc-panel .badge,
html[data-theme="dark"] .warm-card .badge,
html[data-theme="dark"] .rounded-pill {
    background: rgba(30, 41, 59, 0.85) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
}

html[data-theme="dark"] #tax-refund .rounded-4.bg-white,
html[data-theme="dark"] #referral .rounded-4 {
    background: #131b2e !important;
    border-color: rgba(16, 185, 129, 0.25) !important;
}

/* Специфика блока Верни налог */
html[data-theme="dark"] #tax-refund h2,
html[data-theme="dark"] #tax-refund h2 span,
html[data-theme="dark"] #tax-refund .font-heading {
    color: #f8fafc !important;
}

html[data-theme="dark"] #tax-refund h2 span {
    color: #34d399 !important; /* Яркий изумрудный неон вместо темно-зеленого */
    text-shadow: 0 0 12px rgba(52, 211, 153, 0.4);
}

html[data-theme="dark"] #tax-refund .p-3.rounded-3 {
    background: #192338 !important; /* Контрастный насыщенный темно-синий фон плашки */
    border-left: 4px solid #10b981 !important;
    border: 1px solid rgba(16, 185, 129, 0.25) !important;
    border-left-width: 4px !important;
}

html[data-theme="dark"] #tax-refund .p-3.rounded-3 .fw-bold,
html[data-theme="dark"] #tax-refund .p-3.rounded-3 .text-dark {
    color: #ffffff !important;
    font-size: 0.95rem;
}

html[data-theme="dark"] #tax-refund .p-3.rounded-3 .small,
html[data-theme="dark"] #tax-refund .p-3.rounded-3 .text-muted {
    color: #f1f5f9 !important; /* Яркий четкий белый/светло-серебристый текст вместо серого */
    font-size: 0.88rem !important;
    line-height: 1.5 !important;
}

html[data-theme="dark"] #tax-refund p,
html[data-theme="dark"] #tax-refund .text-muted,
html[data-theme="dark"] #tax-refund .small {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] #tax-refund .fw-bold.text-dark {
    color: #f1f5f9 !important;
}

/* Тексты и заголовки */
html[data-theme="dark"] h1, 
html[data-theme="dark"] h2, 
html[data-theme="dark"] h3, 
html[data-theme="dark"] h4, 
html[data-theme="dark"] h5, 
html[data-theme="dark"] h6,
html[data-theme="dark"] .text-dark {
    color: #f8fafc !important;
}

html[data-theme="dark"] .text-muted,
html[data-theme="dark"] .text-secondary {
    color: #94a3b8 !important;
}

/* Поля ввода и формы */
html[data-theme="dark"] .form-control,
html[data-theme="dark"] .form-select {
    background-color: #141b2d !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #f1f5f9 !important;
}

html[data-theme="dark"] .form-control:focus,
html[data-theme="dark"] .form-select:focus {
    background-color: #162035 !important;
    border-color: #10b981 !important;
    box-shadow: 0 0 0 0.25rem rgba(16, 185, 129, 0.2) !important;
    color: #ffffff !important;
}

html[data-theme="dark"] .form-control::placeholder {
    color: #64748b !important;
}

html[data-theme="dark"] .input-group-text {
    background-color: #1a233a !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #94a3b8 !important;
}

/* Фоновые градиенты и шары */
html[data-theme="dark"] .ambient-sphere-1 {
    background: radial-gradient(circle, rgba(16, 185, 129, 0.15) 0%, rgba(0, 0, 0, 0) 70%) !important;
}

html[data-theme="dark"] .ambient-sphere-2 {
    background: radial-gradient(circle, rgba(6, 182, 212, 0.15) 0%, rgba(0, 0, 0, 0) 70%) !important;
}

/* Кнопки в стиле Cyber-Neon */
html[data-theme="dark"] .btn-warm-primary,
html[data-theme="dark"] .btn-primary {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    border: none !important;
    color: #ffffff !important;
    box-shadow: 0 0 15px rgba(16, 185, 129, 0.35) !important;
    transition: all 0.25s ease !important;
}

html[data-theme="dark"] .btn-warm-primary:hover,
html[data-theme="dark"] .btn-primary:hover {
    box-shadow: 0 0 25px rgba(16, 185, 129, 0.6) !important;
    transform: translateY(-2px);
}

html[data-theme="dark"] .btn-warm-outline,
html[data-theme="dark"] .btn-outline-secondary {
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: #e2e8f0 !important;
    background: rgba(255, 255, 255, 0.04) !important;
}

html[data-theme="dark"] .btn-warm-outline:hover,
html[data-theme="dark"] .btn-outline-secondary:hover {
    border-color: #06b6d4 !important;
    color: #38bdf8 !important;
    background: rgba(6, 182, 212, 0.12) !important;
    box-shadow: 0 0 15px rgba(6, 182, 212, 0.25) !important;
}

/* Беджи и плашки */
html[data-theme="dark"] .badge.bg-light,
html[data-theme="dark"] .badge.bg-white {
    background-color: #1e293b !important;
    color: #38bdf8 !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Таблицы и списки */
html[data-theme="dark"] .table {
    color: #cbd5e1 !important;
}

html[data-theme="dark"] .table td,
html[data-theme="dark"] .table th {
    border-color: rgba(255, 255, 255, 0.08) !important;
}

/* Футер */
html[data-theme="dark"] footer {
    background: #080a10 !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Аккордеоны */
html[data-theme="dark"] .accordion-item {
    background-color: var(--bg-surface) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="dark"] .accordion-button {
    background-color: var(--bg-surface) !important;
    color: #f8fafc !important;
}

html[data-theme="dark"] .accordion-button:not(.collapsed) {
    background-color: rgba(16, 185, 129, 0.1) !important;
    color: #34d399 !important;
    box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.08) !important;
}

/* Стили самого переключателя темы (Theme Toggle Button) */
.theme-toggle-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid var(--border-subtle);
    background: var(--bg-surface);
    color: var(--text-heading);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: var(--shadow-sm);
    position: relative;
    user-select: none;
    -webkit-user-select: none;
}

.theme-toggle-btn:hover {
    transform: scale(1.08);
    border-color: var(--brand-terracotta);
    color: var(--brand-terracotta);
}

html[data-theme="dark"] .theme-toggle-btn {
    border-color: rgba(16, 185, 129, 0.4);
    background: #141b2d;
    color: #34d399;
    box-shadow: 0 0 12px rgba(16, 185, 129, 0.3);
}

.theme-toggle-btn .icon-dark {
    display: none;
}

html[data-theme="dark"] .theme-toggle-btn .icon-light {
    display: none;
}

html[data-theme="dark"] .theme-toggle-btn .icon-dark {
    display: inline-block;
}