/*
  Audiostreamen tile overlay – scoped to .as-player-grid
  Gebruik in Elementor/HTML: geef je station-grid container de class "as-player-grid".
*/
.as-player-grid .proradio-post .proradio-post__card_cap{
  position:absolute;
  left:0; right:0; bottom:0;
  padding:6px 8px;
  background:linear-gradient(
    0deg,
    rgba(0,0,0,.85) 0%,
    rgba(0,0,0,.40) 65%,
    rgba(0,0,0,0)   100%
  );
  pointer-events:none;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
}

.as-player-grid .proradio-post__title,
.as-player-grid .proradio-meta{
  position:relative; z-index:1;
  color:#fff !important;
  text-shadow:0 1px 3px rgba(0,0,0,.9);
}

.as-player-grid .proradio-post__title{
  font-size:1.05rem;
  font-weight:600;
  line-height:1.2;
}

/* Compacte “pill” achter titel & meta */
.as-player-grid .proradio-post__title,
.as-player-grid .proradio-meta{
  display:inline-block;
  padding:2px 6px;
  background:rgba(0,0,0,0.65);
  border-radius:3px;
  color:#fff !important;
  text-shadow:none;
}

/* Optionele overlay title die door de updater wordt toegevoegd */
.as-player-grid .proradio-card-title{
  position:absolute;
  left:10px;
  top:10px;
  z-index:2;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(0,0,0,0.55);
  color:#fff;
  font-size:12px;
  font-weight:700;
  letter-spacing:.02em;
  pointer-events:none;
}