/* ============================================================
   Светлая воздушная тема — «воздух + акцент»
   Подключается поверх style.css при выборе темы в админке.
   ============================================================ */
html[data-theme="light"] {
  --bg-0: #f5f7ff;
  --bg-1: #ffffff;
  --bg-2: #ffffff;
  --bg-3: #eef1fa;
  --border-soft: rgba(65, 94, 247, 0.12);
  --border-strong: rgba(65, 94, 247, 0.22);
  --text-0: #0f172a;
  --text-1: #475569;
  --text-2: #94a3b8;
  --accent: #4f6ef7;
  --accent-2: #7c5cff;
  --accent-grad: linear-gradient(135deg, #4f6ef7 0%, #7c5cff 100%);
  --accent-glow: 0 12px 32px -8px rgba(79, 110, 247, 0.45);
  --shadow-card: 0 8px 32px -12px rgba(65, 94, 247, 0.12);
  --shadow-hover: 0 18px 48px -16px rgba(65, 94, 247, 0.22);
}

/* ===================== ОБЩИЕ ===================== */
html[data-theme="light"] body {
  background: var(--bg-0);
  color: var(--text-0);
}
html[data-theme="light"] a:not(.btn) { color: var(--accent); }
html[data-theme="light"] .btn-accent,
html[data-theme="light"] .btn-accent:hover,
html[data-theme="light"] .btn-accent:focus { color: #fff; -webkit-text-fill-color: #fff; }
html[data-theme="light"] .btn-outline-light { color: var(--text-0); border-color: var(--border-strong); }
html[data-theme="light"] .btn-outline-light:hover { color: var(--accent); border-color: var(--accent); background: rgba(79, 110, 247, 0.06); }
html[data-theme="light"] ::selection { background: rgba(79, 110, 247, 0.25); }

/* ===================== НАВИГАЦИЯ ===================== */
html[data-theme="light"] .site-navbar {
  background: rgba(255, 255, 255, 0.78);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border-soft);
}
html[data-theme="light"] .site-navbar.scrolled {
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 6px 24px -12px rgba(65, 94, 247, 0.18);
}
html[data-theme="light"] .navbar-light .navbar-nav .nav-link { color: var(--text-1); font-weight: 600; }
html[data-theme="light"] .navbar-light .navbar-nav .nav-link:hover { color: var(--accent); }
html[data-theme="light"] .nav-phone { color: var(--text-0); font-weight: 700; }
html[data-theme="light"] .nav-phone:hover { color: var(--accent); }
html[data-theme="light"] .navbar-light .navbar-toggler { border-color: var(--border-strong); }
html[data-theme="light"] .navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%234f6ef7' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

/* ===================== HERO ===================== */
html[data-theme="light"] .hero {
  background:
    radial-gradient(ellipse 65% 50% at 76% 4%, rgba(124, 92, 255, 0.10), transparent),
    radial-gradient(ellipse 55% 45% at 14% 24%, rgba(79, 110, 247, 0.09), transparent),
    linear-gradient(180deg, #eef2ff 0%, var(--bg-0) 80%);
}
html[data-theme="light"] .hero::before {
  background-image:
    linear-gradient(rgba(65, 94, 247, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(65, 94, 247, 0.045) 1px, transparent 1px);
}
html[data-theme="light"] .hero-glow { opacity: .22; }
html[data-theme="light"] .hero-badge {
  background: rgba(79, 110, 247, 0.07);
  border-color: rgba(79, 110, 247, 0.22);
  color: var(--accent);
  box-shadow: 0 4px 12px -6px rgba(79, 110, 247, 0.25);
}
html[data-theme="light"] .hero-subtitle { color: var(--text-1); }
html[data-theme="light"] .hero-stats .stat-label { color: var(--text-2); }

/* Терминальная карточка */
html[data-theme="light"] .hero-card {
  background: linear-gradient(170deg, #ffffff, #f8faff);
  border: 1px solid var(--border-soft);
  box-shadow: 0 36px 80px -36px rgba(65, 94, 247, 0.30);
}
html[data-theme="light"] .hero-card-head { background: #f4f6ff; border-bottom-color: var(--border-soft); }
html[data-theme="light"] .hero-card-foot { background: #f8faff; color: var(--text-1); border-top-color: var(--border-soft); }
html[data-theme="light"] .log-line { color: var(--text-1); }
html[data-theme="light"] .badge-sla { background: rgba(47, 191, 113, 0.12); color: #1d8f52; border-color: rgba(47, 191, 113, 0.28); }

/* ===================== TRUST BAR ===================== */
html[data-theme="light"] .trust-bar { background: var(--bg-1); border-color: var(--border-soft); }
html[data-theme="light"] .trust-bar i { color: var(--accent); }
html[data-theme="light"] .trust-bar div { color: var(--text-1); }

/* ===================== СЕКЦИИ ===================== */
html[data-theme="light"] .section-alt { background: #eef1fa; }
html[data-theme="light"] .section-kicker { color: var(--accent); }

/* ===================== КАРТОЧКИ ===================== */
html[data-theme="light"] .service-card,
html[data-theme="light"] .advantage-card,
html[data-theme="light"] .process-step,
html[data-theme="light"] .testimonial-card,
html[data-theme="light"] .case-card,
html[data-theme="light"] .side-card,
html[data-theme="light"] .contact-card,
html[data-theme="light"] .metric-card,
html[data-theme="light"] .faq-accordion .accordion-item {
  background: var(--bg-1);
  box-shadow: var(--shadow-card);
  border-color: var(--border-soft);
}
html[data-theme="light"] .service-card:hover {
  border-color: rgba(79, 110, 247, 0.45);
  box-shadow: var(--shadow-hover);
}
html[data-theme="light"] .case-card:hover {
  box-shadow: var(--shadow-hover);
  border-color: rgba(79, 110, 247, 0.40);
}
html[data-theme="light"] .case-placeholder {
  background:
    radial-gradient(circle at 30% 20%, rgba(79, 110, 247, 0.12), transparent 55%),
    radial-gradient(circle at 75% 80%, rgba(124, 92, 255, 0.10), transparent 55%),
    var(--bg-3);
  color: rgba(65, 94, 247, 0.28);
}
html[data-theme="light"] .case-category {
  background: rgba(255, 255, 255, 0.92);
  backdrop-filter: blur(6px);
  color: var(--accent);
  border-color: var(--border-soft);
}
html[data-theme="light"] .case-category-inline {
  background: rgba(79, 110, 247, 0.09);
  color: var(--accent);
  border-color: rgba(79, 110, 247, 0.24);
}
html[data-theme="light"] .case-tech span { background: rgba(65, 94, 247, 0.05); border-color: var(--border-soft); }

/* ===================== ФОРМЫ ===================== */
html[data-theme="light"] .lead-form-card {
  background: linear-gradient(170deg, #ffffff, #f8faff);
  box-shadow: 0 32px 72px -32px rgba(65, 94, 247, 0.28);
  border-color: var(--border-soft);
}
html[data-theme="light"] .form-control,
html[data-theme="light"] .form-select {
  background-color: #f9faff;
  border-color: var(--border-strong);
  color: var(--text-0);
}
html[data-theme="light"] .form-control::placeholder { color: var(--text-2); }
html[data-theme="light"] .form-control:focus,
html[data-theme="light"] .form-select:focus {
  background-color: #fff;
  border-color: var(--accent);
  color: var(--text-0);
  box-shadow: 0 0 0 4px rgba(79, 110, 247, 0.14);
}
html[data-theme="light"] .form-select { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%234f6ef7' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 12px center; background-size: 16px 12px; padding-right: 40px; }
html[data-theme="light"] .form-select option { background: #fff; color: var(--text-0); }
html[data-theme="light"] .form-check-input { background-color: #fff; border-color: var(--border-strong); }
html[data-theme="light"] .form-check-input:checked { background-color: var(--accent); border-color: var(--accent); }
html[data-theme="light"] .form-check-label { color: var(--text-1); }

/* ===================== ВНУТРЕННИЕ СТРАНИЦЫ ===================== */
html[data-theme="light"] .page-hero {
  background:
    radial-gradient(ellipse 55% 55% at 72% 0%, rgba(124, 92, 255, 0.08), transparent),
    linear-gradient(180deg, #eef2ff 0%, var(--bg-0) 85%);
  border-bottom: none;
}
html[data-theme="light"] .price-big,
html[data-theme="light"] .metric-value,
html[data-theme="light"] .process-num,
html[data-theme="light"] .hero-stats .stat-value { background: var(--accent-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }

html[data-theme="light"] .cta-banner {
  background: linear-gradient(135deg, rgba(79, 110, 247, 0.08), rgba(124, 92, 255, 0.06));
  border-color: rgba(79, 110, 247, 0.22);
}
html[data-theme="light"] .result-banner { background: rgba(47, 191, 113, 0.07); }
html[data-theme="light"] .filter-chip { background: var(--bg-1); }
html[data-theme="light"] .filter-chip:hover { color: var(--text-0); }
html[data-theme="light"] .filter-chip.active { background: var(--accent-grad); border-color: transparent; color: #fff; box-shadow: var(--accent-glow); }

/* ===================== АККОРДЕОН ===================== */
html[data-theme="light"] .faq-accordion .accordion-button { background: var(--bg-1); color: var(--text-0); font-weight: 600; }
html[data-theme="light"] .faq-accordion .accordion-button:not(.collapsed) { background: rgba(79, 110, 247, 0.05); color: var(--text-0); }
html[data-theme="light"] .faq-accordion .accordion-button::after { filter: none; opacity: .55; }
html[data-theme="light"] .faq-accordion .accordion-body { color: var(--text-1); }

/* ===================== ФУТЕР И ПАГИНАЦИЯ ===================== */
html[data-theme="light"] .site-footer { background: #eef1fa; border-top-color: var(--border-soft); }
html[data-theme="light"] .footer-links a,
html[data-theme="light"] .footer-contacts a,
html[data-theme="light"] .footer-contacts li { color: var(--text-1); }
html[data-theme="light"] .footer-bottom { color: var(--text-2); }
html[data-theme="light"] .footer-bottom a { color: var(--text-2); }
html[data-theme="light"] .social-btn { background: var(--bg-1); color: var(--text-1); box-shadow: var(--shadow-card); }
html[data-theme="light"] .social-btn:hover { background: rgba(79, 110, 247, 0.08); color: var(--accent); box-shadow: var(--shadow-hover); }
html[data-theme="light"] .pagination .page-link { background: var(--bg-1); box-shadow: var(--shadow-card); }
html[data-theme="light"] .pagination .page-link:hover { background: #f4f6ff; color: var(--text-0); box-shadow: var(--shadow-hover); }
html[data-theme="light"] .pagination .page-item.active .page-link { background: var(--accent-grad); border-color: transparent; color: #fff; box-shadow: var(--accent-glow); }
html[data-theme="light"] .pagination .page-item.disabled .page-link { background: #f4f6ff; color: var(--text-2); box-shadow: none; }

/* ===================== ПРОЧЕЕ ===================== */
html[data-theme="light"] .breadcrumb { --bs-breadcrumb-divider-color: var(--text-2); }
html[data-theme="light"] .breadcrumb-item a { color: var(--text-1); }
html[data-theme="light"] .breadcrumb-item.active { color: var(--text-2); }
html[data-theme="light"] .avatar { color: #fff; }
html[data-theme="light"] .flash-container .btn-close { filter: none; }
html[data-theme="light"] .content-text a { color: var(--accent); font-weight: 600; }
html[data-theme="light"] .check-list i { color: var(--accent); }
html[data-theme="light"] .service-icon { background: rgba(79, 110, 247, 0.10); border-color: rgba(79, 110, 247, 0.22); }
html[data-theme="light"] .stars i { color: #f5a623; }
html[data-theme="light"] .other-services a:hover { color: var(--accent); background: rgba(79, 110, 247, 0.04); border-radius: 8px; padding-left: 8px; }
html[data-theme="light"] .lead-points i { color: var(--accent); }
html[data-theme="light"] .service-card h3,
html[data-theme="light"] .service-card p,
html[data-theme="light"] .case-body h5,
html[data-theme="light"] .case-body p { color: var(--text-0); }