/* Vumoo V10.15 — Restore the V10.11 compact cinematic preview and player.
 * Scope strictly to V10.13/14 catalogue/direct-title overlays so the main
 * /home/ player and working shared advertising placements are unchanged. */
:root{--vumoo-player-accent:#ff2028}
/* Compact title preview, with readable buttons and a two-column season picker. */
#vumoo-title-preview{
  width:min(92vw,810px);max-width:810px;max-height:min(88dvh,760px);
  scrollbar-width:thin;scrollbar-color:#4c5262 transparent
}
#vumoo-title-preview .detail-visual{height:205px}
#vumoo-title-preview .detail-text{padding:0 28px 20px;margin-top:-25px}
#vumoo-title-preview .detail-text h2{font-size:clamp(26px,3.2vw,36px);line-height:1.08;margin:7px 0 10px}
#vumoo-title-preview .detail-overview{font-size:12px;line-height:1.58;margin:10px 0}
#vumoo-title-preview .detail-meta{font-size:11px;gap:10px}
#vumoo-title-preview .detail-buttons{margin-top:13px;gap:9px}
#vumoo-title-preview .detail-social-actions{margin-top:8px;gap:8px}
#vumoo-title-preview .detail-buttons .btn,
#vumoo-title-preview .detail-social-actions .btn{
  min-height:37px!important;padding:9px 14px!important;font-size:11px!important
}
#vumoo-title-preview .detail-buttons .btn-primary{min-width:130px;min-height:39px!important}
#vumoo-title-preview .season-zone{padding-top:11px;margin-top:14px}
#vumoo-title-preview .season-zone h3{font-size:13px;margin:0 0 4px}
#vumoo-title-preview .episodes-note{font-size:10px;margin:0 0 5px}
/* Direct title pages share the same refined, non-cluttered preview proportions. */
.vumoo-title-focus-card{width:min(810px,100%)}
.vumoo-title-focus-card .detail-visual{height:205px}
.vumoo-title-focus-card .detail-text{padding:0 28px 22px;margin-top:-25px}
.vumoo-title-focus-card .detail-text h1{font-size:clamp(27px,3.2vw,36px);margin:7px 0 10px}
.vumoo-title-focus-card .detail-overview{font-size:12px;line-height:1.6;margin:10px 0}
.vumoo-title-focus-card .detail-buttons{margin-top:13px}
.vumoo-title-focus-card .detail-social-actions{margin-top:8px}
.vumoo-title-focus-card .detail-buttons .btn,
.vumoo-title-focus-card .detail-social-actions .btn{min-height:38px!important;padding:9px 14px!important;font-size:11px!important}
.vumoo-title-focus-card #vumoo-direct-season-picker{margin-top:9px}
/* Compact season chooser: same TMDB metadata and five-season behavior. */
#vumoo-title-preview .vumoo-season-picker,
.vumoo-title-focus-card .vumoo-season-picker{
  margin-top:7px;padding:9px 10px;border-radius:7px
}
.vumoo-season-picker-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px}
.vumoo-season-picker-fields label{
  min-width:0;display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.2
}
.vumoo-season-picker-fields select{
  min-width:0;min-height:32px;height:32px;padding:5px 8px;font-size:11px;flex:1
}
.vumoo-season-status{margin:5px 0 0;font-size:10px;line-height:1.25;color:#a6b3c3}
/* Playback dialog: V10.11-style slim title bar, 16:9 player, compact controls. */
.vumoo-inline-player{
  width:min(94vw,900px,calc((100dvh - 205px) * 16 / 9));max-width:900px;
  max-height:calc(100dvh - 12px);overflow-x:hidden;overflow-y:auto;
  border-radius:11px;scrollbar-width:thin;scrollbar-color:#525869 transparent
}
.vumoo-inline-player-head{padding:8px 15px;min-height:48px}
.vumoo-inline-player-head h2{font-size:15px;line-height:1.2;margin:2px 0 0}
.vumoo-playing-kicker{font-size:8px;letter-spacing:.15em}
#vumoo-inline-close{width:33px;height:33px;font-size:23px;flex:none}
.vumoo-inline-video{
  position:relative;display:block;width:100%;aspect-ratio:16/9;
  min-height:0!important;max-height:none;overflow:hidden;background:#000
}
.vumoo-inline-video iframe{
  display:block;position:absolute;inset:0;width:100%;height:100%;border:0
}
/* V10.16: precisely restore V10.11 V8 elegant inset frosted fullscreen button. */
.vumoo-inline-corner-fullscreen{
  position:absolute;right:10px;bottom:12px;top:auto;left:auto;z-index:21;
  width:38px;height:38px;display:grid;place-items:center;padding:0;
  border:1px solid rgba(255,255,255,.22);border-radius:11px;
  background:rgba(9,14,24,.42);color:rgba(255,255,255,.9);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  box-shadow:0 2px 15px rgba(0,0,0,.22);opacity:.48;cursor:pointer;
  transition:opacity .2s,background .2s,transform .2s
}
.vumoo-inline-video:hover .vumoo-inline-corner-fullscreen,
.vumoo-inline-corner-fullscreen:focus-visible,
.vumoo-inline-corner-fullscreen:active{
  opacity:1;background:rgba(24,31,45,.78);transform:translateY(-1px)
}
.vumoo-inline-corner-fullscreen:focus-visible{outline:2px solid #e9e9ff;outline-offset:2px}
.vumoo-inline-corner-fullscreen svg{pointer-events:none;width:19px;height:19px;display:block}
.vumoo-inline-video:fullscreen .vumoo-inline-corner-fullscreen,
.vumoo-inline-video:-webkit-full-screen .vumoo-inline-corner-fullscreen{
  right:14px;bottom:14px;opacity:.55
}
@media(pointer:coarse){.vumoo-inline-corner-fullscreen{opacity:.78;right:8px;bottom:8px;width:35px;height:35px}}
.vumoo-inline-video:fullscreen,.vumoo-inline-video:-webkit-full-screen{
  width:100vw!important;height:100dvh!important;aspect-ratio:auto;
  max-height:none;background:#000
}
.vumoo-inline-episode-controls{padding:8px 12px 6px}
.vumoo-inline-episode-controls h3{font-size:11px;margin:0 0 4px}
.vumoo-inline-episode-controls .vumoo-season-picker{margin:0;padding:5px 8px;border:0;background:none}
.vumoo-inline-episode-controls .vumoo-season-picker-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}
.vumoo-inline-episode-controls .vumoo-season-picker-fields select{height:31px;min-height:31px}
.vumoo-inline-episode-controls .vumoo-season-status{margin:3px 0 0}
.vumoo-inline-play-episode{margin:6px 0 0;padding:7px 12px;min-height:31px;font-size:11px}
.vumoo-inline-player-toolbar{padding:7px 12px;gap:7px}
.vumoo-inline-player-toolbar button{padding:6px 10px;min-height:31px;font-size:10px}
.vumoo-inline-player-ad{padding:7px 10px 12px;min-width:0}
.vumoo-inline-player-ad .vumoo-ad-slot{margin-inline:auto}
@media(min-width:650px){
  .vumoo-inline-episode-controls{display:grid;grid-template-columns:1fr auto;column-gap:9px;align-items:center}
  .vumoo-inline-episode-controls h3{grid-column:1/-1}
  .vumoo-inline-episode-controls .vumoo-season-picker{min-width:0}
  .vumoo-inline-play-episode{margin:0;white-space:nowrap}
}
@media(max-width:640px){
  #vumoo-title-preview{width:96vw;max-height:92dvh}
  #vumoo-title-preview .detail-visual,.vumoo-title-focus-card .detail-visual{height:155px}
  #vumoo-title-preview .detail-text,.vumoo-title-focus-card .detail-text{padding:0 17px 17px;margin-top:-15px}
  #vumoo-title-preview .detail-text h2,.vumoo-title-focus-card .detail-text h1{font-size:27px}
  .vumoo-season-picker-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}
  .vumoo-season-picker-fields label{display:grid;gap:4px;font-size:9px}
  .vumoo-season-picker-fields select{width:100%}
  .vumoo-inline-player{width:calc(100vw - 8px);max-width:calc(100vw - 8px);max-height:calc(100dvh - 8px);border-radius:7px}
  .vumoo-inline-player-head{padding:6px 10px;min-height:42px}
  .vumoo-inline-player-head h2{font-size:13px}
  .vumoo-inline-episode-controls{padding:7px 8px}
  .vumoo-inline-player-toolbar{padding:6px 8px;gap:5px;flex-wrap:wrap}
  .vumoo-inline-player-toolbar button{min-height:29px;padding:5px 7px;font-size:10px}
  .vumoo-inline-corner-fullscreen{width:35px;height:35px;right:8px;bottom:8px}
  .vumoo-inline-play-episode{width:100%;margin-top:7px}
  .vumoo-inline-player-ad{padding:5px 6px 9px}
}
@media(max-width:370px){.vumoo-inline-player-toolbar button{flex:1 1 auto}}

