/* =========================================================
   ICE theme overrides: Live Galleries (#galleries)
   Frost band with soft ice highlights; the demo phone becomes a white "frost titanium" handset running
   the live gallery in light mode (photos untouched); frosted-glass doors open the gallery rooms.
   Colour only. Every rule is scoped [data-theme="ice"].
   ========================================================= */

[data-theme="ice"] .galleries-bg {
  background:
    radial-gradient(38% 46% at 76% 22%, rgba(56, 182, 245, .16), transparent 70%),
    radial-gradient(28% 34% at 58% 18%, rgba(99, 102, 241, .08), transparent 70%),
    radial-gradient(40% 30% at 18% 60%, rgba(56, 182, 245, .07), transparent 70%),
    radial-gradient(50% 24% at 70% 92%, rgba(122, 92, 240, .06), transparent 72%),
    linear-gradient(180deg, rgba(234, 244, 252, 0) 0%, rgba(234, 244, 252, .7) 30%, rgba(244, 249, 254, .5) 90%, rgba(244, 249, 254, 0) 100%);
}
[data-theme="ice"] .galleries-title, [data-theme="ice"] .galleries-subhead h3 { color: var(--ink); }

/* ---------- live demo copy ---------- */
[data-theme="ice"] .galleries-steps li {
  background: rgba(255, 255, 255, .86); border-color: var(--line);
  box-shadow: 0 1px 2px rgba(16, 60, 110, .05), 0 8px 22px -16px rgba(16, 60, 110, .3);
}
[data-theme="ice"] .galleries-steps b { color: var(--cyan); }
[data-theme="ice"] .galleries-steps span { color: var(--ink-2); }
[data-theme="ice"] .galleries-steps strong { color: var(--ink); }
[data-theme="ice"] .galleries-hint { color: var(--muted); }
[data-theme="ice"] .galleries-stats {
  background: var(--grad-soft); border-color: var(--line); box-shadow: var(--shadow-1);
}
[data-theme="ice"] .galleries-stats > div + div { border-left-color: var(--line); }
[data-theme="ice"] .galleries-stats dt { color: var(--ink); }
[data-theme="ice"] .galleries-stats > div:first-child dt { color: var(--cyan); text-shadow: none; }
[data-theme="ice"] .galleries-stats dd { color: var(--muted); }

/* ---------- stage: orbit rings in ice + periwinkle ---------- */
[data-theme="ice"] .galleries-orbit::before { background: radial-gradient(closest-side, rgba(56, 182, 245, .2), rgba(99, 102, 241, .08) 60%, transparent); }
[data-theme="ice"] .galleries-orbit i { border-color: rgba(5, 119, 181, .24); }
[data-theme="ice"] .galleries-orbit i:nth-child(2) { border-color: rgba(79, 83, 214, .16); border-top-color: rgba(122, 92, 240, .6); }
[data-theme="ice"] .galleries-orbit i:nth-child(3) { border-color: rgba(5, 119, 181, .1); border-right-color: rgba(56, 182, 245, .75); }

/* QR card (.glass is already frosted white by ice/base.css) */
[data-theme="ice"] .galleries-qr { color: var(--ink); }
[data-theme="ice"] .galleries-qr:hover {
  border-color: rgba(56, 182, 245, .7);
  box-shadow: 0 0 0 4px rgba(56, 182, 245, .12), 0 2px 6px rgba(16, 60, 110, .06), 0 30px 70px -30px rgba(16, 60, 110, .55);
}
[data-theme="ice"] .galleries-qr-code { box-shadow: 0 0 0 1px rgba(10, 31, 54, .08); }
[data-theme="ice"] .galleries-qr-laser::before { background: rgba(14, 165, 233, .9); box-shadow: 0 0 10px 1px rgba(56, 182, 245, .5); }
[data-theme="ice"] .galleries-qr-frame { box-shadow: inset 0 0 0 2px rgba(56, 182, 245, .65); }
[data-theme="ice"] .galleries-qr-sub { color: var(--muted); }
[data-theme="ice"] .galleries-qr-tap { color: var(--cyan); }

