/* ═══════════════════════════════════════════════ VisitKashi – Public Site Dark Mode Applied when ═══════════════════════════════════════════════ */ /* ── Override CSS variables ── */ [data-theme="dark"] { --text-dark: #f1f5f9; --text-light: #94a3b8; --bg-light: #0f172a; --bg-white: #1e293b; --card-shadow: 0 4px 6px -1px rgba(0,0,0,.45), 0 2px 4px -1px rgba(0,0,0,.35); } /* ── Base ── */ [data-theme="dark"] body { background-color: #0f172a; color: #f1f5f9; } [data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4 { color: #f1f5f9; } /* ── Header ── */ [data-theme="dark"] .main-header { background: rgba(15, 23, 42, 0.72); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); box-shadow: 0 2px 16px rgba(0,0,0,.55); border-bottom: 1px solid rgba(255,255,255,0.06); } /* ── Dropdown ── */ [data-theme="dark"] .dropdown-menu { background: #1e293b; border: 1px solid #334155; box-shadow: 0 12px 28px rgba(0,0,0,.5); } [data-theme="dark"] .dropdown-item { color: #cbd5e1; } [data-theme="dark"] .dropdown-item:hover { background: #334155; color: var(--primary-color); } /* ── Destinations circle section ── */ [data-theme="dark"] .section { background: #0f172a !important; } [data-theme="dark"] .circle-label { color: #e2e8f0; } [data-theme="dark"] .circle-box { border-color: #475569; } /* ── Services section ── */ [data-theme="dark"] .services-section { background: #1e293b; } [data-theme="dark"] .services-title { color: #f1f5f9; } [data-theme="dark"] .services-eyebrow { color: var(--primary-color); } /* ── Explore sections ── */ [data-theme="dark"] .explore-section { background: #0f172a; } [data-theme="dark"] .explore-section-alt { background: #1e293b; } [data-theme="dark"] .explore-title { color: #f1f5f9; } [data-theme="dark"] .explore-sub { color: #94a3b8; } [data-theme="dark"] .enav-btn { background: #1e293b; border-color: #475569; color: #e2e8f0; } [data-theme="dark"] .enav-btn:hover { background: var(--primary-color); border-color: var(--primary-color); color: #fff; } /* ── Explore cards ── */ [data-theme="dark"] .ecard { background: #1e293b; color: #f1f5f9; } [data-theme="dark"] .ecard-cat { color: #94a3b8; } [data-theme="dark"] .ecard-title { color: #f1f5f9; } [data-theme="dark"] .ecard-count { color: #94a3b8; } [data-theme="dark"] .ecard-price { color: #cbd5e1; } [data-theme="dark"] .ecard-price strong { color: #f1f5f9; } [data-theme="dark"] .ecard-heart { background: rgba(15,23,42,.85); color: #cbd5e1; } [data-theme="dark"] .ecard-loc { background: rgba(15,23,42,.85); color: #e2e8f0; } /* ── Search bar ── */ [data-theme="dark"] .search-bar-container { background: #1e293b; box-shadow: 0 10px 30px rgba(0,0,0,.45); } [data-theme="dark"] .search-input { color: #e2e8f0; background: transparent; } [data-theme="dark"] .search-icon { color: #94a3b8; } /* ── Footer SEO strip ── */ [data-theme="dark"] .footer-seo { background: #070c18; border-top-color: #1e293b; } [data-theme="dark"] .seo-title { color: #e2e8f0; } [data-theme="dark"] .seo-links, [data-theme="dark"] .seo-links a { color: #475569; } [data-theme="dark"] .seo-links a:hover { color: #fb923c; } /* ── Theme toggle button ── */ .theme-toggle-btn { background: rgba(255,255,255,.08); border: 1.5px solid rgba(255,255,255,.25); color: #fff; width: 36px; height: 36px; border-radius: 50%; cursor: pointer; font-size: 1rem; display: inline-flex; align-items: center; justify-content: center; transition: background .2s, border-color .2s; flex-shrink: 0; line-height: 1; } .theme-toggle-btn:hover { background: rgba(255,255,255,.18); border-color: rgba(255,255,255,.5); } /* ═══════════════════════════════════════════════ HOMEPAGE — Airbnb-style sections dark overrides ═══════════════════════════════════════════════ */ /* ── Shared section text ── */ [data-theme="dark"] .vk-section-title, [data-theme="dark"] .pkslider-title { color: #f1f5f9; } [data-theme="dark"] .vk-section-sub, [data-theme="dark"] .pkslider-sub { color: #94a3b8; } [data-theme="dark"] .vk-eyebrow { color: #fb923c; } /* ── Section backgrounds ── */ [data-theme="dark"] .vk-offer-section, [data-theme="dark"] .vk-promo-section, [data-theme="dark"] .vk-slider-section { background: #0f172a; } [data-theme="dark"] .vk-slider-section--alt { background: #1a1208; } /* ── What We Offer cards ── */ [data-theme="dark"] .vk-offer-card { background: #1e293b; border-color: #334155; box-shadow: 0 2px 12px rgba(0,0,0,.35); } [data-theme="dark"] .vk-offer-card:hover { box-shadow: 0 12px 32px rgba(0,0,0,.5); } [data-theme="dark"] .vk-offer-name { color: #f1f5f9; } [data-theme="dark"] .vk-offer-desc { color: #94a3b8; } /* ── Slider header ── */ [data-theme="dark"] .pkslider-viewall { color: #fb923c; } [data-theme="dark"] .pkslider-btn { background: #1e293b; border-color: #475569; color: #e2e8f0; } [data-theme="dark"] .pkslider-btn:hover { background: #e86c00; border-color: #e86c00; color: #fff; } /* ── Package cards ── */ [data-theme="dark"] .pk-card { background: #1e293b; border-color: #334155; box-shadow: 0 2px 12px rgba(0,0,0,.35); } [data-theme="dark"] .pk-card:hover { box-shadow: 0 14px 36px rgba(0,0,0,.55); } [data-theme="dark"] .pk-dest { color: #64748b; } [data-theme="dark"] .pk-title { color: #f1f5f9; } [data-theme="dark"] .pk-rating-val { color: #e2e8f0; } [data-theme="dark"] .pk-reviews { color: #64748b; } [data-theme="dark"] .pk-price-from, [data-theme="dark"] .pk-per { color: #64748b; } [data-theme="dark"] .pk-price { color: #f1f5f9; } [data-theme="dark"] .pk-price-old { color: #475569; } [data-theme="dark"] .pk-heart { background: rgba(15,23,42,.85); } [data-theme="dark"] .pk-heart:hover { background: rgba(30,41,59,.95); } [data-theme="dark"] .pk-heart svg { stroke: #e2e8f0; } [data-theme="dark"] .pk-heart.is-liked svg { fill: #e91e63; stroke: #e91e63; } [data-theme="dark"] .pk-body { background: #1e293b; }