/* Podcast.ma Global Player (v2) - light premium */
:root{
  --pmu-paper:#f4f0e8;
  --pmu-card:#ffffff;
  --pmu-ink:#111111;
  --pmu-muted:rgba(0,0,0,.62);
  --pmu-border:rgba(0,0,0,.10);
  --pmu-shadow: 0 16px 50px rgba(0,0,0,.12);
  --pmu-accent:#ff6a2a; /* Thmanyah-like accent */
}

/* Inline trigger */
.pmu-track{
  display:flex;
  gap:14px;
  align-items:center;
  padding:16px;
  border-radius:18px;
  background: var(--pmu-card);
  border:1px solid var(--pmu-border);
  box-shadow: 0 10px 30px rgba(0,0,0,.06);
  margin: 16px 0 18px;
}
.pmu-track__cover{
  width:66px;height:66px;border-radius:16px;overflow:hidden;
  background: linear-gradient(180deg, rgba(255,106,42,.14), rgba(0,0,0,.02));
  border:1px solid rgba(0,0,0,.06);
  flex:0 0 auto;
}
.pmu-track__cover img{width:100%;height:100%;object-fit:cover}
.pmu-track__meta{min-width:0;flex:1}
.pmu-track__title{
  font-weight:900;
  color:var(--pmu-ink);
  font-size:18px;
  line-height:1.15;
  letter-spacing:-.01em;
  margin:0 0 6px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.pmu-track__sub{display:flex; gap:10px; flex-wrap:wrap; color:var(--pmu-muted); font-weight:700; font-size:13px}
.pmu-track__actions{display:flex; align-items:center; gap:10px}
.pmu-btn{
  height:44px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(0,0,0,.10);
  background: rgba(0,0,0,.03);
  color: rgba(0,0,0,.86);
  font-weight:850;
  cursor:pointer;
}
.pmu-btn:hover{background: rgba(0,0,0,.05)}
.pmu-btn--play{
  width:48px; padding:0;
  border-color: transparent;
  background: var(--pmu-accent);
  color:#fff;
  box-shadow: 0 10px 24px rgba(255,106,42,.18);
}
.pmu-btn--play:hover{filter:brightness(.98)}
.pmu-btn--icon{width:44px;padding:0;font-size:18px}

/* Global footer player */
.pmu-gp{
  position:fixed;
  left:0; right:0; bottom:0;
  z-index:9999;
  background: rgba(244,240,232,.92);
  backdrop-filter: blur(16px);
  border-top:1px solid var(--pmu-border);
  box-shadow: 0 -18px 60px rgba(0,0,0,.14);
}
.pmu-gp[hidden]{display:none !important}
.pmu-gp__inner{
  display:flex;
  align-items:center;
  gap:14px;
  padding: 12px 18px;
}
.pmu-gp__left{
  display:flex; align-items:center; gap:12px;
  min-width: 240px;
}
.pmu-gp__cover{width:46px;height:46px;border-radius:14px;overflow:hidden;background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.06)}
.pmu-gp__cover img{width:100%;height:100%;object-fit:cover}
.pmu-gp__text{min-width:0}
.pmu-gp__title{
  font-weight:900;color:var(--pmu-ink);font-size:14px;line-height:1.2;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.pmu-gp__meta{color:var(--pmu-muted);font-weight:700;font-size:12px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis}

.pmu-gp__mid{flex:1;min-width:0}
.pmu-gp__controls{display:flex;align-items:center;gap:10px}
.pmu-gp__time{font-variant-numeric:tabular-nums;color:var(--pmu-muted);font-weight:800;font-size:12px;min-width:92px;text-align:center}
.pmu-range{width:100%; accent-color: var(--pmu-accent)}
.pmu-gp__right{display:flex;align-items:center;gap:10px}
.pmu-gp__close{width:42px;height:42px;border-radius:999px;border:1px solid rgba(0,0,0,.10);background:rgba(0,0,0,.03);cursor:pointer;font-size:20px;line-height:1}
.pmu-gp__close:hover{background:rgba(0,0,0,.06)}

@media (max-width: 820px){
  .pmu-gp__left{min-width:0}
  .pmu-gp__meta{display:none}
}
@media (max-width: 640px){
  .pmu-gp__cover{display:none}
  .pmu-gp__time{display:none}
}
body.pmu-gp-on{padding-bottom: 92px;}