/* ============================================================
   RadyoSever — single-radio.php tam fix (v3)
   ============================================================ */

/* Hero kart — hiçbir şey kırpılmasın */
.rs-radio-hero {
  overflow: visible !important;
  position: relative;
}

/* Arka plan blur ayrı katmanda */
.rs-radio-hero-bg {
  position: absolute !important;
  inset: 0 !important;
  border-radius: 20px !important;
  overflow: hidden !important;
  z-index: 0 !important;
}

/* Hero içerik wrapper */
.rs-radio-hero-content {
  position: relative !important;
  z-index: 1 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 28px !important;
  padding: 36px 36px 36px !important;
  overflow: visible !important;   /* KESİNLİKLE hidden değil */
  border-radius: 20px !important;
}

/* Logo */
.rs-radio-hero-logo {
  flex-shrink: 0 !important;
}
.rs-radio-hero-logo img {
  width: 130px !important;
  height: 130px !important;
  border-radius: 14px !important;
  object-fit: cover !important;
  display: block !important;
}

/* Sağ bilgi kolonu */
.rs-radio-hero-info {
  flex: 1 !important;
  min-width: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

/* Rozetler */
.rs-radio-hero-cats {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-bottom: 10px !important;
}

/* Başlık */
.rs-radio-hero-title {
  font-size: clamp(1.4rem, 3vw, 2rem) !important;
  font-weight: 800 !important;
  color: #fff !important;
  margin: 0 0 14px 0 !important;
  line-height: 1.2 !important;
}

/* Stat kutuları — yatay, yanyana */
.rs-radio-hero-stats {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 0 0 20px 0 !important;
}

.rs-radio-hero-stat {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 8px 14px !important;
  background: rgba(255,255,255,0.07) !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
  border-radius: 8px !important;
  min-width: 64px !important;
  gap: 2px !important;
}

.rs-radio-hero-stat strong {
  font-size: 0.95rem !important;
  font-weight: 800 !important;
  color: #fff !important;
  display: block !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}

.rs-radio-hero-stat span {
  font-size: 9px !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,0.4) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.08em !important;
  display: block !important;
  white-space: nowrap !important;
}

.rs-radio-hero-stat-live strong {
  color: #ef4444 !important;
}

/* ── BUTONLAR SATIRI — kritik kısım ── */
.rs-radio-hero-actions {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex-wrap: nowrap !important;   /* WRAP KAPALI — yan yana dursun */
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

/* Şimdi Dinle butonu */
.rs-radio-hero-actions .rs-btn-lg {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

/* Yuvarlak ikon butonlar */
.rs-radio-hero-actions .rs-btn-icon,
.rs-radio-hero-actions .rs-favorite-btn,
.rs-radio-hero-actions .rs-share-btn {
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  padding: 0 !important;
  background: rgba(255,255,255,0.08) !important;
  border: 1px solid rgba(255,255,255,0.18) !important;
  cursor: pointer !important;
  overflow: visible !important;
}

/* Bozuk yayın butonu — kırmızı, diğerlerinden biraz farklı */
.rs-radio-hero-actions .rs-broken-stream-btn,
.rs-radio-hero-actions [class*="broken"] {
  flex-shrink: 0 !important;
  white-space: nowrap !important;
}

/* Favori aktif durumu */
.rs-radio-hero-actions .rs-favorite-btn.active {
  background: rgba(236,72,153,0.2) !important;
  border-color: #ec4899 !important;
}
.rs-radio-hero-actions .rs-favorite-btn.active svg {
  fill: #ec4899 !important;
  stroke: #ec4899 !important;
}

/* ── MOBİL ── */
@media (max-width: 640px) {
  .rs-radio-hero-content {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 24px 18px 28px !important;
    gap: 16px !important;
  }
  .rs-radio-hero-logo img {
    width: 96px !important;
    height: 96px !important;
  }
  .rs-radio-hero-cats  { justify-content: center !important; }
  .rs-radio-hero-stats { justify-content: center !important; }
  .rs-radio-hero-actions {
    justify-content: center !important;
    flex-wrap: wrap !important;  /* mobilde wrap açık */
  }
}

@media (max-width: 400px) {
  .rs-radio-hero-content { padding: 18px 14px 22px !important; }
  .rs-radio-hero-title   { font-size: 1.2rem !important; }
  .rs-radio-hero-stat    { padding: 6px 10px !important; min-width: 54px !important; }
}

/* playing animasyonu hero içinde taşmaya sebep olmasın */
.rs-radio-hero-actions .rs-play-radio.playing {
  animation: none !important;
  transform: none !important;
  position: static !important;
  z-index: auto !important;
}

/* =====================================================
   Single radyo — hero aksiyon butonları
   (single-radio.php içindeki inline style buraya taşındı)
===================================================== */
.rs-radio-hero-actions{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    align-items:center;
    gap:8px;
    overflow:visible;
    margin-top:4px;
    width:100%;
    max-width:100%;
}
.rs-radio-hero-actions .rs-btn-lg{
    flex-shrink:0;
    padding:10px 18px;
    font-size:14px;
}
.rs-radio-hero-actions .rs-btn-icon,
.rs-radio-hero-actions .rs-favorite-btn,
.rs-radio-hero-actions .rs-share-btn{
    width:38px;
    height:38px;
    min-width:38px;
    flex-shrink:0;
    padding:0;
}
.rs-radio-hero-actions .rs-report-btn,
.rs-radio-hero-actions .rs-broken-stream-btn,
.rs-radio-hero-actions [class*="broken"],
.rs-radio-hero-actions [class*="report"]{
    flex-shrink:0;
    white-space:nowrap;
    font-size:12px;
    padding:8px 12px;
}
/* Çok dar ekranlarda butonlar taşmasın: yatay kaydırma yerine sar */
@media (max-width:380px){
    .rs-radio-hero-actions{ flex-wrap:wrap; }
    .rs-radio-hero-actions .rs-btn-lg{ width:100%; justify-content:center; }
}