/* ═══════════════════════════════════════════
   STRANGE PHANTOM v3.7 — TICKER + NEW FRAMES
═══════════════════════════════════════════ */

/* ══════════════════════════
   تیکەری سەرەوە — پریمیوم
══════════════════════════ */
.sph-ticker {
  width: 100%;
  display: flex;
  align-items: center;
  height: 38px;
  background: linear-gradient(90deg,
    rgba(200,120,255,.15) 0%,
    rgba(8,6,24,.95) 8%,
    rgba(8,6,24,.95) 92%,
    rgba(245,200,66,.12) 100%);
  border-bottom: 1px solid rgba(200,120,255,.2);
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
  z-index: 100;
}

/* لەیبڵی LIVE */
.ticker-label {
  flex-shrink: 0;
  padding: 0 12px 0 16px;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .15em;
  color: var(--red);
  text-shadow: 0 0 10px var(--red-glow);
  border-left: 2px solid var(--red);
  height: 100%;
  display: flex;
  align-items: center;
  background: rgba(255,45,71,.06);
  animation: livePulse 1.5s ease-in-out infinite;
}
@keyframes livePulse { 0%,100%{opacity:1} 50%{opacity:.6} }

/* تراک */
.ticker-track {
  flex: 1;
  overflow: hidden;
  height: 100%;
  display: flex;
  align-items: center;
  mask-image: linear-gradient(90deg, transparent 0%, black 4%, black 96%, transparent 100%);
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, black 4%, black 96%, transparent 100%);
}

/* ناوەرۆکی سکرۆڵ */
.ticker-inner {
  display: inline-flex;
  align-items: center;
  gap: 0;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 600;
  color: var(--tx2);
  animation: tickerMove 40s linear infinite;
  will-change: transform;
}

.ticker-inner span {
  padding: 0 20px;
  position: relative;
}
.ticker-inner span + span::before {
  content: '·';
  position: absolute;
  right: 0;
  color: rgba(200,120,255,.4);
}

@keyframes tickerMove {
  0%   { transform: translateX(0); }
  100% { transform: translateX(calc(-1 * var(--tw, 50%))); }
}

/* ڕووناکی: تیکەر */
[data-theme="light"] .sph-ticker {
  background: linear-gradient(90deg, rgba(200,120,255,.08), rgba(240,238,255,.97), rgba(245,200,66,.06));
  border-bottom-color: rgba(140,120,220,.2);
}
[data-theme="light"] .ticker-inner { color: var(--tx3); }

/* ══════════════════════════
   فرەیمەکانی نوێ
══════════════════════════ */
.frx-crystal::after {
  background: conic-gradient(#00deff,#a0f0ff,#ffffff,#00deff,#5b9fff,#00deff);
  box-shadow: 0 0 22px rgba(0,222,255,.6);
  animation-duration: 2.5s;
}
.frx-neon::after {
  background: conic-gradient(#ffff00,#ff6600,#ff0066,#6600ff,#0066ff,#00ffff,#ffff00);
  box-shadow: 0 0 24px rgba(255,255,0,.5);
  animation-duration: 1.8s;
}
.frx-dragon::after {
  background: conic-gradient(#ff2d47,#ff8c00,#ffd700,#ff8c00,#ff2d47);
  box-shadow: 0 0 28px rgba(255,80,0,.7);
  animation-duration: 1.5s;
}
.frx-galaxy::after {
  background: conic-gradient(#6600ff,#aa00ff,#0033ff,#0099ff,#00ccff,#aa00ff,#6600ff);
  box-shadow: 0 0 26px rgba(100,0,255,.6);
  animation-duration: 4s;
}
.frx-matrix::after {
  background: conic-gradient(#00ff44,#004400,#00ff44,#002200,#00ff44);
  box-shadow: 0 0 20px rgba(0,255,68,.5);
  animation-duration: 1.6s;
}
.frx-lunar::after {
  background: conic-gradient(#c8c8ff,#6060aa,#ffffff,#c8c8ff,#8080cc);
  box-shadow: 0 0 18px rgba(200,200,255,.4);
  animation-duration: 5s;
}
.frx-electric::after {
  background: conic-gradient(#ffdd00,#ffffff,#ffdd00,#ff8800,#ffdd00);
  box-shadow: 0 0 24px rgba(255,220,0,.7);
  animation-duration: .8s;
}
.frx-ancient::after {
  background: conic-gradient(#d4aa60,#8b6914,#d4aa60,#f0d080,#d4aa60);
  box-shadow: 0 0 18px rgba(212,170,96,.5);
  animation-duration: 3s;
}

/* ══════════════════════════
   بەشی ڕیکلامی لۆبی (Ad Zones)
══════════════════════════ */
#adZoneAuth {
  width: 100%;
  margin: 0 0 12px;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#adZoneMenu {
  width: 100%;
  min-height: 52px;
  background: linear-gradient(135deg, rgba(200,120,255,.07), rgba(8,6,24,.6));
  border: 1px solid rgba(200,120,255,.12);
  border-radius: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 4px;
}

/* ══════════════════════════
   Admin یایتەیم — تایبەت
══════════════════════════ */
#scr-admin,
.admin-only {
  border-left: 3px solid var(--gold) !important;
}

.admin-tab.on {
  background: linear-gradient(135deg, rgba(245,200,66,.15), rgba(200,120,255,.1)) !important;
  color: var(--gold) !important;
  border: 1px solid rgba(245,200,66,.25) !important;
}

/* ══════════════════════════
   Animation: گلۆ لەسەر هەڵبژاردن
══════════════════════════ */
.shop-item.equipped::before {
  content: '' !important;
  position: absolute !important;
  inset: -2px !important;
  border-radius: 22px !important;
  background: linear-gradient(135deg, rgba(245,200,66,.3), rgba(200,120,255,.2)) !important;
  z-index: -1 !important;
  animation: equippedPulse 2s ease-in-out infinite !important;
}
@keyframes equippedPulse {
  0%,100% { opacity: .6; }
  50%      { opacity: 1; }
}

/* ══════════════════════════
   ئادمین سکرین: تایبەت
══════════════════════════ */
#scr-admin .card {
  border-color: rgba(245,200,66,.2) !important;
}
#scr-admin .eyebrow {
  color: var(--gold) !important;
}

/* Responsive */
@media (min-width: 720px) {
  .ticker-inner { font-size: 13px; }
  .ticker-label { padding: 0 16px 0 20px; font-size: 11px; }
}