/* beam from the QR to the phone (svg presentation attributes are overridden by CSS) */
[data-theme="ice"] #galleriesBeamG stop:nth-child(1) { stop-color: #38b6f5; stop-opacity: .15; }
[data-theme="ice"] #galleriesBeamG stop:nth-child(2) { stop-color: #0ea5e9; stop-opacity: .85; }
[data-theme="ice"] #galleriesBeamG stop:nth-child(3) { stop-color: #6d5cf0; stop-opacity: .4; }
[data-theme="ice"] .galleries-beam-dash { stroke: #0ea5e9; filter: drop-shadow(0 0 3px rgba(56, 182, 245, .55)); }

/* ---------- the phone: frost-titanium body, light-mode live gallery app ---------- */
[data-theme="ice"] .galleries-phone {
  background: linear-gradient(145deg, #ffffff 0%, #dde8f3 38%, #f4f8fc 62%, #cfdeec 100%);
  box-shadow:
    0 0 0 1px rgba(14, 92, 160, .2),
    inset 0 0 0 2px rgba(255, 255, 255, .95),
    inset 0 0 0 3px rgba(14, 92, 160, .1),
    0 2px 6px rgba(16, 60, 110, .08),
    0 30px 60px -28px rgba(14, 140, 220, .45),
    0 60px 110px -40px rgba(16, 60, 110, .55);
}
[data-theme="ice"] .galleries-phone::before { background: linear-gradient(160deg, rgba(56, 182, 245, .75), rgba(141, 176, 255, .25) 40%, rgba(122, 92, 240, .55)); }
[data-theme="ice"] .galleries-screen { background: linear-gradient(180deg, #ffffff 0%, #f2f8fe 100%); box-shadow: 0 0 0 1px rgba(10, 31, 54, .16); }
[data-theme="ice"] .galleries-status { color: var(--ink); }
[data-theme="ice"] .galleries-bars i { background: var(--ink); }
[data-theme="ice"] .galleries-app-kicker { color: var(--cyan); }
[data-theme="ice"] .galleries-app-title { color: var(--ink); }
[data-theme="ice"] .galleries-live-pill { background: rgba(225, 29, 72, .08); border-color: rgba(225, 29, 72, .4); color: #be123c; }
[data-theme="ice"] #galleries .dot.live { background: #e11d48; box-shadow: 0 0 0 3px rgba(225, 29, 72, .18); }
[data-theme="ice"] .galleries-app-meta { color: var(--muted); }
[data-theme="ice"] .galleries-toast {
  background: #ffffff; border-color: rgba(56, 182, 245, .6); color: var(--ink);
  box-shadow: 0 12px 28px -10px rgba(16, 60, 110, .45), 0 0 0 4px rgba(56, 182, 245, .12);
}
[data-theme="ice"] .galleries-toast-dot { background: var(--ice); box-shadow: 0 0 0 3px rgba(56, 182, 245, .22); }
[data-theme="ice"] .galleries-ph { background: #dcecf9; }
/* "Just now" sits on the photo: keep its dark scrim */
[data-theme="ice"] .galleries-ph:first-child::after { background: rgba(6, 14, 28, .72); color: #bfe8fb; }
[data-theme="ice"] .galleries-app-bar { background: rgba(255, 255, 255, .96); border-top-color: var(--line); }
[data-theme="ice"] .galleries-app-bar i { border-color: rgba(10, 31, 54, .28); }
[data-theme="ice"] .galleries-app-bar i.on { border-color: var(--cyan); background: rgba(56, 182, 245, .12); box-shadow: none; }
[data-theme="ice"] .galleries-flyer { box-shadow: 0 0 0 2px #fff, 0 0 0 3px rgba(56, 182, 245, .7), 0 14px 30px -8px rgba(16, 60, 110, .5); }

/* ---------- sub heads ---------- */
[data-theme="ice"] .galleries-subhead p:not(.kicker) { color: var(--ink-2); }

/* ---------- The Gallery rooms: white cards, frosted-glass doors ---------- */
[data-theme="ice"] .galleries-room {
  color: var(--ink);
  background: var(--grad-soft); border-color: var(--line); box-shadow: var(--shadow-2), inset 0 1px 0 #fff;
}
[data-theme="ice"] .galleries-room:hover, [data-theme="ice"] .galleries-room:focus-visible {
  border-color: rgba(56, 182, 245, .6);
  box-shadow: 0 0 0 4px rgba(56, 182, 245, .1), 0 2px 6px rgba(16, 60, 110, .06), 0 40px 80px -34px rgba(16, 60, 110, .55);
}
[data-theme="ice"] .galleries-room:focus-visible { outline-color: var(--cyan); }
[data-theme="ice"] .galleries-doorway {
  background: #dcecf9;
  box-shadow: inset 0 0 0 1px rgba(10, 31, 54, .14), 0 0 0 4px #ffffff, 0 0 0 5px rgba(14, 92, 160, .16);
}
[data-theme="ice"] .galleries-door {
  background:
    linear-gradient(90deg, rgba(10, 31, 54, .1), transparent 18%, transparent 82%, rgba(10, 31, 54, .1)),
    repeating-linear-gradient(180deg, transparent 0 22%, rgba(56, 182, 245, .5) 22% calc(22% + 1px), transparent calc(22% + 1px) 26%),
    linear-gradient(160deg, #fbfdff, #dcecf9 45%, #f2f8fe 70%, #d2e5f6);
  box-shadow: inset 0 0 0 2px rgba(56, 182, 245, .5), inset 0 0 24px rgba(16, 60, 110, .14);
}
[data-theme="ice"] .galleries-door::after { background: linear-gradient(180deg, #ffffff, #8fb1cf); box-shadow: 0 1px 4px rgba(16, 60, 110, .45); }
[data-theme="ice"] .galleries-doorway::after { background: radial-gradient(60% 70% at 50% 60%, rgba(225, 243, 255, .38), transparent 70%); }
/* room tags sit on the screenshot: dark scrim, ice edge */
[data-theme="ice"] .galleries-room-tag { background: rgba(6, 14, 28, .74); border-color: rgba(191, 232, 251, .55); color: #f0f8ff; }
[data-theme="ice"] .galleries-room-tag.live { border-color: rgba(255, 120, 150, .6); color: #ffd0db; }
[data-theme="ice"] .galleries-room-mobile {
  border-color: #ffffff; background: #dcecf9;
  box-shadow: 0 0 0 1px rgba(14, 92, 160, .22), 0 14px 30px -6px rgba(16, 60, 110, .55);
}
[data-theme="ice"] .galleries-room-kind { color: var(--cyan); }
[data-theme="ice"] .galleries-room-body h4 { color: var(--ink); }
[data-theme="ice"] .galleries-room-body p { color: var(--ink-2); }
[data-theme="ice"] .galleries-room-go { color: var(--cyan); }
[data-theme="ice"] .galleries-room:hover .galleries-room-go { color: #045a8c; }

/* ---------- product cards (.glass is frosted white via ice/base.css) ---------- */
[data-theme="ice"] .galleries-card:hover, [data-theme="ice"] .galleries-card:focus-within {
  border-color: rgba(56, 182, 245, .6);
  box-shadow: 0 0 0 4px rgba(56, 182, 245, .1), 0 2px 6px rgba(16, 60, 110, .06), 0 30px 70px -30px rgba(16, 60, 110, .55);
}
[data-theme="ice"] .galleries-card.is-flag { border-color: rgba(79, 83, 214, .35); }
[data-theme="ice"] .galleries-card-art { background: #dcecf9; }
[data-theme="ice"] .galleries-card-art::after { background: linear-gradient(180deg, rgba(10, 31, 54, .14) 0%, transparent 24%, transparent 62%, rgba(10, 31, 54, .22)); }
/* icon tile: white so the inverted (blue line-art) icon multiplies cleanly */
[data-theme="ice"] .galleries-card-icon { background: #ffffff; border-color: rgba(255, 255, 255, .9); box-shadow: 0 0 0 1px rgba(14, 92, 160, .14), 0 10px 24px -8px rgba(16, 60, 110, .45); }
/* chips on the photo: solid white pills */
[data-theme="ice"] .galleries-card-chips .status-chip {
  background: rgba(255, 255, 255, .94); border-color: rgba(255, 255, 255, .9); color: var(--ink-2);
  box-shadow: 0 4px 14px -6px rgba(10, 31, 54, .5);
}
[data-theme="ice"] .galleries-card-chips .status-chip.new { color: var(--gold); border-color: rgba(200, 140, 30, .45); }
[data-theme="ice"] .galleries-card-chips .status-chip.soon { color: #4338ca; border-color: rgba(79, 83, 214, .35); }
[data-theme="ice"] .galleries-card-body h4, [data-theme="ice"] .galleries-card-body h4 a { color: var(--ink); }
[data-theme="ice"] .galleries-card-body h4 a:hover { color: var(--cyan); }
[data-theme="ice"] .galleries-card-tag { color: var(--ink-2); }
[data-theme="ice"] .galleries-card-foot { border-top-color: var(--line); }
[data-theme="ice"] .galleries-card-note { color: var(--muted); }