/* ══════════════════════════════════════════════ SWISSINVEST — DARK MODE OVERRIDES Aktivuje se přes: ══════════════════════════════════════════════ */ [data-theme="dark"] { color-scheme: dark; /* Přepíše CSS proměnné — opraví automaticky všechny prvky používající var(--light), var(--white) atd. */ --light: #1e1e1e; --white: #1a1a1a; --border: #2a2a2a; --mid: #aaaaaa; --shadow: 0 4px 24px rgba(0,0,0,0.4); } /* ── Základní barvy ── */ [data-theme="dark"] body { background: #111111 !important; color: #e0e0e0 !important; } /* ── Navbar ── */ [data-theme="dark"] .navbar { background: rgba(17,17,17,.97) !important; border-bottom-color: #2a2a2a !important; } [data-theme="dark"] .navbar__nav a { color: #aaaaaa !important; } [data-theme="dark"] .navbar__nav a:hover, [data-theme="dark"] .navbar__nav a.active { color: #C9A227 !important; } [data-theme="dark"] .navbar__logo-text span:last-child { color: #666 !important; } [data-theme="dark"] .navbar__phone { color: #aaaaaa !important; } /* ── Mobile menu ── */ [data-theme="dark"] .mobile-menu { background: #111 !important; } [data-theme="dark"] .mobile-menu a { color: #e0e0e0 !important; } /* ── Sekce — světlé pozadí → tmavé ── */ [data-theme="dark"] .section, [data-theme="dark"] section.section { background: #111111 !important; } [data-theme="dark"] .section--light, [data-theme="dark"] section.section--light, [data-theme="dark"] .testimonials, [data-theme="dark"] .proj-section--light { background: #1a1a1a !important; } /* ── Texty ── */ [data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4, [data-theme="dark"] h5 { color: #f0f0f0 !important; } [data-theme="dark"] p, [data-theme="dark"] .lead, [data-theme="dark"] .about__item p, [data-theme="dark"] .step p, [data-theme="dark"] .team-card__desc { color: #aaaaaa !important; } [data-theme="dark"] .tag { color: #C9A227 !important; } /* ── Karty — tým ── */ [data-theme="dark"] .team-card { background: #1e1e1e !important; border-color: #2a2a2a !important; } [data-theme="dark"] .team-card__name { color: #f0f0f0 !important; } [data-theme="dark"] .team-card__role { color: #C9A227 !important; } /* ── Karty — recenze ── */ [data-theme="dark"] .testi-card { background: #1e1e1e !important; box-shadow: 0 2px 12px rgba(0,0,0,.4) !important; } [data-theme="dark"] .testi-card__text { color: #aaaaaa !important; } [data-theme="dark"] .testi-card__name { color: #f0f0f0 !important; } [data-theme="dark"] .testi-note { color: #555 !important; } /* ── FAQ ── */ [data-theme="dark"] .faq-item { border-bottom-color: #2a2a2a !important; } [data-theme="dark"] .faq-item__q { background: #1a1a1a !important; color: #e0e0e0 !important; } [data-theme="dark"] .faq-item__q:hover { background: #222 !important; } [data-theme="dark"] .faq-item__a-inner { color: #aaaaaa !important; } [data-theme="dark"] .faq-item__a-inner strong { color: #e0e0e0 !important; } [data-theme="dark"] .faq-highlight { background: #1e1e1e !important; border-left-color: #C9A227 !important; color: #aaaaaa !important; } [data-theme="dark"] .faq-highlight strong { color: #e0e0e0 !important; } [data-theme="dark"] .faq-cat__title { color: #C9A227 !important; border-bottom-color: #2a2a2a !important; } /* ── Property karty (home page) ── */ [data-theme="dark"] .property-card { background: #1a1a1a !important; border-color: #2a2a2a !important; box-shadow: 0 2px 16px rgba(0,0,0,.4) !important; } [data-theme="dark"] .property-card__desc { color: #aaaaaa !important; } [data-theme="dark"] .property-card__location { color: #777 !important; } [data-theme="dark"] .property-card__footer { border-top-color: #2a2a2a !important; } [data-theme="dark"] .property-card__type { color: #777 !important; } [data-theme="dark"] .metric { background: #1e1e1e !important; } [data-theme="dark"] .metric__label { color: #777 !important; } [data-theme="dark"] .metric__val { color: #e0e0e0 !important; } [data-theme="dark"] .case-detail { background: #1a1a1a !important; border-color: #2a2a2a !important; } /* ── Investiční kroky ── */ [data-theme="dark"] .step { background: #1a1a1a !important; border-color: #2a2a2a !important; } [data-theme="dark"] .step h4 { color: #f0f0f0 !important; } /* ── About sekce ── */ [data-theme="dark"] .about__item { background: #1e1e1e !important; border-color: #2a2a2a !important; } [data-theme="dark"] .about__item h4 { color: #f0f0f0 !important; } [data-theme="dark"] .trust-bar { background: #1a1a1a !important; border-color: #2a2a2a !important; } [data-theme="dark"] .trust-item { color: #aaaaaa !important; } /* ── Tier karty (kalkulátor, investice) ── */ [data-theme="dark"] .tier { background: #1a1a1a !important; border-color: #2a2a2a !important; } [data-theme="dark"] .tier__label { color: #aaaaaa !important; } [data-theme="dark"] .tier__rate { color: #f0f0f0 !important; } /* ── Formuláře ── */ [data-theme="dark"] .form-group input, [data-theme="dark"] .form-group select, [data-theme="dark"] .form-group textarea { background: #1e1e1e !important; border-color: #333 !important; color: #e0e0e0 !important; } [data-theme="dark"] .form-group input:focus, [data-theme="dark"] .form-group select:focus, [data-theme="dark"] .form-group textarea:focus { border-color: #C9A227 !important; box-shadow: 0 0 0 3px rgba(201,162,39,.15) !important; } [data-theme="dark"] .form-group label { color: #aaaaaa !important; } [data-theme="dark"] .form-group select option { background: #1e1e1e; color: #e0e0e0; } /* ── Kontaktní info ── */ [data-theme="dark"] .contact__info { background: #1a1a1a !important; border-color: #2a2a2a !important; } [data-theme="dark"] .contact__info-label { color: #666 !important; } [data-theme="dark"] .contact__info-val { color: #e0e0e0 !important; } /* ── Kalkulátor ── */ [data-theme="dark"] .calc-card, [data-theme="dark"] .result-card, [data-theme="dark"] .bond-results .result-card { background: #1a1a1a !important; border-color: #2a2a2a !important; } [data-theme="dark"] .calc-label { color: #aaaaaa !important; } [data-theme="dark"] input[type="range"] { accent-color: #C9A227; } /* ── Page hero (podstránky) ── */ [data-theme="dark"] .page-hero { background: linear-gradient(135deg, #0a0a0a 0%, #1a1200 100%) !important; } /* ── Stránka O nás ── */ [data-theme="dark"] .about-section, [data-theme="dark"] .team-section { background: #111 !important; } /* ── Projekty stránka — slider karty ── */ [data-theme="dark"] .proj-card__content { background: #1e1e1e !important; } [data-theme="dark"] .proj-tabs { border-bottom-color: #2a2a2a !important; } [data-theme="dark"] .proj-tab { color: rgba(255,255,255,.4) !important; } [data-theme="dark"] .proj-tab.active { color: var(--gold) !important; border-bottom-color: var(--gold) !important; } [data-theme="dark"] .proj-panel h3 { color: #f0f0f0 !important; } [data-theme="dark"] .proj-panel p { color: #aaaaaa !important; } [data-theme="dark"] .proj-panel__location { color: #666 !important; } [data-theme="dark"] .proj-chip { background: rgba(255,255,255,.08) !important; color: rgba(255,255,255,.7) !important; } [data-theme="dark"] .proj-chip--green { background: rgba(46,125,50,.2) !important; color: #4caf50 !important; } [data-theme="dark"] .proj-chip--gold { background: rgba(201,162,39,.15) !important; color: var(--gold) !important; } [data-theme="dark"] .proj-metric { background: rgba(255,255,255,.06) !important; } [data-theme="dark"] .proj-metric__label { color: rgba(255,255,255,.35) !important; } [data-theme="dark"] .proj-cta { border-top-color: #2a2a2a !important; } /* ── GDPR stránka ── */ [data-theme="dark"] .gdpr-content { color: #aaaaaa !important; } [data-theme="dark"] .gdpr-content h2, [data-theme="dark"] .gdpr-content h3 { color: #e0e0e0 !important; } /* ── Toggle tlačítko ── */ #sw-dark-toggle { width: 36px; height: 36px; border-radius: 50%; border: 1.5px solid rgba(201,162,39,.4); background: none; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 16px; transition: all .2s; flex-shrink: 0; color: inherit; } #sw-dark-toggle:hover { background: rgba(201,162,39,.12); border-color: #C9A227; } /* ── Scrollbar v dark modu ── */ [data-theme="dark"] ::-webkit-scrollbar { background: #1a1a1a; } [data-theme="dark"] ::-webkit-scrollbar-thumb { background: #333; border-radius: 4px; } /* ── Nabídka nemovitostí ── */ [data-theme="dark"] .page-hero { background: #0a0a0a !important; } [data-theme="dark"] .info-box { background: #1e1e1e !important; border-color: #2a2a2a !important; } [data-theme="dark"] .info-box h3 { color: #f0f0f0 !important; } [data-theme="dark"] .info-box__price { color: var(--gold) !important; } [data-theme="dark"] .info-row { border-bottom-color: #2a2a2a !important; } [data-theme="dark"] .info-row__label { color: #777 !important; } [data-theme="dark"] .info-row__val { color: #e0e0e0 !important; } [data-theme="dark"] .listing-detail__photos img { opacity: .95; } [data-theme="dark"] .highlight { color: #aaaaaa !important; } [data-theme="dark"] .highlight::before { color: var(--gold) !important; } [data-theme="dark"] .vybaveni-grid > div { background: #1e1e1e !important; border-color: #2a2a2a !important; } [data-theme="dark"] .vybaveni-grid h3 { color: #f0f0f0 !important; } [data-theme="dark"] table { color: #e0e0e0 !important; } [data-theme="dark"] table th { color: #aaaaaa !important; border-bottom-color: var(--gold) !important; } [data-theme="dark"] table td { border-bottom-color: #2a2a2a !important; color: #e0e0e0 !important; } [data-theme="dark"] table tr:first-child td { background: rgba(201,162,39,.08) !important; } [data-theme="dark"] .nabidka-cta2 { border-color: rgba(255,255,255,.2) !important; color: #e0e0e0 !important; }