/* * vg-driveschool.com — Светла тема * Автор: Тони Ангелчовски — https://sait48.bg * Работи заедно с style.css — само overrides. * Активира се с data-theme="light" на . */ /* ── Базов toggle бутон (работи и в двете теми) ── */ .theme-toggle { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: none; border: 1px solid var(--border); border-radius: 8px; cursor: pointer; font-size: 1rem; color: var(--text-muted); transition: background 0.3s ease, color 0.3s ease, border-color 0.3s ease; flex-shrink: 0; line-height: 1; padding: 0; } .theme-toggle:hover { background: var(--accent-soft); border-color: var(--accent); color: var(--accent); } /* ── toggle в простите header-и (статии, блог, видеа, legal, 404) ── */ .art-header .theme-toggle, .bp-header .theme-toggle, .vp-header .theme-toggle, .legal-header .theme-toggle, .err-header .theme-toggle { margin-left: auto; margin-right: 0.75rem; } /* ══════════════════════════════════════════════════ СВЕТЛА ТЕМА — всички overrides под data-theme ══════════════════════════════════════════════════ */ [data-theme="light"] { --bg-1: #f5f7fa; --bg-2: #edf0f5; --bg-3: #ffffff; --card: rgba(0, 0, 0, 0.03); --text: #111827; --text-muted: #6b7280; --text-soft: #374151; --border: rgba(0, 0, 0, 0.09); --header-bg: rgba(245, 247, 250, 0.97); } /* Header */ [data-theme="light"] .site-header.scrolled { box-shadow: 0 2px 20px rgba(0, 0, 0, 0.10); } /* Hamburger */ [data-theme="light"] .hamburger:hover { background: rgba(0, 0, 0, 0.06); } /* Drawer */ [data-theme="light"] .drawer-close { background: rgba(0, 0, 0, 0.04); } [data-theme="light"] .drawer-close:hover { background: rgba(0, 0, 0, 0.08); } /* Stats bar */ [data-theme="light"] .stats-bar { background: rgba(245, 247, 250, 0.95); } /* Защо секция — dot grid */ [data-theme="light"] .section-why { background-image: radial-gradient(circle at 80% 0%, rgba(255, 107, 53, 0.10), transparent 36%), radial-gradient(circle, rgba(0, 0, 0, 0.07) 1px, transparent 1px); } /* Why карти */ [data-theme="light"] .why-card:hover { box-shadow: 0 20px 40px rgba(0, 0, 0, 0.10); } /* Pricing карти */ [data-theme="light"] .pricing-card { box-shadow: 0 0 40px rgba(255, 107, 53, 0.06), 0 4px 16px rgba(0, 0, 0, 0.07); } [data-theme="light"] .pricing-card:hover { box-shadow: 0 0 60px rgba(255, 107, 53, 0.12), 0 4px 16px rgba(0, 0, 0, 0.08); } /* Форма */ [data-theme="light"] .form-group input, [data-theme="light"] .form-group textarea { background: rgba(0, 0, 0, 0.03); } [data-theme="light"] .form-group input:focus, [data-theme="light"] .form-group textarea:focus { background: rgba(255, 107, 53, 0.04); } /* Bottom CTA */ [data-theme="light"] .btn-call:hover { background: rgba(0, 0, 0, 0.04); } /* Video carousel scrollbar */ [data-theme="light"] .video-carousel { scrollbar-color: var(--accent) rgba(0, 0, 0, 0.07); } [data-theme="light"] .video-carousel::-webkit-scrollbar-track { background: rgba(0, 0, 0, 0.07); } /* Blog card hover */ [data-theme="light"] .blog-card:hover { background: rgba(255, 107, 53, 0.03); } /* Social btn */ [data-theme="light"] .social-btn { background: #ffffff; } /* Article page */ [data-theme="light"] .article-toc { background: var(--bg-2); }