/* ═══════════════════════════════════════════════════════════════ LIGHT THEME — Scandinavian hygge Applied when ═══════════════════════════════════════════════════════════════ */ [data-theme="light"] { --bg: #f5f0e8; --bg-card: #ffffff; --bg-raised: #ede7dc; --text: #2a2018; --text-muted: #7a6a5a; --gold: #9a7a50; --gold-dim: #7d6340; --border: rgba(120, 90, 55, .16); --light-color: #2a2018; --dark-color: rgba(120, 60, 40, 0.8); } /* ── Body & Base ── */ [data-theme="light"] body { background: var(--bg); color: var(--text); } [data-theme="light"] h1, [data-theme="light"] h2, [data-theme="light"] h3, [data-theme="light"] h4, [data-theme="light"] h5, [data-theme="light"] h6 { color: var(--text); } /* ── Header ── */ [data-theme="light"] .header { background-color: #ffffff !important; border-bottom: 1px solid rgba(120, 90, 55, .18); box-shadow: 0 2px 12px rgba(80, 60, 40, .08); } [data-theme="light"] .header::after { background: linear-gradient(90deg, transparent, var(--gold), transparent); opacity: .25; } [data-theme="light"] .header a, [data-theme="light"] .header .nav-link { color: rgba(42, 32, 24, .7) !important; } [data-theme="light"] .header a:hover, [data-theme="light"] .header .nav-link:hover, [data-theme="light"] .header .nav-link.active, [data-theme="light"] .header a.active { color: var(--gold) !important; } [data-theme="light"] .header .dropdown-menu { background: #ffffff; border: 1px solid var(--border); box-shadow: 0 8px 24px rgba(80, 60, 40, .12); } [data-theme="light"] .header .dropdown-item { color: var(--text-muted) !important; } [data-theme="light"] .header .dropdown-item:hover { background: rgba(154, 122, 80, .07); color: var(--gold) !important; } /* ── Footer ── */ [data-theme="light"] .footer { background-color: #ede7dc !important; border-top: 1px solid rgba(120, 90, 55, .18); color: var(--text-muted) !important; } [data-theme="light"] .footer::before { background: linear-gradient(90deg, transparent, rgba(120, 90, 55, .25), transparent); } /* ── Anketa cards ── */ [data-theme="light"] .anketa-card { background: var(--bg-card); border-color: var(--border); } [data-theme="light"] .anketa-card:hover { box-shadow: 0 12px 32px rgba(80, 60, 40, .14); border-color: rgba(154, 122, 80, .4); } [data-theme="light"] .param-chip { background: #ede7dc; } [data-theme="light"] .anketa-card .like-btn { background: rgba(255, 252, 248, .85); border-color: var(--border); color: var(--text-muted); } /* ── Filter ── */ [data-theme="light"] .filter-accordion { background: var(--bg-card); border-color: var(--border); } [data-theme="light"] .filter-toggle { background: #ede7dc; color: var(--text); } [data-theme="light"] .filter-toggle:hover { background: #e4ddd0; } [data-theme="light"] .filter-body { border-top-color: var(--border); } /* ── Catalog pagination ── */ [data-theme="light"] .catalog-pagination .page-link { background: var(--bg-card); border-color: var(--border); color: var(--text-muted); } [data-theme="light"] .catalog-pagination .page-link:hover { background: rgba(154, 122, 80, .07); } [data-theme="light"] .catalog-pagination .page-item.active .page-link { background: var(--gold); border-color: var(--gold); color: #fff; } /* ── SEO block ── */ [data-theme="light"] .seo-block { background: var(--bg-card); border-color: var(--border); color: var(--text-muted); } [data-theme="light"] .seo-block h2, [data-theme="light"] .seo-block h3, [data-theme="light"] .seo-block h4 { color: var(--text); } /* ── Gallery ── */ [data-theme="light"] .main-photo { background: #ede7dc; } [data-theme="light"] .thumb-row a { background: #ede7dc; } [data-theme="light"] .video-wrap { background: #ede7dc; } [data-theme="light"] .main-photo-wrap { background: #ede7dc; } /* ── Price card ── */ [data-theme="light"] .price-card { background: var(--bg-card); border-color: var(--border); } [data-theme="light"] .price-card thead th { background: #ede7dc; color: var(--text-muted); border-bottom-color: var(--border); } [data-theme="light"] .price-card tbody td { border-bottom-color: var(--border); } [data-theme="light"] .price-table th { background: #ede7dc; border-color: var(--border); color: var(--text-muted); } [data-theme="light"] .price-table td { border-color: var(--border); color: var(--text); } /* ── Specs & chars ── */ [data-theme="light"] .spec-row { border-bottom-color: var(--border); } [data-theme="light"] .chars-table td { border-bottom-color: var(--border); } /* ── Story card ── */ [data-theme="light"] .story-card, [data-theme="light"] .story-section { background: rgba(237, 231, 220, .5); color: var(--text-muted); } /* ── Services ── */ [data-theme="light"] .services-wrap { background: #ede7dc; border-top-color: var(--border); } [data-theme="light"] .services-section { background: var(--bg-card); border-color: var(--border); } [data-theme="light"] .svc-list a { color: var(--text); } [data-theme="light"] .svc-list li { border-bottom-color: var(--border); } [data-theme="light"] .svc-price { background: rgba(154, 122, 80, .1); color: var(--gold); } /* ── Reviews ── */ [data-theme="light"] .reviews-section { background: var(--bg-card); border-color: var(--border); } [data-theme="light"] .review-item { border-bottom-color: var(--border); } [data-theme="light"] .latest-review-card { background: var(--bg-card); border-color: var(--border); } [data-theme="light"] .latest-review-card:hover { border-color: rgba(154, 122, 80, .4); } /* ── Forms ── */ [data-theme="light"] .form-control-dark, [data-theme="light"] .form-control-dark:focus { background: var(--bg-card) !important; border-color: var(--border) !important; color: var(--text) !important; } [data-theme="light"] .form-control-dark::placeholder { color: var(--text-muted) !important; } [data-theme="light"] .form-control-dark:focus { border-color: rgba(154, 122, 80, .5) !important; box-shadow: 0 0 0 3px rgba(154, 122, 80, .1) !important; background: var(--bg-card) !important; } [data-theme="light"] .form-select-dark { background-color: var(--bg-card) !important; border-color: var(--border) !important; color: var(--text) !important; 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='%239a7a50' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e") !important; } [data-theme="light"] .form-select-dark option { background: #ffffff; color: var(--text); } /* ── FAQ accordion ── */ [data-theme="light"] .faq .accordion-item { background: var(--bg-card); border-color: var(--border) !important; } [data-theme="light"] .faq .accordion-button { background: var(--bg-card); color: var(--text); } [data-theme="light"] .faq .accordion-button:not(.collapsed) { background: var(--bg-card); color: var(--gold); } [data-theme="light"] .faq .accordion-button::after { filter: none; } [data-theme="light"] .faq .accordion-collapse { border-top-color: var(--border); } [data-theme="light"] .faq .accordion-body { background: #f5f0e8; color: var(--text-muted) !important; } /* ── Msg buttons ── */ [data-theme="light"] .msg-btn { background: #ede7dc; border-color: var(--border); } /* ── Bootstrap alerts ── */ [data-theme="light"] .alert-success { background: #eef5ee; border-color: #b5d5b5; color: #2d502d; } [data-theme="light"] .alert-danger { background: #faf0ee; border-color: #e0b5b5; color: #5a2020; } [data-theme="light"] .alert-info { background: #eef3f8; border-color: #b5cce0; color: #1e3a50; } /* ── Theme toggle button ── */ .theme-toggle { background: none; border: 1px solid var(--border); border-radius: 50px; width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: border-color var(--transition), background var(--transition); color: var(--text-muted); flex-shrink: 0; padding: 0; } .theme-toggle:hover { border-color: var(--gold); color: var(--gold); } .theme-toggle .icon-sun { display: none; } .theme-toggle .icon-moon { display: block; } [data-theme="light"] .theme-toggle .icon-sun { display: block; } [data-theme="light"] .theme-toggle .icon-moon { display: none; }