/* ===== Radio Damici – stil personalizat pentru tabel Now Playing / Coming Soon / Recently Played ===== */

/* Container general */
.rdj-wrap.now-playing{
  background: #202736 !important;   /* fundal principal dark */
  color: #f1f1f1 !important;        /* text principal */
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 16px !important;
  box-shadow: 0 10px 30px rgba(0,0,0,.35) !important;
  padding: 18px 18px 6px !important;
  max-width: 920px;
  margin: 24px auto;
}

/* Tabel */
#nptable{
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
  border: 0 !important;
  background: transparent !important;
}

/* Antete secțiuni */
#nptable .header_live{
  text-align: left !important;
  padding: 10px 12px !important;
  text-transform: uppercase;
  letter-spacing: .4px;
  font-size: clamp(16px,2.2vw,20px) !important;  /* font mare */
  font-weight: 800 !important;
  color: #e63946 !important;    /* accent roșu */
  background: transparent !important;
  border-bottom: 1px solid rgba(255,255,255,.1) !important;
}

/* Now Playing – piesa curentă */
#nptable tr.current-track td.playing_track{
  padding: 14px 16px !important;
  background: linear-gradient(180deg, rgba(230,57,70,.15), rgba(255,255,255,.04)) !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  border-left: 4px solid #e63946 !important;  /* accent roșu */
  border-radius: 12px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.25) !important;
  color: #f1f1f1 !important;
  font-size: clamp(16px,2.2vw,20px) !important;
  line-height: 1.4 !important;
}
#nptable .current-track .artist{ font-weight: 800; }
#nptable .current-track .title{ font-weight: 600; }
#nptable .current-track .duration{ color: #b5bdd0; margin-left: 10px; font-size: .92em; }
#nptable .current-track .separator{ opacity: .6; padding: 0 6px; }

/* Equalizer animat */
#nptable .current-track .playing_track::before{
  content:"▮ ▮ ▮";
  display:inline-block; margin-right:10px; font-size:12px; letter-spacing:2px;
  color: #e63946; vertical-align: middle;
  animation: rdjPulse 1.2s infinite ease-in-out;
}
@keyframes rdjPulse{
  0%,100%{opacity:.35;transform:translateY(0)}
  50%{opacity:1;transform:translateY(-1px)}
}

/* Coming Soon */
#nptable tr.coming-soon td,
#nptable tr.comming-soon td{
  padding: 10px 12px !important;
  background: rgba(255,255,255,.03) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 10px !important;
  color: #f1f1f1 !important;
}
#nptable tr.coming-soon td .artist,
#nptable tr.comming-soon td .artist{ font-weight: 600; }
#nptable tr.coming-soon td .separator,
#nptable tr.comming-soon td .separator{ padding: 0 6px; opacity:.5; }

/* Recently Played */
#nptable tr.recent-tracks td{
  padding: 10px 12px !important;
  background: rgba(255,255,255,.02) !important;
  border: 1px solid rgba(255,255,255,.06) !important;
  border-radius: 10px !important;
  color: #f1f1f1 !important;
  transition: transform .12s ease, background .12s ease;
}
#nptable tr.recent-tracks:nth-child(odd) td{
  background: rgba(230,57,70,0.05) !important;   /* subtil, roșu translucid */
}
#nptable tr.recent-tracks td:hover{
  transform: translateY(-1px);
  background: rgba(230,57,70,0.15) !important;   /* highlight la hover */
}
#nptable tr.recent-tracks .timestamp{
  display:inline-block; min-width:72px;
  font-family: ui-monospace, Menlo, Consolas, monospace;
  color: #b5bdd0; margin-right:8px;
}
#nptable tr.recent-tracks .artist{ font-weight: 600; }
#nptable tr.recent-tracks .separator{ padding: 0 6px; opacity:.5; }
#nptable tr.recent-tracks .duration{ color: #b5bdd0; margin-left:8px; font-size:.9em; }

/* Elimină vechiul fundal albastru */
#nptable .odd{ background: transparent !important; }

/* ===== Fix text lung pe desktop și mobil ===== */
#nptable .playing_track,
#nptable tr.coming-soon td,
#nptable tr.comming-soon td,
#nptable tr.recent-tracks td{
  white-space: normal !important;   /* permite mai multe rânduri */
  word-break: break-word !important; /* rupe cuvintele foarte lungi */
}

/* ===== Mobil ===== */
@media (max-width: 600px){
  .rdj-wrap.now-playing{
    padding: 14px 12px 6px !important;
    border-radius: 14px !important;
  }
  #nptable tr.current-track td.playing_track{
    font-size: 16px !important;
    padding: 12px !important;
  }
  #nptable .header_live{
    font-size: 14px !important;
    padding: 8px 8px !important;
  }
  #nptable td{
    padding: 8px 10px !important;
  }
}