/*
 * Светлая тема всего сайта. Включается атрибутом data-theme="light" у <html>
 * (seo.php — по выбору человека или системы, кнопка в шапке).
 *
 * Основные цвета сайта — переменные в style.css: здесь их светлые значения.
 * Ниже — то, что в стилях прописано жёстко (полупрозрачный белый на тёмном,
 * тёмные подложки секций): для светлого фона ему нужны свои цвета.
 * Первый экран с видео остаётся тёмным и в светлой теме — это фото-баннер.
 */
html[data-theme="light"] {
  --bg-dark: #f3f4f6;
  --bg-darker: #eceef1;
  --bg-card: #ffffff;
  --bg-card-light: #f7f8fa;
  --text-primary: #16181c;
  --text-secondary: #4a4f57;
  --text-muted: #6b7079;
  --border-dark: #dcdfe3;
  --border-light: #e6e8eb;
  --shadow-soft: 0 4px 14px rgba(0, 0, 0, 0.06);
  --shadow-medium: 0 8px 24px rgba(0, 0, 0, 0.08);
  --shadow-strong: 0 12px 36px rgba(0, 0, 0, 0.12);
  --neon-red: #e3002d;
  --neon-red-light: #ff3366;
  --neon-red-glow: rgba(227, 0, 45, 0.25);
  --neon-red-glow-strong: rgba(227, 0, 45, 0.35);
  color-scheme: light;
}
html[data-theme="light"] body { background: #f3f4f6; color: #16181c; }
html[data-theme="light"] body::before { opacity: .35; }
html[data-theme="light"] select { color-scheme: light; }
html[data-theme="light"] select option, html[data-theme="light"] select optgroup { background-color: #fff; color: #16181c; }

/* ---- Шапка и меню ---- */
html[data-theme="light"] .header, html[data-theme="light"] .header.scrolled { background: rgba(255,255,255,.97); border-image: none; border-bottom: 1px solid #e3e5e9; box-shadow: none; }
html[data-theme="light"] .header.scrolled { box-shadow: 0 4px 18px rgba(0,0,0,.08); }
html[data-theme="light"] .logo img, html[data-theme="light"] .mobile-logo img, html[data-theme="light"] .footer-logo img { filter: brightness(0); }
html[data-theme="light"] .logo-tagline { color: #6b7079; }
html[data-theme="light"] .menu a { color: #33373d; }
html[data-theme="light"] .menu a:hover { background: #f1f3f5; color: #16181c; }
html[data-theme="light"] .menu a.active { background: #fdecef; color: #e3002d; }
html[data-theme="light"] .mobile-menu-close { color: #16181c; }
html[data-theme="light"] .btn-legal { background: #fff; }
html[data-theme="light"] .hq-btn { background: #f3f4f6; border-color: #e0e3e7; color: #16181c; }
html[data-theme="light"] .hq-btn:hover { background: #fdecef; border-color: #f3b8c4; }
html[data-theme="light"] .mobile-menu { background: #fff; box-shadow: -5px 0 20px rgba(0,0,0,.12); }
html[data-theme="light"] .mobile-menu-header, html[data-theme="light"] .mobile-menu-buttons { border-color: #e3e5e9; }
html[data-theme="light"] .mobile-nav a { color: #33373d; }
html[data-theme="light"] .mobile-nav a:hover, html[data-theme="light"] .mobile-nav a.active { background: #fdecef; color: #e3002d; }

/* ---- Подвал ---- */
html[data-theme="light"] .footer { background: #fff; border-top: 3px solid #e3002d; color: #33373d; }
html[data-theme="light"] .footer::before { display: none; }
html[data-theme="light"] .logo-name { color: #e3002d; text-shadow: none; }
html[data-theme="light"] .logo-slogan, html[data-theme="light"] .footer-description p, html[data-theme="light"] .social-title { color: #6b7079; }
html[data-theme="light"] .footer-title { color: #16181c; }
html[data-theme="light"] .footer-link { color: #33373d; background: #f6f7f9; border-color: #e6e8ec; }
html[data-theme="light"] .footer-link:hover { color: #e3002d; background: #fdecef; border-color: #f3b8c4; }
html[data-theme="light"] .service-tag { color: #33373d; background: #f6f7f9; border-color: #e6e8ec; }
html[data-theme="light"] .service-tag:hover { color: #e3002d; background: #fdecef; border-color: #e3002d; }
html[data-theme="light"] .contact-link.phone, html[data-theme="light"] .contact-text { color: #16181c; }
html[data-theme="light"] .contact-label, html[data-theme="light"] .contact-link, html[data-theme="light"] .yandex-reviews-link { color: #6b7079; }
html[data-theme="light"] .footer-bottom { border-top-color: #e6e8ec; }
html[data-theme="light"] .footer-copyright, html[data-theme="light"] .legal-links a { color: #7a7f87; }
html[data-theme="light"] .footer-copyright > div:first-child { color: #33373d; }
html[data-theme="light"] .company-info { color: #8a8f98; }

/* ---- Общие элементы страниц ---- */
/* Формы в целом не трогаем: светлый фон им дают переменные (--bg-card), а усиленное
   правило на все form перебивало собственные стили блоков — внутри подбора шин
   появлялись рамки и тени, у строки поиска пропадала красная рамка. */
html[data-theme="light"] .form-control, html[data-theme="light"] input:not([type=checkbox]):not([type=radio]), html[data-theme="light"] textarea, html[data-theme="light"] select {
  background-color: #fff; color: #16181c; border-color: #dcdfe3; }
html[data-theme="light"] .section-title { text-shadow: none; }
html[data-theme="light"] .btn-outline { color: #16181c; border-color: #16181c; }
html[data-theme="light"] .btn-outline:hover { background: #16181c; color: #fff; }

/* ---- Точечные правки после автоматического осветления ---- */
/* Плашки у заголовка страницы услуги (генератор пропускает всё со словом badge) */
html[data-theme="light"] .ln-badge { background: #fff; border-color: #e3e5e8; color: #33373d; }
html[data-theme="light"] .ln-badge.accent { border-color: rgba(227,0,45,.35); color: #16181c; }
/* Голубые ссылки и акценты сайта на светлом — темнее, иначе не читаются */
html[data-theme="light"] .ln-note a, html[data-theme="light"] .ak-hero span, html[data-theme="light"] .ln-badge i { color: #1f6fb5 !important; }
html[data-theme="light"] .attention-note { color: #b8002a; }
html[data-theme="light"] figcaption { color: #4a4f57; }
/* Кнопки соцсетей на контактах: белый текст на светло-серой кнопке */
html[data-theme="light"] .social-link span { color: #16181c; }
html[data-theme="light"] .social-link { border-color: #e3e5e8; }html[data-theme="light"] figcaption { color: #4a4f57 !important; }

/* ---- Первый экран главной в светлой теме ----
   Видео/фото остаются, но под светлой подложкой: тёмный текст на белёсом фоне
   вместо белого на чёрном. Раньше экран оставался тёмным, а описание брало
   тёмный цвет текста из переменных — читалось плохо. */
html[data-theme="light"] .hero { background: #f3f4f6; }
html[data-theme="light"] .hero-static-bg {
  background: linear-gradient(rgba(243,244,246,.88), rgba(243,244,246,.94)), url('images/hero-bg.png') center/cover no-repeat; }
html[data-theme="light"] .video-overlay { background: linear-gradient(180deg, rgba(243,244,246,.86) 0%, rgba(243,244,246,.9) 60%, rgba(243,244,246,.97) 100%); }
html[data-theme="light"] .hero-title { color: #16181c; text-shadow: none; animation: none; }
html[data-theme="light"] body .hero-title { text-shadow: none; }
html[data-theme="light"] .hero-subtitle, html[data-theme="light"] .typing-text { color: #e3002d; text-shadow: none; }
html[data-theme="light"] .hero-description { color: #33373d; }
html[data-theme="light"] .hero-price { background: #fff; border-color: rgba(227,0,45,.28); box-shadow: 0 2px 10px rgba(0,0,0,.05); }
html[data-theme="light"] .hero-price span { color: #6b7079; }
html[data-theme="light"] .hero-price b { color: #16181c; }
html[data-theme="light"] .hero-stats, html[data-theme="light"] body .hero-stats { background: rgba(255,255,255,.75); border-color: #e3e5e8; backdrop-filter: blur(6px); }
html[data-theme="light"] body .hero-stats .stat-item + .stat-item { border-left-color: #e3e5e8; }
html[data-theme="light"] .stat-number { color: #e3002d; text-shadow: none; }
html[data-theme="light"] .stat-label { color: #4a4f57; }
html[data-theme="light"] .walk-in-notice, html[data-theme="light"] .scroll-indicator { color: #4a4f57; }
html[data-theme="light"] .hero .btn-outline { color: #16181c; border-color: #16181c; background: rgba(255,255,255,.6); }