/* ═══════════════════════════════════════════════════════════════ LIGHT MODE Activated via [data-theme="light"] on . Overrides core design tokens + scoped vars used by the portal and dashboard templates. ════════════════════════════════════════════════════════════════ */ body[data-theme="light"] { --bg: #f7f8fa; --surface: #ffffff; --surface2: #f0f3f8; --surface3: #e7ebf1; --card: #ffffff; --border: rgba(20,30,50,.08); --border2: rgba(20,30,50,.14); --text: #14213d; --muted: #5a6b80; --muted2: #34495e; --orange-dim: rgba(255,212,0,.10); --orange-glow: rgba(255,212,0,.22); --cyan-dim: rgba(0,158,180,.10); } /* Body baseline */ body[data-theme="light"] { background: #f7f8fa; color: #14213d; } /* Heading colors switch */ body[data-theme="light"] h1, body[data-theme="light"] h2, body[data-theme="light"] h3, body[data-theme="light"] h4, body[data-theme="light"] h5, body[data-theme="light"] h6 { color: #14213d; } /* Header */ body[data-theme="light"] .ind-header { background: rgba(255,255,255,.95); border-bottom-color: rgba(20,30,50,.08); box-shadow: 0 1px 0 rgba(20,30,50,.04); } body[data-theme="light"] .ind-logo-text { color: #14213d; } body[data-theme="light"] .ind-nav-list li a { color: #5a6b80; } body[data-theme="light"] .ind-nav-list li a:hover { color: #14213d; background: rgba(20,30,50,.04); } body[data-theme="light"] .ind-btn-ghost { background: rgba(20,30,50,.04); border-color: rgba(20,30,50,.10); color: #34495e; } body[data-theme="light"] .ind-btn-ghost:hover { background: rgba(20,30,50,.07); color: #14213d; } body[data-theme="light"] .ind-mobile-nav { background: #fff; border-top-color: rgba(20,30,50,.08); } body[data-theme="light"] .ind-hamburger { border-color: rgba(20,30,50,.12); color: #5a6b80; } /* Footer */ body[data-theme="light"] .ind-footer { background: #ffffff; border-top-color: rgba(20,30,50,.08); } body[data-theme="light"] .ind-footer-tagline, body[data-theme="light"] .ind-footer-col ul li a { color: #5a6b80; } body[data-theme="light"] .ind-footer-col-title { color: #34495e; } body[data-theme="light"] .ind-footer-bottom { border-top-color: rgba(20,30,50,.06); } /* Hero */ body[data-theme="light"] .ind-hero-eyebrow { background: rgba(255,212,0,.08); color: #9A7600; border-color: rgba(255,212,0,.18); } body[data-theme="light"] .ind-hero-title { color: #14213d; } body[data-theme="light"] .ind-hero-sub { color: #5a6b80; } body[data-theme="light"] .ind-hero-stat-val { color: #9A7600; } /* Type chips + zones */ body[data-theme="light"] .ind-types-section { background: #ffffff; border-top-color: rgba(20,30,50,.06); border-bottom-color: rgba(20,30,50,.06); } body[data-theme="light"] .ind-type-chip, body[data-theme="light"] .ind-zone-card { background: #f7f8fa; border-color: rgba(20,30,50,.08); color: #34495e; } body[data-theme="light"] .ind-type-chip:hover { background: rgba(255,212,0,.04); color: #14213d; } /* CTA */ body[data-theme="light"] .ind-cta-card { background: linear-gradient(135deg,rgba(255,212,0,.05) 0%,rgba(0,158,180,.04) 100%); border-color: rgba(255,212,0,.18); } /* Pagination */ body[data-theme="light"] .ind-pagination a, body[data-theme="light"] .ind-pagination span { background: #ffffff; border-color: rgba(20,30,50,.08); color: #5a6b80; } /* ── DETAIL PAGES (single property/supplier) ── */ body[data-theme="light"] .ind-breadcrumb { color: #5a6b80; } body[data-theme="light"] .ind-gallery, body[data-theme="light"] .ind-prop-description, body[data-theme="light"] .ind-spec-card, body[data-theme="light"] .ind-agent-card, body[data-theme="light"] .ind-related-card, body[data-theme="light"] .ind-map-wrap, body[data-theme="light"] .ind-supplier-logo, body[data-theme="light"] .ind-supplier-stat, body[data-theme="light"] .ind-gallery-placeholder { background: #ffffff; border-color: rgba(20,30,50,.08); } body[data-theme="light"] .ind-gallery-main, body[data-theme="light"] .ind-gallery-thumbs { background: #f0f3f8; } body[data-theme="light"] .ind-prop-title, body[data-theme="light"] .ind-spec-value, body[data-theme="light"] .ind-agent-info h3, body[data-theme="light"] .ind-related-card-title, body[data-theme="light"] .ind-supplier-meta h1, body[data-theme="light"] .ind-supplier-stat-val { color: #14213d; } body[data-theme="light"] .ind-prop-description, body[data-theme="light"] .ind-spec-label, body[data-theme="light"] .ind-supplier-stat-label, body[data-theme="light"] .ind-agent-info p { color: #5a6b80; } body[data-theme="light"] .ind-spec-card.featured { background: rgba(255,212,0,.05); border-color: rgba(255,212,0,.2); } body[data-theme="light"] .ind-detail-section-title { color: #5a6b80; border-bottom-color: rgba(20,30,50,.08); } body[data-theme="light"] .ind-cta-call { color: #5a6b80; } body[data-theme="light"] .ind-cta-email { background: rgba(20,30,50,.03); border-color: rgba(20,30,50,.08); color: #5a6b80; } body[data-theme="light"] .ind-supplier-tagline { color: #5a6b80; } /* ── PORTAL (inline-scoped vars) ── */ body[data-theme="light"] .ind-portal { --ip-bg: #f7f8fa; --ip-surface: #ffffff; --ip-surface2: #f0f3f8; --ip-border: rgba(20,30,50,.08); --ip-text: #14213d; --ip-muted: #5a6b80; background: #ffffff; box-shadow: 0 4px 30px rgba(20,30,50,.06); } body[data-theme="light"] .ind-portal::before, body[data-theme="light"] .ind-portal::after { opacity: .04; } body[data-theme="light"] .ip-header h1 { background: linear-gradient(135deg,#14213d 35%,#FFD400); -webkit-background-clip: text; } body[data-theme="light"] .ip-card { background: #ffffff; box-shadow: 0 2px 8px rgba(20,30,50,.04); } body[data-theme="light"] .ip-card:hover { box-shadow: 0 20px 40px rgba(255,212,0,.10); } body[data-theme="light"] .ip-card-title, body[data-theme="light"] .ip-card-price, body[data-theme="light"] .ip-spec-item strong { color: #14213d; } body[data-theme="light"] .ip-card-ppsf { background: rgba(255,212,0,.08); } body[data-theme="light"] .ip-badge-type { background: rgba(255,255,255,.95); color: #006d80; border-color: rgba(0,158,180,.3); } body[data-theme="light"] .ip-results-count strong { color: #14213d; } body[data-theme="light"] .ip-btn-detail { color: #5a6b80; } body[data-theme="light"] .ip-empty { background: #ffffff; border-color: rgba(20,30,50,.1); } body[data-theme="light"] .ip-empty h4 { color: #14213d; } body[data-theme="light"] .ip-select { background: #ffffff; color: #14213d; border-color: rgba(20,30,50,.1); } body[data-theme="light"] .ip-range { background: rgba(20,30,50,.08); } body[data-theme="light"] .ip-chip { background: #ffffff; border-color: rgba(20,30,50,.08); color: #5a6b80; } body[data-theme="light"] .ip-chip:hover { color: #14213d; } body[data-theme="light"] .ip-sort-select { background: #ffffff; color: #14213d; border-color: rgba(20,30,50,.08); } /* Save search modal in light */ body[data-theme="light"] .ip-ss-modal { background: #ffffff; border-color: rgba(20,30,50,.1); box-shadow: 0 30px 80px rgba(20,30,50,.15); } body[data-theme="light"] .ip-ss-title { color: #14213d; } body[data-theme="light"] .ip-ss-desc { color: #5a6b80; } body[data-theme="light"] .ip-ss-input, body[data-theme="light"] .ip-ss-select { background: #f7f8fa; color: #14213d; border-color: rgba(20,30,50,.08); } body[data-theme="light"] .ip-ss-label { color: #5a6b80; } /* Panel */ body[data-theme="light"] .ip-panel { background: #ffffff; border-left-color: rgba(20,30,50,.08); } body[data-theme="light"] .ip-panel-title, body[data-theme="light"] .ip-agent-info h4 { color: #14213d; } body[data-theme="light"] .ip-panel-desc, body[data-theme="light"] .ip-spec-card { background: #f7f8fa; color: #5a6b80; border-color: rgba(20,30,50,.06); } body[data-theme="light"] .ip-panel-footer { background: #f0f3f8; border-top-color: rgba(20,30,50,.06); } body[data-theme="light"] .ip-btn-call-panel { color: #5a6b80; } body[data-theme="light"] .ip-btn-email-panel { color: #5a6b80; background: rgba(20,30,50,.03); } /* ── DASHBOARD (scoped vars) ── */ body[data-theme="light"] .ind-dash { --d-bg: #f7f8fa; --d-surface: #ffffff; --d-surface2: #ffffff; --d-surface3: #f0f3f8; --d-border: rgba(20,30,50,.08); --d-text: #14213d; --d-muted: #5a6b80; --d-muted2: #34495e; } body[data-theme="light"] .d-sidebar { background: #ffffff; border-right-color: rgba(20,30,50,.08); } body[data-theme="light"] .d-topbar { background: #ffffff; } body[data-theme="light"] .d-topbar h2, body[data-theme="light"] .d-stat-val { color: #14213d; } body[data-theme="light"] .d-section-hd h3 { color: #14213d; } body[data-theme="light"] .d-input, body[data-theme="light"] .d-select, body[data-theme="light"] .d-textarea { background: #f7f8fa; color: #14213d; border-color: rgba(20,30,50,.08); } body[data-theme="light"] .d-toggle-btn { background: #ffffff; color: #5a6b80; border-color: rgba(20,30,50,.08); } body[data-theme="light"] .d-plan-card, body[data-theme="light"] .d-stat, body[data-theme="light"] .d-lead, body[data-theme="light"] .d-table-wrap { background: #ffffff; border-color: rgba(20,30,50,.08); box-shadow: 0 1px 4px rgba(20,30,50,.04); } body[data-theme="light"] .d-table th { background: #f7f8fa; color: #5a6b80; } body[data-theme="light"] .d-table tr:hover td { background: rgba(20,30,50,.02); } body[data-theme="light"] .d-nav-item:hover { background: rgba(20,30,50,.04); color: #14213d; } body[data-theme="light"] .d-nav-item.active { background: rgba(255,212,0,.08); color: #9A7600; } body[data-theme="light"] .d-upload-zone { background: #f7f8fa; border-color: rgba(20,30,50,.15); color: #5a6b80; } /* ══════════════════════════════════════════════════════════════ THEME TOGGLE BUTTON ══════════════════════════════════════════════════════════════ */ .ind-theme-toggle { background: rgba(255,255,255,.05); border: 1px solid var(--border2); color: var(--muted); width: 36px; height: 36px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; transition: all .2s; flex-shrink: 0; } .ind-theme-toggle:hover { color: var(--orange); border-color: var(--orange); transform: rotate(15deg); } .ind-theme-toggle .icon-light { display: none; } .ind-theme-toggle .icon-dark { display: block; } body[data-theme="light"] .ind-theme-toggle { background: rgba(20,30,50,.04); } body[data-theme="light"] .ind-theme-toggle .icon-light { display: block; } body[data-theme="light"] .ind-theme-toggle .icon-dark { display: none; } /* ══════════════════════════════════════════════════════════════ LANGUAGE SWITCHER ══════════════════════════════════════════════════════════════ */ background: rgba(255,255,255,.05); border: 1px solid var(--border2); color: var(--muted); padding: 8px 12px; border-radius: 30px; font-size: .75rem; font-weight: 700; display: flex; align-items: center; gap: 6px; cursor: pointer; transition: all .2s; } position: absolute; top: calc(100% + 6px); right: 0; background: var(--surface); border: 1px solid var(--border2); border-radius: 10px; padding: 4px; min-width: 130px; box-shadow: 0 10px 30px rgba(0,0,0,.4); opacity: 0; pointer-events: none; transform: translateY(-6px); transition: all .2s; z-index: 1000; } display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 7px; color: var(--muted); font-size: .8rem; font-weight: 700; text-decoration: none; transition: all .15s; } @media(max-width:768px) { } body[data-theme="light"] .ind-type-chip-icon { background: rgba(255,212,0,.08); border-color: rgba(255,212,0,.18); }