/* ==========================================================================
   fix.css — اصلاح مینی‌پلیر موبایل در صفحه‌ی اصلی + دکمه‌ی پلیر تخصصی + دکمه‌ی کپی لینک
   بعد از style.css لود می‌شود و فقط همان بخش‌ها را بازنویسی می‌کند
   ========================================================================== */

/* دکمه‌ی 🎧 (لینک، نه button) */
a.chip.ppro {
  text-decoration: none;
  color: var(--text);
}

a.chip.ppro:hover {
  color: var(--text);
}

/* دکمه‌ی کپی لینک کنار ژانرهای پلیر بزرگ */
.pgn .pgcp {
  flex: none;
  white-space: nowrap;
  font-size: 0.8rem;
  border-style: dashed;
  border-color: var(--pa, var(--violet));
}

.pgn .pgcp:hover {
  background: rgba(var(--par, var(--vrgb)), 0.2);
}

/* ---------- مینی‌پلیر موبایل: دو ردیف مرتب (عکس، اسم، باز کردن، بستن / قبلی، پخش، بعدی) ----------
   با پیشوند body برای قوی‌تر بودن نسبت به style.css و player.css */
@media (max-width: 720px) {
  body #pl {
    left: 0.5rem;
    right: 0.5rem;
    bottom: max(0.5rem, env(safe-area-inset-bottom));
    width: auto;
    max-width: none;
    transform: none;
    padding: 0 0.7rem 0.6rem;
    border-radius: 20px;
  }

  body #pl .plr {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr) 40px 40px;
    grid-template-rows: auto auto;
    grid-template-areas:
      "cv tt xb cls"
      "ctl ctl ctl ctl";
    align-items: center;
    gap: 0.45rem 0.55rem;
  }

  body #pl .plr > * { min-width: 0; }

  body #pl .pcv { grid-area: cv; width: 52px; height: 52px; border-radius: 12px; }
  body #pl .pt { grid-area: tt; }
  body #pl .pt b { font-size: 0.95rem; }
  body #pl .pt small { font-size: 0.78rem; }

  body #pl .plr > .ppro { display: none; }
  body #pl .plr > .xb { display: inline-grid; grid-area: xb; }
  body #pl .plr > [data-a="close"] { display: inline-grid; grid-area: cls; }

  body #pl .pc { grid-area: ctl; display: flex; justify-content: center; gap: 1.2rem; }
  body #pl .pc [data-a="prev"],
  body #pl .pc [data-a="next"] { display: inline-grid; }

  body.hp { padding-bottom: 175px; }
  body.hp #thw { bottom: 10.8rem; }
}