/* V10.17 — Align the player CTA with both selects, not with the
   entire selector area (which also includes the episode status line).
   No DOM move or JS changes: selected seasons/episodes remain intact. */
@media (min-width:650px){
  .vumoo-inline-episode-controls{align-items:start}
  .vumoo-inline-episode-controls .vumoo-inline-play-episode{
    align-self:start;
    box-sizing:border-box;
    height:31px;
    min-height:31px;
    margin-top:5px;
    padding:0 12px;
    display:inline-flex;
    justify-content:center;
    align-items:center;
    line-height:1;
    white-space:nowrap;
  }
}

/* V10.18 — compact series chooser and discreet scrolling on every title preview.
   Dialogs remain scrollable for small screens and keyboard navigation. */
#vumoo-title-preview, .vumoo-title-focus-card{scrollbar-width:none;-ms-overflow-style:none}
#vumoo-title-preview::-webkit-scrollbar,.vumoo-title-focus-card::-webkit-scrollbar{width:0;height:0;display:none}
#vumoo-title-preview .season-zone,.vumoo-title-focus-card .vumoo-direct-season-zone{
  margin-top:14px;padding-top:12px;border-top:1px solid #ffffff24
}
#vumoo-title-preview .season-zone h3,.vumoo-title-focus-card .vumoo-direct-season-zone h3{font-size:13px;margin:0 0 4px}
#vumoo-title-preview .episodes-note,.vumoo-title-focus-card .episodes-note{font-size:10px;margin:0 0 7px}
.vumoo-episode-play-action{display:inline-flex;align-items:center;justify-content:center;min-height:35px!important;margin-top:11px;padding:8px 13px!important;font-size:11px!important}
.vumoo-title-focus-card .vumoo-direct-season-zone{margin-top:11px}
@media(max-width:640px){.vumoo-episode-play-action{width:100%}}