/* ICE theme overrides: holowall (#holowall section). Colour only; every rule scoped [data-theme="ice"].
   The wall component itself (.hw-*) is themed in ice/lib.css. The dark tech-lab wallpaper (bg-02.jpg) is
   dropped for a frost band with a pale projector glow; panels keep their photos + dark caption scrim. */

/* ---------- backdrop: frost band, ice glow where the projector throws light ---------- */
[data-theme="ice"] .holowall-bg,
[data-theme="ice"] #holowall.is-near .holowall-bg {
  background:
    radial-gradient(56% 42% at 50% 64%, rgba(56, 182, 245, .18), transparent 70%),
    radial-gradient(40% 30% at 22% 30%, rgba(99, 102, 241, .07), transparent 70%),
    radial-gradient(40% 30% at 80% 26%, rgba(56, 182, 245, .09), transparent 70%),
    linear-gradient(180deg, var(--bg) 0%, #eef6fd 20%, #e2f0fb 46%, #dcecf9 68%, var(--bg) 100%);
}

/* placeholder while the component mounts */
[data-theme="ice"] .holowall-skeleton span {
  background: radial-gradient(50% 50% at 50% 50%, rgba(56, 182, 245, .30), rgba(56, 182, 245, .08) 60%, transparent 72%);
}

/* ---------- Pause / Play ---------- */
[data-theme="ice"] .holowall-pause {
  color: var(--cyan); background: #fff; border-color: var(--line-2);
  box-shadow: 0 1px 2px rgba(16, 60, 110, .06), 0 8px 20px -12px rgba(16, 60, 110, .35);
}
[data-theme="ice"] .holowall-pause:hover { border-color: var(--ice); box-shadow: 0 0 0 4px rgba(56, 182, 245, .14), 0 10px 24px -10px rgba(14, 140, 220, .55); }
[data-theme="ice"] #holowall.is-paused .holowall-pause {
  color: #03203d; background: var(--grad-btn); border-color: transparent;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, .6) inset, 0 10px 24px -10px rgba(14, 140, 220, .65);
}

/* ---------- panels that have not loaded yet: lit frost with a soft sweep ---------- */
[data-theme="ice"] #holowall .hw-media {
  background:
    radial-gradient(70% 60% at 50% 38%, rgba(255, 255, 255, .7), transparent 70%),
    linear-gradient(160deg, rgba(56, 182, 245, .22), rgba(99, 102, 241, .16)),
    #dcecf9;
}
[data-theme="ice"] #holowall .hw-media:not(.holowall-loaded)::before {
  background: linear-gradient(100deg, transparent 20%, rgba(255, 255, 255, .45) 45%, rgba(255, 255, 255, .75) 50%, rgba(255, 255, 255, .45) 55%, transparent 80%);
}

/* ---------- floor reflection + horizon line under the projector ---------- */
[data-theme="ice"] .holowall-stage::after {
  background:
    radial-gradient(50% 40% at 50% 50%, rgba(56, 182, 245, .26), transparent 70%),
    radial-gradient(30% 22% at 50% 50%, rgba(99, 102, 241, .16), transparent 75%);
}
[data-theme="ice"] .holowall-stage::before {
  background: linear-gradient(90deg, transparent, rgba(5, 119, 181, .35) 30%, rgba(79, 83, 214, .3) 70%, transparent);
  box-shadow: 0 0 10px rgba(56, 182, 245, .3);
  opacity: .6;
}

/* rising motes: ice-blue / periwinkle specks that read on frost */
[data-theme="ice"] .holowall-sparks i { background: #38b6f5; box-shadow: 0 0 6px 1px rgba(56, 182, 245, .55); }
[data-theme="ice"] .holowall-sparks i:nth-child(4),
[data-theme="ice"] .holowall-sparks i:nth-child(10) { background: #6d6af0; box-shadow: 0 0 6px 1px rgba(109, 106, 240, .5); }
[data-theme="ice"] .holowall-sparks i:nth-child(7) { background: #8d7bf5; box-shadow: 0 0 6px 1px rgba(141, 123, 245, .5); }

/* ---------- flanking HUD readouts: frosted white glass ---------- */
[data-theme="ice"] .holowall-hud {
  background: linear-gradient(160deg, rgba(255, 255, 255, .92), rgba(239, 247, 254, .84));
  border-color: var(--line);
  box-shadow: var(--shadow-1), inset 0 1px 0 #fff;
  color: var(--muted);
}
[data-theme="ice"] .holowall-hud b { color: var(--ink); }
[data-theme="ice"] .holowall-hud-bar { background: rgba(14, 92, 160, .12); }
[data-theme="ice"] .holowall-hud-bar i { box-shadow: none; }
[data-theme="ice"] .holowall-hud-dots i { background: var(--ice); box-shadow: 0 0 0 2px rgba(56, 182, 245, .18); }
[data-theme="ice"] .holowall-hud-dots i:nth-child(2) { background: var(--violet); box-shadow: 0 0 0 2px rgba(79, 83, 214, .15); }
[data-theme="ice"] .holowall-hud-dots i:nth-child(3) { background: var(--magenta); box-shadow: 0 0 0 2px rgba(122, 92, 240, .15); }

/* ---------- footer ---------- */
[data-theme="ice"] .holowall-foot { border-top-color: var(--line-2); }
[data-theme="ice"] .holowall-stats li { color: var(--ink-2); }

/* side arrows over the wall */
[data-theme="ice"] #holowall .hw-side { background: rgba(255, 255, 255, .85); border-color: var(--line-2); color: var(--ink); box-shadow: var(--shadow-1); }
[data-theme="ice"] #holowall .hw-side:hover { color: var(--cyan); border-color: var(--ice); }