/* SGS Sunset polish v7 — desktop-only hero + restrained purple glass glow.
   Loaded after glass-depth-v3.css so this is a narrow visual override only. */

html[data-theme='sunset'] {
  --sgs-pop-purple: rgb(210 145 255 / .52);
  --sgs-pop-purple-soft: rgb(192 112 255 / .22);
}

html[data-theme='sunset'] :is(
  .filter-panel,
  .search-filters,
  .results-main,
  .search-main,
  .compare-controls,
  .compare-results,
  .catalog-status-banner,
  .search-status,
  .compare-note,
  .empty-state,
  .scout-note,
  .home-stat-grid,
  .home-category-card,
  .home-b-tool-card,
  .home-b-editorial-card,
  .live-value-shell,
  .live-value-card,
  .home-principle,
  .scout-feature,
  .scout-answer,
  .trust-card,
  .result-card,
  .product-result,
  .search-result-card,
  .compare-product-card,
  .price-basis-note,
  .disclosure
) {
  border-color: color-mix(in srgb, var(--sgs-pop-purple) 58%, var(--sgs-window-line));
  border-top-color: color-mix(in srgb, white 26%, var(--sgs-pop-purple));
  border-left-color: color-mix(in srgb, var(--sgs-window-cyan) 42%, var(--sgs-pop-purple));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / .25),
    inset 1px 0 0 var(--sgs-window-cyan),
    inset -1px 0 0 var(--sgs-pop-purple),
    inset 0 -1px 0 var(--sgs-window-gold),
    0 0 0 1px rgb(205 140 255 / .075),
    0 0 22px -11px var(--sgs-pop-purple),
    0 16px 42px -34px var(--space-shadow),
    0 24px 60px -48px var(--glass-bloom);
}

html[data-theme='sunset'] .site-header {
  border-color: color-mix(in srgb, var(--sgs-pop-purple) 42%, var(--sgs-window-line));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / .18),
    0 0 22px -13px var(--sgs-pop-purple-soft);
}

html[data-theme='sunset'] :is(.offer-row,.comparison-demo-row) {
  border-color: color-mix(in srgb, var(--sgs-pop-purple) 42%, var(--sgs-window-line));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / .12),
    0 0 16px -12px var(--sgs-pop-purple-soft),
    0 8px 20px -22px var(--space-shadow);
}

html[data-theme='sunset'] .scout-art.scout-art-photo {
  border-color: color-mix(in srgb, var(--sgs-pop-purple) 52%, var(--sgs-window-cyan));
  box-shadow:
    inset 0 1px 0 rgb(255 255 255 / .12),
    0 0 26px -12px var(--sgs-pop-purple-soft),
    0 28px 72px -42px var(--space-shadow),
    0 0 54px -34px var(--sgs-window-gold);
}

@media (max-width:700px) {
  html .scout-art.scout-art-photo {
    display: none !important;
  }
}