/* Series Player (DLE19) — UI */
.series-player{
  --sp-accent:#f4a300; --sp-bg:#0d1320; --sp-muted:#8fa1b6; --sp-br:#1b2435; --sp-r:56.25%;
  background:var(--sp-bg); border:1px solid var(--sp-br); border-radius:14px; padding:12px; color:#e6ebff;
}
.series-player .sp-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.series-player .sp-title{font-weight:700}
.series-player .sp-controls{display:flex;gap:10px;flex-wrap:wrap;margin-left:auto}
.series-player .sp-search{
  appearance:none;background:#0a101c;border:1px solid var(--sp-br);color:#e6ebff;
  border-radius:10px;padding:7px 10px;min-width:180px
}
.series-player .sp-providers{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.series-player .sp-prov{
  cursor:pointer;border:1px solid var(--sp-br);background:#0a101c;color:#e6ebff;
  padding:8px 12px;border-radius:10px;font-size:.95rem;line-height:1;transition:all .15s
}
.series-player .sp-prov.active{background:#223150}
.series-player .sp-list{display:flex;flex-wrap:wrap;gap:8px;max-height:200px;overflow:auto;padding-right:4px}
.series-player .sp-btn{
  cursor:pointer;border:1px solid var(--sp-br);background:#0a101c;color:#e6ebff;
  padding:8px 12px;border-radius:10px;font-size:.95rem;line-height:1;transition:all .15s;white-space:nowrap
}
.series-player .sp-btn:hover{border-color:#2b3550;transform:translateY(-1px)}
.series-player .sp-btn.active{background:var(--sp-accent);color:#111;border-color:var(--sp-accent)}
.series-player .sp-pager{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}
.series-player .sp-page{
  cursor:pointer;background:#0a101c;color:#cdd7ec;border:1px solid var(--sp-br);padding:6px 10px;border-radius:8px
}
.series-player .sp-page.active{background:#223150;color:#fff}

/* Iframe + overlay */
.series-player .sp-frame-wrap{position:relative;width:100%;border-radius:12px;overflow:hidden;background:#000;margin-top:10px}
.series-player .sp-frame-wrap::before{content:"";display:block;padding-top:var(--sp-r)}
.series-player .sp-frame{position:absolute;inset:0;width:100%;height:100%;border:0}
.sp-play-overlay{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;cursor:pointer;
  background:rgba(0,0,0,.45);transition:opacity .25s;border-radius:inherit;z-index:5
}
.sp-play-icon{width:90px;height:90px;opacity:.9;transition:transform .3s ease, opacity .3s}
.sp-play-overlay:hover .sp-play-icon{transform:scale(1.1);opacity:1}
.sp-play-overlay.hidden{opacity:0;pointer-events:none}

.series-player .sp-continue{margin-left:auto;background:#223150;border:1px solid var(--sp-br);color:#fff;border-radius:10px;padding:7px 10px;cursor:pointer}
.series-player .sp-continue.hidden{display:none}
.series-player .sp-count{opacity:.7;font-size:.9rem}
.series-player .sp-hint{opacity:.7;font-size:.9rem;margin-top:6px}

@media (max-width:560px){
  .series-player .sp-list{max-height:160px}
  .series-player .sp-btn{padding:7px 10px;font-size:.9rem}
  .series-player .sp-search{min-width:130px}
}