/**
 * /markets/live-news — page-scoped theme.
 *
 * The page is intentionally always-dark (terminal feel).
 * Scoped to `[data-zs-page="live-news"]`; ignores global light toggle.
 */

[data-zs-page='live-news'] {
  /* Surfaces — deep void → glass */
  --ln-canvas: #030504;
  --ln-canvas-soft: #060a08;
  --ln-surface: #070b0a;
  --ln-surface-2: #0b1110;
  --ln-surface-3: #101412;
  --ln-glass: rgba(7, 11, 10, 0.72);
  --ln-glass-strong: rgba(11, 17, 16, 0.85);

  /* Text */
  --ln-text: #f5f7f4;
  --ln-text-soft: #c7ccc8;
  --ln-text-muted: #9ca3af;
  --ln-text-faint: #5b6170;

  /* Brand accent — used sparingly */
  --ln-accent: #a3ff12;
  --ln-accent-soft: rgba(163, 255, 18, 0.08);
  --ln-accent-mid: rgba(163, 255, 18, 0.16);
  --ln-accent-glow: rgba(163, 255, 18, 0.22);
  --ln-accent-line: rgba(163, 255, 18, 0.22);

  /* Live red (broadcast badge) */
  --ln-live: #ff3b3b;
  --ln-live-soft: rgba(255, 59, 59, 0.12);
  --ln-live-glow: rgba(255, 59, 59, 0.35);

  /* Borders — extremely soft, mostly transparent */
  --ln-border: rgba(255, 255, 255, 0.05);
  --ln-border-strong: rgba(255, 255, 255, 0.09);
  --ln-divider: rgba(245, 247, 244, 0.06);

  /* Shadows — no chunky drop shadows, only ambient glows */
  --ln-shadow-card: 0 0 40px rgba(0, 0, 0, 0.5);
  --ln-shadow-card-hover: 0 0 48px rgba(163, 255, 18, 0.06);

  background: var(--ln-canvas);
  color: var(--ln-text);
}

[data-zs-page='live-news'].page-ltr {
  direction: ltr;
  text-align: left;
}

[data-zs-page='live-news'].page-ltr .ln-rail {
  direction: ltr;
}

[data-zs-page='live-news'].page-ltr .text-right {
  text-align: left;
}

/* Force dark — live news terminal (ignore site light mode). */
html.light [data-zs-page='live-news'][data-zs-force-dark='true'],
[data-zs-page='live-news'][data-zs-force-dark='true'] {
  color-scheme: dark;
}

/* ─── LIVE pulse (badge dot + ring) ──────────────────────────────────── */
@keyframes ln-live-pulse {
  0%   { box-shadow: 0 0 0 0 var(--ln-live-glow); }
  70%  { box-shadow: 0 0 0 8px rgba(255, 59, 59, 0); }
  100% { box-shadow: 0 0 0 0 rgba(255, 59, 59, 0); }
}

.ln-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 9999px;
  background: var(--ln-live);
  animation: ln-live-pulse 1.6s ease-out infinite;
}

/* Soft ambient glow used by hovered / live cards. */
@keyframes ln-card-pulse {
  0%, 100% { box-shadow: 0 0 0 1px var(--ln-accent-mid), 0 0 36px rgba(163, 255, 18, 0.06); }
  50%      { box-shadow: 0 0 0 1px var(--ln-accent-line), 0 0 50px rgba(163, 255, 18, 0.12); }
}

.ln-card-live {
  animation: ln-card-pulse 4s ease-in-out infinite;
}

/* Schedule item highlight (LIVE NOW). */
@keyframes ln-row-pulse {
  0%, 100% { background: rgba(163, 255, 18, 0.06); }
  50%      { background: rgba(163, 255, 18, 0.10); }
}

.ln-row-live {
  animation: ln-row-pulse 3.2s ease-in-out infinite;
}

/* Auto-scroll target offset (allow sticky header room). */
.ln-scroll-anchor {
  scroll-margin-top: 96px;
}

/* Hide native scrollbars on horizontal pill rails. */
.ln-rail::-webkit-scrollbar { display: none; }
.ln-rail { scrollbar-width: none; -ms-overflow-style: none; }

/* Tablet 768–1023 — touch targets only; desktop ≥1280 unchanged */
@media (min-width: 768px) and (max-width: 1023px) {
  [data-zs-page='live-news'] .ln-rail button {
    min-height: 40px;
    padding-top: 8px;
    padding-bottom: 8px;
  }

  [data-zs-page='live-news'] div.sticky.z-30 button[role='tab'],
  [data-zs-page='live-news'] div.sticky.z-30 button[role='switch'] {
    min-height: 40px;
  }

  [data-zs-page='live-news'] aside[aria-label='جدول البث المباشر'] li {
    min-height: 44px;
  }
}