/* پلیر پادکست جذاب - رقص نویز روی کاور */
.podcast-player-wrap{
  --pp-primary: var(--primary, #0a3d62);
  --pp-accent: var(--accent, #60a3bc);
  background:linear-gradient(180deg, #0f1f2f 0%, #0a3d62 100%);
  border-radius:28px;
  overflow:hidden;
  position:relative;
  color:white;
  box-shadow:0 24px 80px rgba(10,61,98,0.25);
  border:1px solid rgba(255,255,255,0.08);
  content-visibility:auto;
}
.podcast-player-cover{
  position:relative;
  aspect-ratio:1/1;
  overflow:hidden;
  background:#0a1f33;
  isolation:isolate;
}
.podcast-player-cover img{
  width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1);
}
.podcast-player-cover canvas{
  position:absolute;inset:0;
  width:100%;height:100%;
  z-index:2;
  mix-blend-mode:screen;
  opacity:0.85;
}
.podcast-player-cover::after{
  content:'';
  position:absolute;inset:0;
  background:radial-gradient(600px 400px at 50% 80%, rgba(96,163,188,0.35), transparent 70%),
             linear-gradient(180deg, transparent 40%, rgba(10,30,50,0.9) 100%);
  z-index:1;
  pointer-events:none;
}
.podcast-player-cover.playing img{transform:scale(1.06)}
.podcast-player-info{
  position:absolute;bottom:0;left:0;right:0;
  z-index:3;
  padding:18px 20px;
  background:linear-gradient(0deg, rgba(0,0,0,0.75) 0%, transparent 100%);
}
.podcast-player-info h3{font-size:16px;font-weight:800;line-height:1.3;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.podcast-player-info p{font-size:12px;opacity:.8;margin:0}

.podcast-player-controls{
  padding:18px 20px 20px;
  background:rgba(255,255,255,0.04);
  backdrop-filter:blur(20px);
  border-top:1px solid rgba(255,255,255,0.08);
}
.pp-progress-wrap{
  height:6px;background:rgba(255,255,255,0.15);border-radius:999px;overflow:hidden;cursor:pointer;position:relative;
}
.pp-progress-bar{
  height:100%;width:0%;background:linear-gradient(90deg, var(--pp-accent), #82ccdd);border-radius:999px;transition:width .12s linear;position:relative;
}
.pp-progress-bar::after{
  content:'';position:absolute;right:-6px;top:50%;transform:translateY(-50%);
  width:12px;height:12px;border-radius:50%;background:white;box-shadow:0 2px 8px rgba(0,0,0,0.3);
  opacity:0;transition:opacity .2s;
}
.pp-progress-wrap:hover .pp-progress-bar::after{opacity:1}
.pp-time{display:flex;justify-content:space-between;font-size:11px;opacity:.7;margin-top:8px;letter-spacing:.02em}

.pp-buttons{display:flex;align-items:center;gap:14px;margin-top:16px}
.pp-btn{
  width:44px;height:44px;border-radius:50%;border:none;
  display:grid;place-items:center;
  background:rgba(255,255,255,0.1);
  color:white;cursor:pointer;transition:.2s;
  font-size:18px;
}
.pp-btn:hover{background:rgba(255,255,255,0.18);transform:scale(1.04)}
.pp-btn:active{transform:scale(.96)}
.pp-btn.play{
  width:56px;height:56px;
  background:linear-gradient(135deg, #60a3bc, #82ccdd);
  box-shadow:0 8px 24px rgba(96,163,188,0.4);
  font-size:22px;
}
.pp-btn.play:hover{transform:scale(1.06);box-shadow:0 12px 32px rgba(96,163,188,0.5)}
.pp-btn.active{color:#82ccdd;background:rgba(130,204,221,0.2)}

.pp-volume{margin-left:auto;display:flex;align-items:center;gap:8px}
.pp-volume input[type=range]{width:80px;accent-color:var(--pp-accent)}

.pp-wave-bars{
  display:flex;align-items:end;gap:3px;height:28px;margin-left:8px;
}
.pp-wave-bars span{
  width:3px;background:linear-gradient(180deg, var(--pp-accent), rgba(255,255,255,0.8));
  border-radius:999px;
  animation:ppBarDance 0.6s ease-in-out infinite alternate;
  height:6px;
}
.pp-wave-bars.paused span{animation-play-state:paused; height:4px!important; opacity:.4}
@keyframes ppBarDance{
  0%{height:6px}
  100%{height:24px}
}
.pp-wave-bars span:nth-child(2){animation-delay:.1s}
.pp-wave-bars span:nth-child(3){animation-delay:.2s}
.pp-wave-bars span:nth-child(4){animation-delay:.15s}
.pp-wave-bars span:nth-child(5){animation-delay:.3s}

/* حالت مینی پلیر در آرشیو */
.podcast-card-player{position:relative}
.podcast-card-player .podcast-player-wrap{border-radius:18px}
.podcast-card-player .podcast-player-cover{aspect-ratio:16/9}
.podcast-card-player .pp-buttons{gap:10px;margin-top:12px}
.podcast-card-player .pp-btn{width:40px;height:40px;font-size:16px}
.podcast-card-player .pp-btn.play{width:48px;height:48px;font-size:18px}

/* انیمیشن‌های اضافی سکشن */
@keyframes floatSlow{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes shimmerWave{0%{background-position:-200% 0}100%{background-position:200% 0}}