/* Inline Audio Player (neon theme, minimal + isolated) */

.djhf-iap-container{
  border:1px solid rgba(0,255,255,.35);
  box-shadow:0 0 14px rgba(0,255,255,.18);
  border-radius:12px;
  padding:12px;
  margin:14px 0;
  background:rgba(0,0,0,.25);
}

.djhf-iap-title{
  font-weight:800;
  margin:0 0 6px;
}

.djhf-iap-desc{
  margin:0 0 10px;
}

.djhf-iap-bar{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

.djhf-iap-btn{
  padding:8px 12px;
  border-radius:999px;
  border:1px solid rgba(0,255,255,.45);
  background:transparent;
  color:inherit;
}

.djhf-iap-btn[disabled]{
  opacity:.55;
}

.djhf-iap-meta{
  display:flex;
  gap:10px;
  align-items:flex-start;
  flex:1 1 auto;
  min-width:180px;
}

.djhf-iap-fn{
  flex:1 1 auto;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:14px;
}


.djhf-iap-textcol{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:2px;
}

.djhf-iap-submeta,
.djhf-iap-subdesc,
.djhf-iap-substats,
.djhf-iap-stats{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:12px;
  opacity:.78;
}

.djhf-iap-substats,
.djhf-iap-stats{
  opacity:.9;
}

.djhf-iap-time{
  font-variant-numeric:tabular-nums;
  font-size:13px;
  opacity:.85;
}

.djhf-iap-icons{
  display:flex;
  gap:8px;
  align-items:center;
}

.djhf-iap-icon{
  width:34px;
  height:34px;
  border-radius:999px;
  border:1px solid rgba(0,255,255,.45);
  background:transparent;
  color:inherit;
  display:flex;
  align-items:center;
  justify-content:center;
}

.djhf-iap-eq{
  display:flex;
  gap:3px;
  align-items:flex-end;
  height:24px;
  margin-top:10px;
}

.djhf-iap-eq .bar{
  width:4px;
  height:6px;
  border-radius:3px;
  background:rgba(0,255,255,.85);
  opacity:.65;
  transform-origin: center bottom;
  will-change: transform,height,opacity;
}

/* Seek bar + EQ mounted in the top bar */
.djhf-iap-seek{
  flex: 1 1 150px;
  min-width: 110px;
  max-width: 240px;
}
.djhf-iap-seek.djhf-iap-seek-basic{
  max-width: 180px;
}
.djhf-iap-eq.djhf-iap-eq-inline{
  margin-top: 0;
  height: 18px;
  width: 86px;
}
.djhf-iap-eq.djhf-iap-eq-inline .bar{ width:6px; }

.djhf-iap-eq.djhf-iap-eq-anim .bar{
  animation: djhfEqPulse 0.9s infinite ease-in-out;
}

.djhf-iap-eq.djhf-iap-eq-anim .bar:nth-child(2){animation-delay:.08s}
.djhf-iap-eq.djhf-iap-eq-anim .bar:nth-child(3){animation-delay:.16s}
.djhf-iap-eq.djhf-iap-eq-anim .bar:nth-child(4){animation-delay:.24s}
.djhf-iap-eq.djhf-iap-eq-anim .bar:nth-child(5){animation-delay:.32s}
.djhf-iap-eq.djhf-iap-eq-anim .bar:nth-child(6){animation-delay:.40s}
.djhf-iap-eq.djhf-iap-eq-anim .bar:nth-child(7){animation-delay:.48s}
.djhf-iap-eq.djhf-iap-eq-anim .bar:nth-child(8){animation-delay:.56s}

@keyframes djhfEqPulse{
  0%{ transform:scaleY(0.55); opacity:.45; }
  25%{ transform:scaleY(1.35); opacity:.72; }
  50%{ transform:scaleY(2.05); opacity:.92; }
  75%{ transform:scaleY(1.15); opacity:.72; }
  100%{ transform:scaleY(0.55); opacity:.45; }
}

/* Modal */
.djhf-iap-overlay{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.75);
  z-index:9999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:16px;
}

.djhf-iap-modal{
  max-width:520px;
  width:100%;
}



/* --- Inline Audio Player: URL wrapping + normalized counters --- */
.djhf-iap-desc,
.djhf-iap-desc a{
  overflow-wrap: anywhere;
  word-break: break-word;
}

.djhf-iap-substats{
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}