/* =========================================================
   ICE theme overrides: AI STUDIO (#ai-studio)
   Colour only (no layout / motion / copy). Every rule scoped [data-theme="ice"].
   Compare photos + reel shots are photos: labels and captions on them keep a dark scrim.
   ========================================================= */
[data-theme="ice"] .ai-studio {
  background: linear-gradient(180deg, rgba(255, 255, 255, .5), rgba(234, 244, 252, .4) 50%, rgba(255, 255, 255, .45));
}
[data-theme="ice"] .ais-aura {
  background:
    radial-gradient(46% 34% at 78% 22%, rgba(56, 182, 245, .17), transparent 70%),
    radial-gradient(40% 30% at 12% 40%, rgba(99, 102, 241, .08), transparent 70%),
    radial-gradient(36% 22% at 60% 92%, rgba(56, 182, 245, .1), transparent 70%);
}

/* ---------- preset chips ---------- */
[data-theme="ice"] .ais-chip {
  color: var(--ink-2); background: rgba(255, 255, 255, .85); border-color: var(--line-2);
  box-shadow: 0 2px 8px -4px rgba(16, 60, 110, .2);
}
[data-theme="ice"] .ais-chip small { color: var(--muted); }
[data-theme="ice"] .ais-chip:hover { color: var(--ink); background: #fff; border-color: var(--ice); box-shadow: 0 8px 20px -12px rgba(14, 140, 220, .6); }
[data-theme="ice"] .ais-chip[aria-pressed="true"] {
  color: var(--ink); border-color: var(--cyan);
  background: linear-gradient(100deg, rgba(127, 220, 255, .32), rgba(141, 176, 255, .3));
  box-shadow: 0 0 0 1px rgba(5, 119, 181, .12) inset, 0 10px 24px -12px rgba(14, 140, 220, .7);
}
[data-theme="ice"] .ais-chip[aria-pressed="true"] small { color: #045a8c; }
[data-theme="ice"] .ais-note { color: var(--muted); }

/* ---------- HUD panel around the compare slider ---------- */
[data-theme="ice"] .ais-hud {
  background: linear-gradient(160deg, rgba(255, 255, 255, .96), rgba(234, 244, 252, .92));
  border-color: var(--line);
  box-shadow: var(--shadow-2), 0 30px 70px -40px rgba(56, 182, 245, .45), inset 0 1px 0 #fff;
}
[data-theme="ice"] .ais-corner { border-color: var(--ice); filter: none; }
[data-theme="ice"] .ais-c3, [data-theme="ice"] .ais-c4 { border-color: var(--violet); opacity: .75; filter: none; }
[data-theme="ice"] .ais-hud-top, [data-theme="ice"] .ais-hud-bottom { color: #04679e; } /* deeper cyan: small mono text on frost, 5.5:1 */
[data-theme="ice"] .ais-hud-dot { background: var(--ice); box-shadow: 0 0 0 3px rgba(56, 182, 245, .2); }
[data-theme="ice"] .ais-hud-mix { color: var(--ink); }
[data-theme="ice"] .ais-hud-idx { color: var(--muted); }
[data-theme="ice"] .ais-hud-title { color: var(--ink-2); }
[data-theme="ice"] .ais-hud-hint { color: var(--muted); }

/* compare frame: photos stay photos */
[data-theme="ice"] .ais-cmp { background: var(--bg-3); box-shadow: 0 0 0 1px rgba(14, 92, 160, .14); }
[data-theme="ice"] .ais-handle {
  background: linear-gradient(180deg, #bfe8fb, #ffffff 50%, #c7d2fe);
  box-shadow: 0 0 0 1px rgba(6, 18, 34, .18), 0 0 14px rgba(56, 182, 245, .6);
}
[data-theme="ice"] .ais-knob {
  color: #045a8c; background: rgba(255, 255, 255, .9); border-color: #fff;
  box-shadow: 0 0 0 4px rgba(56, 182, 245, .35), 0 10px 26px -6px rgba(6, 18, 34, .55);
}
[data-theme="ice"] .ais-knob::before { border-color: rgba(255, 255, 255, .8); }
[data-theme="ice"] .ais-cmp.is-focus .ais-knob { outline-color: #fff; }
[data-theme="ice"] .ais-label { color: #f2f9ff; background: rgba(6, 18, 34, .68); border-color: rgba(191, 232, 251, .32); }
[data-theme="ice"] .ais-label i { color: rgba(220, 236, 249, .8); }
[data-theme="ice"] .ais-label-b { border-color: rgba(167, 139, 250, .6); }
[data-theme="ice"] .ais-scan { background: linear-gradient(180deg, transparent 0%, rgba(127, 220, 255, .3) 70%, rgba(255, 255, 255, .9) 96%, transparent 100%); }
[data-theme="ice"] .ais-cmp.is-loading::after {
  background: linear-gradient(100deg, transparent 30%, rgba(255, 255, 255, .75) 50%, transparent 70%) 0 0 / 200% 100%, linear-gradient(160deg, #eaf4fc, #dcecf9);
}

/* ---------- 3 steps ---------- */
[data-theme="ice"] .ais-steps::before {
  background: linear-gradient(90deg, transparent, #7fdcff 12%, #8db0ff 50%, #a78bfa 88%, transparent);
  box-shadow: none; opacity: .9;
}
[data-theme="ice"] .ais-step {
  background: var(--grad-soft);
  border-color: var(--line);
  box-shadow: var(--shadow-1), inset 0 1px 0 #fff;
}
[data-theme="ice"] .ais-step-n { color: var(--cyan); }
[data-theme="ice"] .ais-step:nth-child(2) .ais-step-n { color: var(--violet); }
[data-theme="ice"] .ais-step:nth-child(3) .ais-step-n { color: #6a4fdc; }
/* icon JPGs are inverted globally (ice/base.css: invert + hue-rotate 180, so the filter flips lightness and keeps hue):
   these pre-filter colours land as a pale ice ring and a soft navy drop shadow on the white card */
[data-theme="ice"] .ais-step-ico { background: #000; box-shadow: 0 0 0 1px rgba(20, 75, 130, .4), 0 10px 18px -10px rgba(185, 212, 240, .95); }
[data-theme="ice"] .ais-step h3 { color: var(--ink); }
[data-theme="ice"] .ais-step p { color: var(--ink-2); }
@media (max-width: 860px) {
  [data-theme="ice"] .ais-steps::before { background: linear-gradient(180deg, #7fdcff, #8db0ff, #a78bfa); }
}

/* ---------- results reel ---------- */
[data-theme="ice"] .ais-sub-copy { color: var(--muted); }
[data-theme="ice"] .ais-shot {
  background: var(--bg-3); border-color: rgba(255, 255, 255, .9);
  box-shadow: 0 0 0 1px var(--line), 0 22px 40px -24px rgba(16, 60, 110, .6);
}
[data-theme="ice"] .ais-shot::after { background: linear-gradient(180deg, transparent 55%, rgba(6, 18, 34, .82)); }
[data-theme="ice"] .ais-shot:hover, [data-theme="ice"] .ais-shot:focus-visible {
  border-color: #fff;
  box-shadow: 0 0 0 1px rgba(56, 182, 245, .7), 0 26px 46px -22px rgba(14, 120, 200, .65);
}
[data-theme="ice"] .ais-reel.is-static .ais-reel-view { scrollbar-color: rgba(14, 92, 160, .28) transparent; }

/* ---------- product cards ---------- */
[data-theme="ice"] .ais-card {
  background: var(--grad-soft);
  border-color: var(--line);
  box-shadow: var(--shadow-1), inset 0 1px 0 #fff;
}
[data-theme="ice"] .ais-card:hover {
  border-color: rgba(56, 182, 245, .55);
  box-shadow: 0 2px 4px rgba(16, 60, 110, .06), 0 26px 50px -24px rgba(14, 120, 200, .5);
}
[data-theme="ice"] .ais-card-media {
  background:
    radial-gradient(70% 80% at 50% 40%, rgba(56, 182, 245, .18), transparent 70%),
    linear-gradient(160deg, #f4f9fe, #dcecf9);
  border-bottom: 1px solid var(--line);
}
[data-theme="ice"] .ais-card-media::after { background: linear-gradient(180deg, transparent 72%, rgba(10, 31, 54, .14)); }
[data-theme="ice"] .ais-card-media.is-icon::after { background: none; }
[data-theme="ice"] .ais-card-media.is-icon img { mix-blend-mode: multiply; }
[data-theme="ice"] .ais-card-cat { color: #f2f9ff; background: rgba(6, 18, 34, .7); border-color: rgba(191, 232, 251, .3); }
[data-theme="ice"] .ais-card-meta .status-chip { background: rgba(255, 255, 255, .95); border-color: rgba(255, 255, 255, .95); box-shadow: 0 4px 12px -4px rgba(6, 18, 34, .45); }
[data-theme="ice"] .ais-card-meta .status-chip.new { color: #855600; }
[data-theme="ice"] .ais-card-meta .status-chip.soon { color: #4338ca; }
[data-theme="ice"] .ais-card h4 { color: var(--ink); }
[data-theme="ice"] .ais-card h4 a:hover { color: var(--cyan); }
[data-theme="ice"] .ais-card-tag { color: var(--ink-2); }
[data-theme="ice"] .ais-card-price { border-top-color: var(--line); }
[data-theme="ice"] .ais-card-note { color: var(--muted); }
[data-theme="ice"] .ais-noscript { color: var(--ink-2); }
@media (max-width: 640px) {
  [data-theme="ice"] .ais-cards { scrollbar-color: rgba(14, 92, 160, .28) transparent; }
}