/* ==========================================================
   SolidBase – Dark mode overrides
   Activated by <html data-theme="dark"> (toggle in header).
   Most colors are CSS variables, so this file mainly re-maps
   tokens and then fixes the few hard-coded surfaces.
   ========================================================== */

[data-theme="dark"] {
  color-scheme: dark;

  --primary: #4aa3ff;
  --primary-dark: #1b6fc4;
  --primary-soft: rgba(74, 163, 255, .14);
  --navy: #050d1b;
  --navy-2: #0a1a33;

  --bg: #0b1220;
  --bg-alt: #0f192c;
  --surface: #142239;
  --text: #e6edf6;
  --muted: #9db0c7;
  --border: #22344f;
  --header-bg: rgba(11, 18, 32, .88);
  --input-bg: #0f192c;

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, .35);
  --shadow: 0 12px 32px rgba(0, 0, 0, .4);
  --shadow-lg: 0 24px 60px rgba(0, 0, 0, .55);
}

/* Topbar + header */
[data-theme="dark"] .topbar { background: #050d1b; border-bottom: 1px solid var(--border); }
[data-theme="dark"] .logo-text strong { color: #fff; }
[data-theme="dark"] .logo-text small { color: var(--muted); }
[data-theme="dark"] .site-header.scrolled { box-shadow: 0 8px 28px rgba(0, 0, 0, .5); }
[data-theme="dark"] .hamburger span { background: var(--text); }
[data-theme="dark"] .dd-toggle { color: var(--muted); }

/* Buttons that rely on a dark text colour on hover */
[data-theme="dark"] .btn-primary { color: #04101f; box-shadow: 0 8px 20px rgba(74, 163, 255, .25); }
[data-theme="dark"] .btn-primary:hover { background: #7ab9ff; }
[data-theme="dark"] .icon-btn:hover,
[data-theme="dark"] .rtl-toggle:hover,
[data-theme="dark"] .rtl-toggle[aria-pressed="true"] { color: #04101f; }
[data-theme="dark"] .theme-toggle { color: #fbbf24; }

/* Hero */
[data-theme="dark"] .hero:not(.hero-home):not(.hero-video):not(.hero-about):not(.hero-contact):not(.hero-services):not(.hero-bw):not(.hero-fcr):not(.hero-fr):not(.hero-bl):not(.blog-hero):not(.hero-projects) {
  background:
    radial-gradient(900px 500px at 85% 10%, rgba(74, 163, 255, .28), transparent 60%),
    radial-gradient(700px 400px at 0% 100%, rgba(255, 122, 26, .12), transparent 60%),
    linear-gradient(135deg, #030a15 0%, #07162b 55%, #0a2a52 130%);
}
[data-theme="dark"] .hero-card { border-top-color: var(--accent); }
[data-theme="dark"] .field input:focus,
[data-theme="dark"] .field select:focus { box-shadow: 0 0 0 4px rgba(74, 163, 255, .2); }
[data-theme="dark"] .field select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239db0c7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
}
[data-theme="dark"] .field select option { background: #142239; color: #e6edf6; }
[data-theme="dark"] .form-status { color: #4ade80; }

/* Stats */
[data-theme="dark"] .stat strong { color: #fff; }
[data-theme="dark"] .stat-icon { background: linear-gradient(135deg, #1b6fc4, #4aa3ff); color: #04101f; }

/* About illustration */
[data-theme="dark"] .cross-section { background: linear-gradient(180deg, #12253f 0 34%, transparent 34%), var(--surface); }
[data-theme="dark"] .cross-section svg [fill="#e9eef4"] { fill: #cfd8e3; }
[data-theme="dark"] .cross-section svg [fill="#dde6ef"] { fill: #1b2c46; }
[data-theme="dark"] .cross-section svg [fill="#8d97a5"] { fill: #55627a; }
[data-theme="dark"] .cross-section svg [fill="#6b7685"] { fill: #3b475c; }
[data-theme="dark"] .cross-section svg [fill="#bcd6ee"] { fill: #3a638f; }
[data-theme="dark"] .cross-section svg [fill="#fff"] { fill: #e6edf6; }
[data-theme="dark"] .cross-section svg [fill="#b08a62"] { fill: #5c4630; }
[data-theme="dark"] .cross-section svg rect[fill="#b08a62"] { opacity: .6; }
[data-theme="dark"] .exp-badge { box-shadow: 0 16px 36px rgba(255, 122, 26, .25); }

/* Services / problems / cards */
[data-theme="dark"] .service-card:hover { border-color: var(--border); }
[data-theme="dark"] .service-card:hover .service-icon,
[data-theme="dark"] .mini-features li:hover .mf-icon,
[data-theme="dark"] .step:hover .step-icon { color: #04101f; }
[data-theme="dark"] .step:hover .step-icon { box-shadow: 0 0 0 8px var(--bg), 0 14px 28px rgba(74, 163, 255, .3); }
[data-theme="dark"] .p-tag { background: #0f192c; }
[data-theme="dark"] .problem { border-inline-start-color: var(--accent); }

/* Why choose us (already dark – tweak depth) */
[data-theme="dark"] .why { background: linear-gradient(135deg, #040b17 0%, #0a1a33 100%); border-block: 1px solid var(--border); }
[data-theme="dark"] .why-item { background: rgba(255, 255, 255, .04); }
[data-theme="dark"] .why-item:hover { background: rgba(255, 255, 255, .09); }

/* Process */
[data-theme="dark"] .step-icon { background: var(--surface); box-shadow: 0 0 0 8px var(--bg); }

/* Before / after */
[data-theme="dark"] .ba-slider svg { filter: brightness(.88) contrast(1.05); }
[data-theme="dark"] .tags li { color: #8fc4ff; }

/* Testimonials / FAQ */
[data-theme="dark"] .t-quote { opacity: .25; }
[data-theme="dark"] .faq-item.open { border-color: var(--primary); }
[data-theme="dark"] .faq-item.open .faq-q .icon { color: #04101f; }
[data-theme="dark"] .faq-contact { background: rgba(74, 163, 255, .1); border: 1px solid var(--border); }
[data-theme="dark"] .fc-icon { color: #04101f; }

/* CTA + footer */
[data-theme="dark"] .cta-box { background: linear-gradient(120deg, #07162b 0%, #0b3a70 50%, #1b6fc4 100%); border: 1px solid var(--border); }
[data-theme="dark"] .site-footer { background: #040a14; border-top: 1px solid var(--border); }

/* Mobile drawer + overlay */
[data-theme="dark"] .main-nav { box-shadow: -20px 0 60px rgba(0, 0, 0, .6); }
[data-theme="dark"] .nav-overlay { background: rgba(0, 0, 0, .7); }
[data-theme="dark"] .dd-toggle { background: var(--bg-alt); }

/* Scrollbar & selection polish */
[data-theme="dark"] ::selection { background: rgba(74, 163, 255, .35); color: #fff; }
[data-theme="dark"] body { scrollbar-color: #2a3f5e #0b1220; }

/* ==========================================================
   Contact page (contact-us.html)
   ========================================================== */
[data-theme="dark"] .hero-aside { background: rgba(255, 255, 255, .05); border-color: var(--border); border-top-color: var(--accent); }
[data-theme="dark"] .info-card:hover .ic-icon { color: #04101f; }
[data-theme="dark"] .ic-icon { background: linear-gradient(135deg, #1b6fc4, #4aa3ff); color: #04101f; }
[data-theme="dark"] .ic-link { color: #8fc4ff; }
[data-theme="dark"] .ic-link:hover { color: #ffb36b; }
[data-theme="dark"] .status-pill { background: rgba(74, 222, 128, .14); color: #4ade80; }
[data-theme="dark"] .status-pill.is-closed { background: rgba(255, 122, 26, .16); color: #ffb36b; }

[data-theme="dark"] .form-card { border-top-color: var(--accent); }
[data-theme="dark"] .field textarea:focus { box-shadow: 0 0 0 4px rgba(74, 163, 255, .2); }
[data-theme="dark"] .field input[type="date"]::-webkit-calendar-picker-indicator { filter: invert(.8); }
[data-theme="dark"] .check input:checked::after { border-color: #04101f; }
[data-theme="dark"] .next-steps li::before { color: #8fc4ff; }
[data-theme="dark"] .side-emergency { background: linear-gradient(135deg, #07162b 0%, #0b3a70 100%); border: 1px solid var(--border); }

[data-theme="dark"] .area-check { background: var(--bg-alt); }
[data-theme="dark"] .area-input input:focus { box-shadow: 0 0 0 4px rgba(74, 163, 255, .2); }
[data-theme="dark"] .area-chips li { color: #8fc4ff; }
[data-theme="dark"] .area-chips li.is-match { color: #04101f; }
[data-theme="dark"] .area-status.ok { color: #4ade80; }
[data-theme="dark"] .area-status a { color: #8fc4ff; }
[data-theme="dark"] .area-tag { color: #ffb36b; }

[data-theme="dark"] .map-card iframe { filter: invert(.92) hue-rotate(180deg) brightness(.92) contrast(.9); }


/* ==========================================================
   About Us page (about-us.html)
   ========================================================== */
[data-theme="dark"] .tl-year, [data-theme="dark"] .team-role { color: #ffb36b; }
[data-theme="dark"] .tl-item:hover::before { background: var(--primary); }
[data-theme="dark"] .founder-note { border-inline-start-color: var(--accent); }
[data-theme="dark"] .mv-card.is-dark, [data-theme="dark"] .warranty-card { background: linear-gradient(135deg, #07162b 0%, #0b3a70 100%); border: 1px solid var(--border); }
[data-theme="dark"] .mv-card:not(.is-dark) .mv-icon { background: linear-gradient(135deg, #1b6fc4, #4aa3ff); color: #04101f; }
[data-theme="dark"] .mv-card::after { border-color: rgba(74, 163, 255, .14); }
[data-theme="dark"] .value-card:hover .value-icon,
[data-theme="dark"] .cert-card:hover .cert-icon,
[data-theme="dark"] .team-social a:hover { color: #04101f; }
[data-theme="dark"] .meter-bar { background: var(--surface); border: 1px solid var(--border); }
[data-theme="dark"] .team-photo { filter: brightness(.9); }

/* ==========================================================
   Coming Soon page (coming-soon.html)
   ========================================================== */
[data-theme="dark"] .page-soon { background: #030a15; }
[data-theme="dark"] .cd-box { background: rgba(255, 255, 255, .05); border-color: var(--border); border-top-color: var(--accent); }
[data-theme="dark"] .notify-form { background: rgba(255, 255, 255, .05); border-color: var(--border); }
[data-theme="dark"] .notify-form:focus-within { border-color: var(--accent); }
[data-theme="dark"] .soon-contact { background: rgba(3, 10, 21, .55); }
[data-theme="dark"] .soon-bar .icon-btn:hover, [data-theme="dark"] .soon-bar .rtl-toggle:hover { color: #fff; }
/* ==========================================================
   Home 2 page (index-2.html)
   ========================================================== */
[data-theme="dark"] .hv-overlay {
  background:
    radial-gradient(900px 500px at 85% 10%, rgba(74, 163, 255, .22), transparent 60%),
    linear-gradient(180deg, rgba(3, 10, 21, .62) 0%, rgba(3, 10, 21, .8) 55%, rgba(3, 10, 21, .95) 100%);
}
[data-theme="dark"] .hv-btn:hover { color: #fff; }
[data-theme="dark"] .hv-stat { background: rgba(255, 255, 255, .05); border-color: var(--border); border-top-color: var(--accent); }

[data-theme="dark"] .bp-card:hover { border-color: var(--primary); }
[data-theme="dark"] .bp-card:hover .bp-icon { color: #04101f; }
[data-theme="dark"] .bp-sev.is-high { background: rgba(255, 107, 112, .16); color: #ff8b8b; }
[data-theme="dark"] .bp-sev.is-mid { background: rgba(255, 122, 26, .16); color: #ffb36b; }
[data-theme="dark"] .bp-sev.is-low { background: rgba(74, 222, 128, .14); color: #4ade80; }

[data-theme="dark"] .sol-tab.active { color: #04101f; box-shadow: 0 12px 28px rgba(74, 163, 255, .25); }
[data-theme="dark"] .sol-tab.active .sol-tab-icon { background: rgba(4, 16, 31, .16); color: #04101f; }
[data-theme="dark"] .sol-tab.active .sol-tab-text small { color: rgba(4, 16, 31, .75); }
[data-theme="dark"] .sol-panels { border-top-color: var(--accent); }

[data-theme="dark"] .seg button.is-on { color: #04101f; }
[data-theme="dark"] .show-thumb-img svg { filter: brightness(.88) contrast(1.05); }
[data-theme="dark"] .show-note { background: linear-gradient(135deg, #07162b 0%, #0b3a70 100%); border: 1px solid var(--border); }

[data-theme="dark"] .cmp { background: rgba(255, 255, 255, .04); }
[data-theme="dark"] .why-stat { background: rgba(255, 255, 255, .04); }

[data-theme="dark"] .ptl-item.is-done .ptl-marker { color: #04101f; }
[data-theme="dark"] .ptl-card { box-shadow: var(--shadow-sm); }

[data-theme="dark"] .rs-score strong { color: #fff; }
[data-theme="dark"] .rs-track { background: var(--bg-alt); border: 1px solid var(--border); }
[data-theme="dark"] .cta2-phone-icon { color: #fff; }
/* ==========================================================
   Services page (services.html)
   ========================================================== */
[data-theme="dark"] .btn-outline { color: #8fc4ff; border-color: var(--primary); }
[data-theme="dark"] .btn-outline:hover { background: var(--primary); color: #04101f; }
[data-theme="dark"] .check-list .icon { color: #04101f; }
[data-theme="dark"] .hero-jump a:hover { color: var(--navy); }

[data-theme="dark"] .match-card { border-top-color: var(--accent); }
[data-theme="dark"] .match-row:hover .match-icon { color: #04101f; }
[data-theme="dark"] .match-row > .arrow { color: #8fc4ff; }

[data-theme="dark"] .svc-visual {
  --sv-bg1: #12253f; --sv-bg2: #0b1729; --sv-grid: rgba(255, 255, 255, .05);
  --sv-soil: #5c4630; --sv-wall: #1b2c46; --sv-edge: #55627a; --sv-foot: #3b475c;
  --sv-light: #cfd8e3; --sv-steel: #8aa2bd; --sv-metal: #3b475c; --sv-drain: #cfd8e3; --sv-rock: #55627a; --sv-ink: #e6edf6;
}
[data-theme="dark"] .svc-num { color: #8fc4ff; opacity: .22; }
[data-theme="dark"] .svc-card:hover .svc-icon { color: #04101f; }
[data-theme="dark"] .svc-meta > div { background: var(--bg-alt); }
[data-theme="dark"] .svc-tags .lbl { background: none; color: var(--muted); }
[data-theme="dark"] .svc-card.is-flash { animation-name: svc-flash-dark; }
@keyframes svc-flash-dark {
  0% { box-shadow: 0 0 0 0 rgba(255, 122, 26, .5), var(--shadow); }
  100% { box-shadow: 0 0 0 24px rgba(255, 122, 26, 0), var(--shadow); }
}

[data-theme="dark"] .benefit-panel { border: 1px solid var(--border); }
[data-theme="dark"] .benefit .wi-icon { color: #ffb36b; }
[data-theme="dark"] .cta-formcard { border-top-color: var(--accent); }
/* ==========================================================
   Basement Waterproofing page (basement-waterproofing.html)
   ========================================================== */
[data-theme="dark"] .bw-sign:hover { border-color: var(--primary); }
[data-theme="dark"] .bw-sign.is-on:hover { border-color: var(--accent); }
[data-theme="dark"] .bw-result { background: linear-gradient(135deg, #07162b 0%, #0b3a70 100%); border: 1px solid var(--border); }
[data-theme="dark"] .bw-result-count strong { color: #fff; }
[data-theme="dark"] .bw-meta { border-top-color: var(--border); }
[data-theme="dark"] .bw-tip { background: rgba(74, 163, 255, .1); }
[data-theme="dark"] .bw-step .step-icon { box-shadow: none; }
[data-theme="dark"] .bw-step:hover .step-icon { color: #04101f; box-shadow: 0 12px 24px rgba(74, 163, 255, .3); }
[data-theme="dark"] .bw-step-time, [data-theme="dark"] .bw-form-note { color: #8fc4ff; }
[data-theme="dark"] .bw-call a { color: #8fc4ff; }
[data-theme="dark"] .bw-call a:hover { color: #ffb36b; }
/* ==========================================================
   Blog Details page (blog-details.html)
   ========================================================== */
[data-theme="dark"] .article-cover img,
[data-theme="dark"] .fig-frame img,
[data-theme="dark"] .post-thumb img,
[data-theme="dark"] .rel-thumb img { filter: brightness(.9) contrast(1.03); }
[data-theme="dark"] .toc { border-inline-start-color: var(--primary); }
[data-theme="dark"] .toc-list a:hover,
[data-theme="dark"] .toc-list a.active { color: #8fc4ff; }
[data-theme="dark"] .article p a:not(.btn),
[data-theme="dark"] .article .article-list a { color: #8fc4ff; }
[data-theme="dark"] .diag-table thead th { color: #8fc4ff; }
[data-theme="dark"] .diag-table td::before { color: #8fc4ff; }
[data-theme="dark"] .callout { background: rgba(74, 163, 255, .1); border: 1px solid var(--border); border-inline-start: 5px solid var(--primary); }
[data-theme="dark"] .callout.is-warn { background: rgba(255, 122, 26, .1); border-inline-start-color: var(--accent); }
[data-theme="dark"] .callout:not(.is-warn) .callout-icon { color: #04101f; }
[data-theme="dark"] .pullquote { background: linear-gradient(135deg, #07162b 0%, #0b3a70 100%); border: 1px solid var(--border); }
[data-theme="dark"] .author-box .ab-role,
[data-theme="dark"] .post-nav small { color: #8fc4ff; }
[data-theme="dark"] .post-nav a:hover { border-color: var(--primary); }
[data-theme="dark"] .side-search button { color: #04101f; }
[data-theme="dark"] .side-search button:hover { color: #fff; }
[data-theme="dark"] .side-search input:focus { box-shadow: 0 0 0 4px rgba(74, 163, 255, .2); }
[data-theme="dark"] .cat-list a span { color: #8fc4ff; }
[data-theme="dark"] .cat-list a:hover { color: #8fc4ff; }
[data-theme="dark"] .tag-cloud a:hover { color: #04101f; }
[data-theme="dark"] .rel-item:hover h3,
[data-theme="dark"] .post-card h3 a:hover { color: #8fc4ff; }
[data-theme="dark"] .post-card:hover { border-color: var(--border); }
[data-theme="dark"] .share-status { color: #4ade80; }
[data-theme="dark"] .widget.side-emergency { border: 1px solid var(--border); background: linear-gradient(135deg, #07162b 0%, #0b3a70 100%); }/* ==========================================================
   Foundation Repair page (foundation-repair.html)
   ========================================================== */
[data-theme="dark"] .fr-help { background: linear-gradient(135deg, #07162b 0%, #0b3a70 100%); border: 1px solid var(--border); }
[data-theme="dark"] .fr-signs .bp-fix a { color: #8fc4ff; }
[data-theme="dark"] .fr-signs .bp-fix a:hover { color: #ffb36b; }
[data-theme="dark"] .fr-crack path { stroke: rgba(143, 196, 255, .22); }
[data-theme="dark"] .fr-crack path.glow { stroke: rgba(255, 122, 26, .4); }

/* ==========================================================
   Foundation Crack Repair page (foundation-crack-repair.html)
   ========================================================== */
[data-theme="dark"] .fcr-chip[aria-pressed="true"] { color: #04101f; }
[data-theme="dark"] .fcr-type:hover,
[data-theme="dark"] .fcr-cause:hover { border-color: var(--primary); }
[data-theme="dark"] .fcr-type-art svg,
[data-theme="dark"] .fcr-ba-grid .ba-layer svg { filter: brightness(.88) contrast(1.03); }
[data-theme="dark"] .fcr-sev.is-cosmetic { background: rgba(74, 222, 128, .16); color: #6ee7a0; }
[data-theme="dark"] .fcr-sev.is-monitor { background: rgba(255, 122, 26, .18); color: #ffb36b; }
[data-theme="dark"] .fcr-sev.is-structural { background: rgba(255, 123, 127, .18); color: #ff9a9d; }
[data-theme="dark"] .fcr-type-meta dt { color: #8fc4ff; }
[data-theme="dark"] .fcr-sign.is-on { background: rgba(255, 122, 26, .12); }
[data-theme="dark"] .fcr-verdict { background: linear-gradient(135deg, #07162b 0%, #0b3a70 100%); border: 1px solid var(--border); }
[data-theme="dark"] .fcr-reset,
[data-theme="dark"] .fcr-form-note a { color: #8fc4ff; }
[data-theme="dark"] .fcr-reset:hover,
[data-theme="dark"] .fcr-form-note a:hover { color: #ffb36b; }
[data-theme="dark"] .fcr-method:hover .fcr-method-icon { color: #04101f; }
[data-theme="dark"] .fcr-spec div { background: var(--bg-alt); }
[data-theme="dark"] .fcr-flow-num { color: #04101f; }
[data-theme="dark"] .fcr-gauge-view { border-color: var(--border); }
[data-theme="dark"] .cta-formcard { border-top-color: var(--accent); }

/* ==========================================================
   Projects page (projects.html)
   ========================================================== */
[data-theme="dark"] .pj-chip[aria-pressed="true"],
[data-theme="dark"] .pj-pick[aria-pressed="true"] { color: #04101f; }
[data-theme="dark"] .pj-chip[aria-pressed="true"] .icon,
[data-theme="dark"] .pj-pick[aria-pressed="true"] .pj-pick-ico { color: #04101f; }
[data-theme="dark"] .pj-chip[aria-pressed="true"] .pj-chip-n { background: rgba(4, 16, 31, .18); color: #04101f; }
[data-theme="dark"] .pj-pick[aria-pressed="true"] small { color: #0b2a4d; }
[data-theme="dark"] .pj-pick[aria-pressed="true"] .pj-pick-ico { background: rgba(4, 16, 31, .14); }
[data-theme="dark"] .pj-filter-card { border-top-color: var(--accent); }
[data-theme="dark"] .pj-thumb svg,
[data-theme="dark"] .pj-stage .ba-layer svg { filter: brightness(.88) contrast(1.03); }
[data-theme="dark"] .pj-loc,
[data-theme="dark"] .pj-facts dt { color: #8fc4ff; }
[data-theme="dark"] .pj-toggle:hover { color: #8fc4ff; }
[data-theme="dark"] .pj-card .link-arrow { color: #8fc4ff; }
[data-theme="dark"] .pj-card .link-arrow:hover { color: #ffb36b; }
/* ==========================================================================
   Completed Projects page (dark)
   ========================================================================== */
[data-theme="dark"] .hero.hero-cp:not(#cp-x){background-image:linear-gradient(90deg,rgba(3,10,21,.88) 0%,rgba(3,10,21,.78) 52%,rgba(3,10,21,.66) 100%),url("../images/cp ban.jpg");background-size:cover;background-position:center,50% 48%;background-repeat:no-repeat}
[data-theme="dark"] .cp-chip[aria-pressed="true"],
[data-theme="dark"] .cp-chip[aria-pressed="true"] .icon,
[data-theme="dark"] .cp-chip[aria-pressed="true"] .cp-chip-n{color:#04101f}
[data-theme="dark"] .cp-flag{background:rgba(255,122,26,.18);color:#ffb36b}
[data-theme="dark"] .cp-detail:hover .cp-detail-icon{color:#04101f}
[data-theme="dark"] .cp-loc,
[data-theme="dark"] .cp-spec dt,
[data-theme="dark"] .cp-card .link-arrow{color:#8fc4ff}
[data-theme="dark"] .cp-thumb svg,
[data-theme="dark"] .cp-lb-stage svg,
[data-theme="dark"] .cp-feature-media .ba-layer img{filter:brightness(.88) contrast(1.03)}
[data-theme="dark"] .cp-card:hover,
[data-theme="dark"] .cp-detail:hover{border-color:var(--primary)}
[data-theme="dark"] .cp-outcomes{border:1px solid var(--border);background:linear-gradient(135deg,#0a1a2e,#0d2440)}
[data-theme="dark"] .cp-lb-dialog{border:1px solid var(--border)}
[data-theme="dark"] .cp-lb-close,[data-theme="dark"] .cp-lb-nav{background:rgba(15,28,46,.92);color:#e8f0fb}
[data-theme="dark"] .cp-snap div{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.14)}
/* ==========================================================================
   Project Details page (dark)
   ========================================================================== */
[data-theme="dark"] .hero.hero-pd:not(#pd-x) {
  background-image: linear-gradient(90deg, rgba(3, 10, 21, 0.9) 0%, rgba(3, 10, 21, 0.8) 55%, rgba(3, 10, 21, 0.68) 100%), url("../images/pd ban.jpg");
  background-size: cover;
  background-position: center 48%;
  background-repeat: no-repeat;
}
[data-theme="dark"] .pd-flag { background: rgba(255, 122, 26, 0.2); color: #ffb36b; }
[data-theme="dark"] .pd-info-icon,
[data-theme="dark"] .pd-list .icon { background: var(--primary-soft); color: #8fc4ff; }
[data-theme="dark"] .pd-specs strong,
[data-theme="dark"] .pd-finding strong { color: var(--text); }
[data-theme="dark"] .pd-pin.is-active { background: var(--primary); color: #04101f; }
[data-theme="dark"] .pd-photo img,
[data-theme="dark"] .pd-compare-media .ba-layer img,
[data-theme="dark"] .pd-rel-img img { filter: brightness(0.88) contrast(1.03); }
[data-theme="dark"] .pd-table .is-bad { color: #ff7b7b; }
[data-theme="dark"] .pd-table .is-good { color: #4ade80; }
[data-theme="dark"] .pd-step-n { border-color: var(--bg-alt); color: #fff; }
[data-theme="dark"] .pd-results { border: 1px solid var(--border); background: linear-gradient(135deg, #0a1a2e, #0d2440); }
[data-theme="dark"] .pd-rel-loc,
[data-theme="dark"] .pd-rel .link-arrow,
[data-theme="dark"] .pd-step small { color: #8fc4ff; }
[data-theme="dark"] .pd-rel .link-arrow:hover { color: #ffb36b; }
[data-theme="dark"] .pd-rel:hover { border-color: var(--primary); }
/* ==========================================================================
   Blog page (dark)
   ========================================================================== */
[data-theme="dark"] .bl-search:focus-within { box-shadow: 0 0 0 4px rgba(74, 163, 255, .2); }
[data-theme="dark"] .bl-tag { color: #8fc4ff; }
[data-theme="dark"] .bl-tag:hover { color: #04101f; }
[data-theme="dark"] .bl-aside .bl-tag { color: #fff; }
[data-theme="dark"] .bl-aside .bl-tag:hover { color: #04101f; }
[data-theme="dark"] .bl-feature-img img,
[data-theme="dark"] .bl-card-img img { filter: brightness(.88) contrast(1.03); }
[data-theme="dark"] .bl-feature-body h2 a:hover,
[data-theme="dark"] .bl-card-body h3 a:hover { color: #8fc4ff; }
[data-theme="dark"] .bl-badge { background: #1b6fc4; }
[data-theme="dark"] .bl-card .link-arrow,
[data-theme="dark"] .bl-reset { color: #8fc4ff; }
[data-theme="dark"] .bl-card .link-arrow:hover { color: #ffb36b; }
[data-theme="dark"] .bl-chip[aria-pressed="true"],
[data-theme="dark"] .bl-chip[aria-pressed="true"] .icon,
[data-theme="dark"] .bl-chip[aria-pressed="true"] .bl-chip-n { color: #04101f; }
[data-theme="dark"] .bl-card:hover { border-color: var(--primary); }
[data-theme="dark"] .bl-news-form { background: #e6edf6; }