/* ═══════════════════════════════════════════
   OWN360 HOMEPAGE DARK MODE OVERRIDES
   [data-theme="dark"] for homepage sections
═══════════════════════════════════════════ */

/* Dark hero orbs — bring them back */
[data-theme="dark"] .orb-1 { display:block; width:700px; height:700px; background:radial-gradient(circle,rgba(74,222,128,.12),transparent 70%); top:-200px; left:-200px; }
[data-theme="dark"] .orb-2 { display:block; width:600px; height:600px; background:radial-gradient(circle,rgba(240,106,87,.1),transparent 70%); top:100px; right:-150px; animation-delay:-3s; }
[data-theme="dark"] .orb-3 { display:block; width:400px; height:400px; background:radial-gradient(circle,rgba(110,168,254,.1),transparent 70%); bottom:-100px; left:30%; animation-delay:-6s; }
[data-theme="dark"] .ring-1 { border-color: rgba(240,106,87,.07); }
[data-theme="dark"] .ring-2 { border-color: rgba(74,222,128,.05); }
[data-theme="dark"] .ring-3 { border-color: rgba(110,168,254,.06); }
[data-theme="dark"] .ring::before { background: var(--forest); box-shadow: 0 0 18px var(--forest); }

/* Dark buttons */
[data-theme="dark"] .btn-primary { background: var(--forest); color: #0e100d; }
[data-theme="dark"] .btn-primary:hover { background: var(--forest2); }
[data-theme="dark"] .btn-ghost { border-color: rgba(232,228,216,.25); color: var(--ink); }
[data-theme="dark"] .btn-ghost:hover { border-color: var(--forest); color: var(--forest); background: transparent; }

/* Dark hero text */
[data-theme="dark"] .hero { background: transparent; }
[data-theme="dark"] .line-magenta { color: var(--scarlet); }
[data-theme="dark"] .line-green   { color: var(--forest); }
[data-theme="dark"] .eyebrow { color: var(--cobalt); }
[data-theme="dark"] .eyebrow::before, [data-theme="dark"] .eyebrow::after { background: var(--cobalt); }

/* Dark trust bar */
[data-theme="dark"] .trust-bar {
  background: rgba(74,222,128,.03);
  border-top-color: rgba(74,222,128,.07);
  border-bottom-color: rgba(74,222,128,.05);
}

/* Dark logos */
[data-theme="dark"] .logos-section { border-top-color: var(--rule); }
[data-theme="dark"] .logos-track-wrap::before { background: linear-gradient(90deg, var(--cream), transparent); }
[data-theme="dark"] .logos-track-wrap::after  { background: linear-gradient(-90deg, var(--cream), transparent); }
[data-theme="dark"] .logo-pill { border-right-color: var(--rule2); }

/* Dark ticker */
[data-theme="dark"] .ticker-wrap {
  background: rgba(240,106,87,.04);
  border-color: rgba(240,106,87,.1);
}
[data-theme="dark"] .ticker-item { color: var(--scarlet); }
[data-theme="dark"] .ticker-item span { color: var(--forest); }

/* Dark sections */
[data-theme="dark"] .success-section { background: linear-gradient(to bottom, transparent, rgba(74,222,128,.02), transparent); }
[data-theme="dark"] .success-card { background: var(--cream2); border-color: var(--rule); }
[data-theme="dark"] .success-card:hover { border-color: rgba(74,222,128,.2); }
[data-theme="dark"] .success-quote { background: rgba(74,222,128,.03); border-color: rgba(74,222,128,.1); }
[data-theme="dark"] .success-quote::before { color: rgba(74,222,128,.06); }

/* Dark graveyard */
[data-theme="dark"] 
[data-theme="dark"] .graveyard .section-label { color: rgba(74,222,128,.45); }
[data-theme="dark"] .graveyard .section-headline { color: rgba(232,228,216,.9) !important; }
[data-theme="dark"] .graveyard .section-body { color: rgba(232,228,216,.5); }
[data-theme="dark"] .app-card { background: var(--cream2); border-color: var(--rule); }
[data-theme="dark"] .app-card:hover { background: rgba(240,106,87,.06); border-color: rgba(240,106,87,.3); }
[data-theme="dark"] .logo-graveyard::after { background: radial-gradient(ellipse at center, transparent 28%, #050705 80%); }

/* Dark app store */
[data-theme="dark"] .appstore-window { background: var(--cream2); border-color: var(--rule); box-shadow: 0 8px 40px rgba(0,0,0,.38); }
[data-theme="dark"] .appstore-window::before { background: linear-gradient(90deg, transparent, rgba(240,106,87,.4), rgba(74,222,128,.4), transparent); }
[data-theme="dark"] .appstore-titlebar { background: var(--cream3); border-bottom-color: var(--rule); }
[data-theme="dark"] .appstore-sidebar { background: var(--cream3); border-right-color: var(--rule); }
[data-theme="dark"] .sidebar-item { color: var(--faint); }
[data-theme="dark"] .sidebar-item.active { color: var(--forest); background: rgba(74,222,128,.08); border-left-color: var(--scarlet); }
[data-theme="dark"] .sidebar-item:hover:not(.active) { background: rgba(232,228,216,.04); }
[data-theme="dark"] .sidebar-count { background: var(--cream2); }
[data-theme="dark"] .sidebar-item.active .sidebar-count { background: rgba(74,222,128,.12); color: var(--forest); }
[data-theme="dark"] .as-topbar { background: var(--cream3); border-bottom-color: var(--rule); }
[data-theme="dark"] .store-app { background: var(--cream3); border-right-color: var(--rule); border-bottom-color: var(--rule); }
[data-theme="dark"] .appstore-grid { background: var(--cream3); }
[data-theme="dark"] .store-app:hover { background: var(--cream2); }
[data-theme="dark"] .store-app::after { background: linear-gradient(135deg, var(--rule) 0%, transparent 60%); }
[data-theme="dark"] .as-search-wrap { background: rgba(232,228,216,.06); border-color: var(--rule); }
[data-theme="dark"] .as-search-wrap:focus-within { border-color: rgba(74,222,128,.35); }
[data-theme="dark"] .as-search { color: var(--ink); }
[data-theme="dark"] .as-search::placeholder { color: var(--faint); }
[data-theme="dark"] .appstore-grid::-webkit-scrollbar-track { background: var(--cream3); }
[data-theme="dark"] .appstore-grid::-webkit-scrollbar-thumb { background: rgba(240,106,87,.25); }
[data-theme="dark"] .app-detail-panel { background: var(--cream); border-left-color: var(--rule); }
[data-theme="dark"] .app-detail-close { background: var(--cream2); border-color: var(--rule); }
[data-theme="dark"] .ad-price-block { background: rgba(74,222,128,.04); border-color: rgba(74,222,128,.12); }
[data-theme="dark"] .ad-feature { background: var(--cream3); }
[data-theme="dark"] .ad-replaces-pill { background: rgba(240,106,87,.07); border-color: rgba(240,106,87,.15); color: var(--scarlet); }

/* Dark services */
[data-theme="dark"] .service-card { background: var(--cream2); border-color: var(--rule); }
[data-theme="dark"] .service-icon-wrap { background: rgba(240,106,87,.06); border-color: rgba(240,106,87,.18); }

/* Dark capex */
[data-theme="dark"] .capex-side.opex { background: rgba(240,106,87,.05); border-color: rgba(240,106,87,.15); }
[data-theme="dark"] .capex-side.capex { background: rgba(74,222,128,.04); border-color: rgba(74,222,128,.12); }
[data-theme="dark"] .capex-side.opex .cl { background: rgba(240,106,87,.04); }
[data-theme="dark"] .capex-side.capex .cl { background: rgba(74,222,128,.04); }
[data-theme="dark"] .capex-chart { background: var(--cream2); border-color: var(--rule); }

/* Dark mission */
[data-theme="dark"] .mission-banner { background: linear-gradient(135deg, rgba(74,222,128,.05), rgba(110,168,254,.07)); border-color: rgba(74,222,128,.1); }
[data-theme="dark"] .pillar { background: var(--cream2); border-color: var(--rule); }
[data-theme="dark"] .pillar:hover { border-color: rgba(74,222,128,.18); }

/* Dark how */
[data-theme="dark"] .how-card { background: var(--cream2); border-color: var(--rule); }
[data-theme="dark"] .how-step-content { background: var(--cream2); border-color: var(--rule); }
[data-theme="dark"] .how-step-num { background: var(--cream); border-color: rgba(74,222,128,.4); }

/* Dark stack */
[data-theme="dark"] .stack-bar { background: rgba(74,222,128,.04); border-color: rgba(74,222,128,.08); }
[data-theme="dark"] .stack-bar:hover { background: rgba(74,222,128,.07); }
[data-theme="dark"] .stack-owned { background: rgba(74,222,128,.08); }
[data-theme="dark"] .stack-total { background: rgba(74,222,128,.04); border-color: rgba(74,222,128,.15); }

/* Dark truths */
[data-theme="dark"] .truths-inner { border-left-color: rgba(74,222,128,.15); }
[data-theme="dark"] .truth-item { border-bottom-color: var(--rule); }
[data-theme="dark"] .truth-item::before { background: var(--forest); box-shadow: 0 0 14px var(--forest); }

/* Dark testimonials */
[data-theme="dark"] .testi-card { background: var(--cream2); border-color: var(--rule); }
[data-theme="dark"] .testi-card:hover { border-color: rgba(74,222,128,.18); }
[data-theme="dark"] .testi-quote::before { color: rgba(74,222,128,.06); }
[data-theme="dark"] .testi-avatar { border-color: var(--rule); }
[data-theme="dark"] .testi-person { border-top-color: var(--rule); }

/* Dark before/after */
[data-theme="dark"] .ba-tab { background: var(--cream2); border-color: var(--rule); }
[data-theme="dark"] .ba-tab.active { background: rgba(74,222,128,.07); border-color: rgba(74,222,128,.25); }
[data-theme="dark"] .ba-before .ba-col-header { background: rgba(240,106,87,.06); }
[data-theme="dark"] .ba-after .ba-col-header  { background: rgba(74,222,128,.05); }
[data-theme="dark"] .ba-before .ba-row { background: rgba(240,106,87,.03); border-bottom-color: var(--rule); }
[data-theme="dark"] .ba-after .ba-row  { background: rgba(74,222,128,.02); border-bottom-color: var(--rule); }
[data-theme="dark"] .ba-arrow-line { background: var(--rule); }
[data-theme="dark"] .ba-before .ba-total { background: rgba(240,106,87,.07); }
[data-theme="dark"] .ba-after .ba-total  { background: rgba(74,222,128,.07); }
[data-theme="dark"] .ba-saving-banner { background: rgba(74,222,128,.05); border-color: rgba(74,222,128,.14); }

/* Dark compare */
[data-theme="dark"] .compare-table thead tr { background: var(--cream3); }
[data-theme="dark"] .compare-table thead th { border-bottom-color: var(--rule); }
[data-theme="dark"] .compare-table thead th.th-own360 { background: rgba(74,222,128,.05); border-bottom-color: var(--forest); }
[data-theme="dark"] .compare-table tbody tr { border-bottom-color: var(--rule); }
[data-theme="dark"] .compare-table tbody tr:hover { background: var(--cream2); }
[data-theme="dark"] .compare-table td.td-own360 { background: rgba(74,222,128,.03); }

/* Dark ROI widget */
[data-theme="dark"] .roi-widget { background: rgba(74,222,128,.04); border-color: rgba(74,222,128,.12); }
[data-theme="dark"] .roi-input-wrap { background: var(--cream2); border-color: var(--rule); }
[data-theme="dark"] .roi-prefix, [data-theme="dark"] .roi-suffix { background: var(--cream2); border-color: var(--rule); }
[data-theme="dark"] .roi-results { background: var(--cream2); }
[data-theme="dark"] .roi-select { background: var(--cream2); border-color: var(--rule); color: var(--ink); }
[data-theme="dark"] .roi-num-input { color: var(--ink); }

/* Dark final CTA */
[data-theme="dark"] .final-cta-bg { background: radial-gradient(ellipse at center, rgba(74,222,128,.09) 0%, transparent 70%); }

/* Dark cards */
[data-theme="dark"] .card, [data-theme="dark"] .info-card { background: var(--cream2); border-color: var(--rule); }
[data-theme="dark"] .card:hover, [data-theme="dark"] .info-card:hover { border-color: rgba(74,222,128,.22); }
[data-theme="dark"] .hl-box { background: var(--flit); border-color: rgba(74,222,128,.18); border-left-color: var(--forest); }

/* Dark forms */
[data-theme="dark"] input[type=text],[data-theme="dark"] input[type=email],[data-theme="dark"] input[type=number],[data-theme="dark"] input[type=tel],[data-theme="dark"] input[type=url],[data-theme="dark"] select,[data-theme="dark"] textarea {
  background: var(--cream2); border-color: var(--rule); color: var(--ink);
}
[data-theme="dark"] input:focus,[data-theme="dark"] select:focus,[data-theme="dark"] textarea:focus { border-color: var(--forest); }

/* Dark table */
[data-theme="dark"] th { background: var(--cream3); border-bottom-color: var(--rule); }
[data-theme="dark"] td { border-bottom-color: var(--rule); }
[data-theme="dark"] tr:hover td { background: var(--cream2); }

/* Dark tags/badges */
[data-theme="dark"] .tag, [data-theme="dark"] .badge { border-color: var(--rule); color: var(--faint); }
[data-theme="dark"] .store-app-badge.ai { border-color: rgba(110,168,254,.4); color: var(--cobalt); }
[data-theme="dark"] .store-app-badge.trial { border-color: rgba(224,160,32,.4); color: var(--gold); }

/* Dark page-cta block */
[data-theme="dark"] 

/* Dark store features pills */
[data-theme="dark"] .sf-pill { border-color: rgba(74,222,128,.1); background: rgba(74,222,128,.03); }
[data-theme="dark"] .sf-pill:hover { border-color: rgba(74,222,128,.28); }

/* Dark mode picker */
[data-theme="dark"] .mode-picker-overlay { background: rgba(14,16,13,.97); }
[data-theme="dark"] .mp-option { background: var(--cream2); border-color: var(--rule); }
[data-theme="dark"] .mp-brief:hover { border-color: var(--scarlet); background: rgba(240,106,87,.06); }
[data-theme="dark"] .mp-detailed:hover { border-color: var(--forest); background: rgba(74,222,128,.05); }

/* Dark mode toggle widget */
[data-theme="dark"] .mode-track { background: var(--cream3); border-color: var(--rule); }
[data-theme="dark"] .mode-track.detailed-on { background: rgba(74,222,128,.12); border-color: rgba(74,222,128,.22); }
[data-theme="dark"] .mode-thumb { background: var(--faint); }
[data-theme="dark"] .mode-track.detailed-on .mode-thumb { background: var(--forest); }

/* Dark cookie banner */
[data-theme="dark"] #cookieBanner { background: rgba(14,16,13,.99); border-top-color: var(--rule); }
[data-theme="dark"] .cb-decline { border-color: var(--rule); }

/* Dark brief-mode-banner */
[data-theme="dark"] .brief-mode-banner { background: rgba(240,106,87,.08); border-color: rgba(240,106,87,.2); }



/* Dark transform section */
[data-theme="dark"] .transform-before { background: rgba(240,106,87,.06); border-color: rgba(240,106,87,.1); }
[data-theme="dark"] .transform-before:hover { background: rgba(240,106,87,.1); }
[data-theme="dark"] .transform-after  { background: rgba(74,222,128,.05); border-color: rgba(74,222,128,.09); }
[data-theme="dark"] .transform-after:hover  { background: rgba(74,222,128,.08); }
[data-theme="dark"] .transform-arrow { background: var(--cream3); border-color: var(--rule); }

/* Dark as-mobile-cat */
[data-theme="dark"] .as-mobile-cat { border-color: var(--rule); }
[data-theme="dark"] .as-mobile-cat.active { background: rgba(240,106,87,.08); border-color: rgba(240,106,87,.25); }
[data-theme="dark"] .as-mobile-search { background: var(--cream3); border-bottom-color: var(--rule); }
