/* Blue Sky Storefront Theme Consistency 5.0.2
   Makes every large commerce surface honor the selected light theme. */

html[data-theme="light"] {
  --shop-v4-ink: #0f172a;
  --shop-v4-panel: #ffffff;
  --shop-v4-panel-2: #f1f5f9;
  --shop-v4-line: rgba(100, 116, 139, .22);
}

html[data-theme="light"] .commerce-page {
  background: #f8fafc !important;
  background-image:
    radial-gradient(circle at 12% -8%, rgba(37, 99, 235, .10), transparent 31%),
    radial-gradient(circle at 90% 12%, rgba(96, 165, 250, .08), transparent 27%) !important;
  color: var(--shop-text);
}

html[data-theme="light"] .shop-announcement {
  background: #eff6ff !important;
  color: #1e293b !important;
  border-bottom: 1px solid #dbeafe !important;
}
html[data-theme="light"] .shop-announcement a { color: #1d4ed8 !important; }
html[data-theme="light"] .shop-header {
  background: rgba(248, 250, 252, .90) !important;
  border-color: rgba(148, 163, 184, .28) !important;
  box-shadow: 0 10px 32px rgba(15, 23, 42, .05);
}

/* Home hero */
html[data-theme="light"] .shop-home-hero-v4 {
  background:
    radial-gradient(circle at 12% 8%, rgba(37, 99, 235, .14), transparent 34%),
    radial-gradient(circle at 88% 24%, rgba(147, 197, 253, .22), transparent 30%),
    linear-gradient(180deg, #ffffff, #eff6ff) !important;
  color: #0f172a !important;
  border-bottom-color: #dbeafe !important;
}
html[data-theme="light"] .shop-home-hero-v4::before {
  background-image:
    linear-gradient(rgba(37, 99, 235, .055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(37, 99, 235, .055) 1px, transparent 1px) !important;
}
html[data-theme="light"] .shop-home-hero-glow {
  background: rgba(96, 165, 250, .20) !important;
  filter: blur(100px);
}
html[data-theme="light"] .shop-home-hero-copy h1 { color: #0f172a !important; }
html[data-theme="light"] .shop-home-hero-copy > p { color: #475569 !important; }
html[data-theme="light"] .shop-home-hero-v4 .shop-kicker,
html[data-theme="light"] .shop-home-hero-v4 .shop-kicker b { color: #1d4ed8 !important; }
html[data-theme="light"] .shop-home-hero-v4 .shop-button-ghost {
  background: rgba(255, 255, 255, .86) !important;
  border-color: #cbd5e1 !important;
  color: #0f172a !important;
}
html[data-theme="light"] .shop-profile-shortcuts {
  background: #dbeafe !important;
  border-color: #bfdbfe !important;
}
html[data-theme="light"] .shop-profile-shortcuts a {
  background: rgba(255, 255, 255, .92) !important;
  color: #0f172a !important;
}
html[data-theme="light"] .shop-profile-shortcuts a:hover { background: #eff6ff !important; }
html[data-theme="light"] .shop-profile-shortcuts small { color: #2563eb !important; }
html[data-theme="light"] .shop-profile-shortcuts strong { color: #1e293b !important; }
html[data-theme="light"] .shop-home-product-stage .shop-hero-product-card {
  background: linear-gradient(155deg, rgba(255,255,255,.96), rgba(239,246,255,.88)) !important;
  border-color: rgba(37, 99, 235, .18) !important;
  box-shadow: 0 35px 90px rgba(37, 99, 235, .14), inset 0 1px 0 #fff !important;
}
html[data-theme="light"] .shop-home-product-stage .shop-hero-product-meta h2,
html[data-theme="light"] .shop-home-product-stage .shop-hero-product-meta span,
html[data-theme="light"] .shop-home-product-stage .shop-hero-product-meta p { color: #0f172a !important; }
html[data-theme="light"] .shop-home-product-stage .shop-floating-note {
  background: rgba(255, 255, 255, .92) !important;
  border-color: #dbeafe !important;
  color: #1e293b !important;
  box-shadow: 0 18px 45px rgba(15, 23, 42, .10);
}
html[data-theme="light"] .shop-home-product-stage .shop-floating-note small { color: #64748b !important; }
html[data-theme="light"] .shop-home-product-stage .shop-hero-orbit { border-color: rgba(37, 99, 235, .28) !important; }

/* Trust strip */
html[data-theme="light"] .shop-home-trust-v4 {
  background: #ffffff !important;
  color: #0f172a !important;
  border-bottom-color: #e2e8f0 !important;
}
html[data-theme="light"] .shop-home-trust-v4 article { border-color: #e2e8f0 !important; }
html[data-theme="light"] .shop-home-trust-v4 span { color: #64748b !important; }

/* Categories with photos: use a daylight veil rather than a night overlay. */
html[data-theme="light"] .shop-category-card-v4.has-image::after {
  background: linear-gradient(to top, rgba(248,250,252,.97), rgba(248,250,252,.48) 72%, rgba(248,250,252,.20)) !important;
}
html[data-theme="light"] .shop-category-card-v4.has-image h3 { color: #0f172a !important; }
html[data-theme="light"] .shop-category-card-v4.has-image p { color: #475569 !important; }
html[data-theme="light"] .shop-category-card-v4.has-image small { color: #1d4ed8 !important; }
html[data-theme="light"] .shop-category-card-v4.has-image .shop-category-arrow {
  background: rgba(255,255,255,.88) !important;
  color: #0f172a !important;
  border-color: #cbd5e1 !important;
}
html[data-theme="light"] .shop-category-rail-v4 .shop-category-card-overlay {
  background: linear-gradient(to top, rgba(248,250,252,.96), rgba(248,250,252,.42)) !important;
}
html[data-theme="light"] .shop-category-rail-v4 .has-image .shop-category-card-copy small { color: #1d4ed8 !important; }
html[data-theme="light"] .shop-category-rail-v4 .has-image .shop-category-card-copy strong { color: #0f172a !important; }
html[data-theme="light"] .shop-category-rail-v4 .has-image .shop-category-card-copy i { color: #0f172a !important; }

/* Discovery paths and editorial sections */
html[data-theme="light"] .shop-path-grid-v4 > button {
  background: linear-gradient(145deg, #eff6ff, #ffffff) !important;
  color: #0f172a !important;
  border-color: #bfdbfe !important;
}
html[data-theme="light"] .shop-path-grid-v4 button p { color: #475569 !important; }
html[data-theme="light"] .shop-home-guide-v4 {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}
html[data-theme="light"] .shop-home-guide-card-v4 {
  background: linear-gradient(140deg, #ffffff, #eff6ff) !important;
  border-color: #dbeafe !important;
  box-shadow: 0 24px 65px rgba(15, 23, 42, .08);
}
html[data-theme="light"] .shop-home-guide-card-v4 p { color: #475569 !important; }
html[data-theme="light"] .shop-home-guide-card-v4 li { border-color: #dbe3ee !important; }
html[data-theme="light"] .shop-home-guide-card-v4 li > b { color: #2563eb !important; }
html[data-theme="light"] .shop-home-guide-card-v4 li small { color: #64748b !important; }
html[data-theme="light"] .shop-story-visual-v4 {
  background: linear-gradient(145deg, #dbeafe, #f8fafc) !important;
  color: #0f172a !important;
  border: 1px solid #bfdbfe;
  box-shadow: 0 24px 65px rgba(37, 99, 235, .10);
}
html[data-theme="light"] .shop-story-visual-v4 span { color: #2563eb !important; }

/* Legacy editorial blocks still used by content and fallback rendering. */
html[data-theme="light"] .shop-discovery-main {
  background: linear-gradient(145deg, #ffffff, #eff6ff) !important;
  color: #0f172a !important;
  border: 1px solid #dbeafe;
}
html[data-theme="light"] .shop-discovery-main .shop-kicker { color: #2563eb !important; }
html[data-theme="light"] .shop-story-visual {
  background: radial-gradient(circle at 50% 36%, rgba(96,165,250,.22), transparent 34%), linear-gradient(145deg,#dbeafe,#f8fafc) !important;
  color: #0f172a !important;
  border: 1px solid #bfdbfe;
}
html[data-theme="light"] .shop-product-video { background: #e2e8f0 !important; }

/* Drawers, modals and discovery pages */
html[data-theme="light"] .shop-cart-drawer,
html[data-theme="light"] .shop-modal,
html[data-theme="light"] .shop-compare-table-wrap,
html[data-theme="light"] .shop-discovery-product-card,
html[data-theme="light"] .shop-discovery-page-hero {
  color-scheme: light;
}
html[data-theme="light"] .shop-modal-backdrop { background: rgba(15, 23, 42, .28) !important; }
html[data-theme="light"] .shop-compare-bar { box-shadow: 0 24px 70px rgba(15,23,42,.14) !important; }

/* Keep browser-native controls and all generated components synchronized. */
html[data-theme="light"] .commerce-page input,
html[data-theme="light"] .commerce-page select,
html[data-theme="light"] .commerce-page textarea { color-scheme: light; }
html[data-theme="dark"] .commerce-page input,
html[data-theme="dark"] .commerce-page select,
html[data-theme="dark"] .commerce-page textarea { color-scheme: dark; }