/* ==============================
STREAM GRID FOR MUZIK STREAM PAGE
================================*/

/* ====== STREAM GRID FOR MUZIK STREAM ====== */


.muzik-stream-grid {
  padding: 60px 20px;
}

.muzik-stream-grid .grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

/* Tablet */
@media (min-width: 768px) {
  .muzik-stream-grid .grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Desktop */
@media (min-width: 1024px) {
  .muzik-stream-grid .grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.stream-card {
  background: #1b1333;
  border-radius: 16px;
  padding: 16px;
  transition: all .3s ease;
}

.stream-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 20px 40px rgba(157,77,255,.2);
}

.stream-card .artwork img {
  border-radius: 10px;
  width: 100%;
}

.stream-card .title {
  margin: 12px 0 6px;
  font-size: 18px;
}

.stream-card .meta {
  color: #bbbbbb;
  font-size: 14px;
}

.stream-card audio {
  width: 100%;
  margin: 10px 0;
}

.stream-card .actions {
  margin-top: 10px;
}

/* Woo button styling */
.stream-card .button {
  width: 100%;
  text-align: center;
  border-radius: 30px;
  padding: 10px;
  background: linear-gradient(90deg, #f5b301, #ff8c42);
  color: #120a1f;
  font-weight: 600;
}