/* =====================================================
   PlanetRadio – Player control icons (SVG) FINAL
===================================================== */

.pr-controls button {
  width: 42px;
  height: 42px;

  font-size: 0 !important;
  color: transparent !important;
  line-height: 0 !important;
  text-indent: -9999px;
  overflow: hidden;

  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 18px 18px !important;
}

/* =========================
   PREV
========================= */
#btnPrev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M6 18V6h2v12H6zm3.5-6L18 6v12l-8.5-6z'/%3E%3C/svg%3E") !important;
}

/* =========================
   NEXT
========================= */
#btnNext {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M16 6v12h-2V6h2zM6 18V6l8.5 6L6 18z'/%3E%3C/svg%3E") !important;
}

/* =========================
   PLAY (DEFAULT)
========================= */
#btnPlay {
  width: 52px;
  height: 52px;
  background-size: 22px 22px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M8 5v14l11-7z'/%3E%3C/svg%3E") !important;
}

/* =========================
   PAUSE (ONLY when playing)
========================= */
#prPlayer.is-playing #btnPlay {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M6 19h4V5H6v14zm8-14v14h4V5h-4z'/%3E%3C/svg%3E") !important;
}