.beeteam368-player-wrapper.vidmov-hls2-active{position:relative;overflow:hidden;background:#000}
.beeteam368-player-wrapper.vidmov-hls2-active .vidmov-hls2-player{position:relative;width:100%;height:100%;min-height:100%;background:#000}
.beeteam368-player-wrapper.vidmov-hls2-active .vidmov-hls2-video{display:block;width:100%!important;height:100%!important;min-height:100%;object-fit:contain;background:#000}
.vidmov-hls2-status{position:absolute;left:12px;right:12px;bottom:12px;z-index:20;display:none;padding:8px 10px;border-radius:4px;background:rgba(0,0,0,.72);color:#fff;font-size:13px}
.vidmov-hls2-status.is-visible{display:block}.vidmov-hls2-status.is-error{background:rgba(160,0,0,.88)}
.vidmov-hls2-admin-option{display:inline-flex!important;align-items:center;gap:6px;margin:0 12px 6px 0}
.vidmov-hls2-fallback-field .cmb2-metabox-description{margin-top:6px}

/* HLS2 owns the wrapper; VidMov must not reinsert an interactive overlay/player above it. */
.beeteam368-player-wrapper.vidmov-hls2-active > .mejs__container,
.beeteam368-player-wrapper.vidmov-hls2-active .mejs__container,
.beeteam368-player-wrapper.vidmov-hls2-active > .player-banner,
.beeteam368-player-wrapper.vidmov-hls2-active > .player-load-overlay,
.beeteam368-player-wrapper.vidmov-hls2-active .mejs__offscreen{display:none!important;visibility:hidden!important;pointer-events:none!important;}
.beeteam368-player-wrapper.vidmov-hls2-active .vidmov-hls2-player{z-index:30;}
.beeteam368-player-wrapper.vidmov-hls2-active .vidmov-hls2-video{position:relative;z-index:31;}


/* Fix VidMov double aspect-ratio height: the HLS2 wrapper owns the 16:9 box. */
.beeteam368-player.vidmov-hls2-host > .beeteam368-player-wrapper-ratio{
  display:none!important;
}
.beeteam368-player.vidmov-hls2-host{
  height:auto!important;
}
.beeteam368-player.vidmov-hls2-host > .beeteam368-player-wrapper.vidmov-hls2-active{
  position:relative!important;
  display:block!important;
  width:100%!important;
  height:0!important;
  padding-top:56.25%!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
}
.beeteam368-player.vidmov-hls2-host > .beeteam368-player-wrapper.vidmov-hls2-active .vidmov-hls2-player{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
}
.beeteam368-player.vidmov-hls2-host > .beeteam368-player-wrapper.vidmov-hls2-active .vidmov-hls2-video{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  object-fit:contain!important;
}

/* =========================================================================
   VidMov HLS2 — Custom Player UI
   لوحة الألوان: خلفية شبه شفافة داكنة + لون مميز واحد (تركواز) للتفاعل
   والتقدّم والتحميل، لضمان تباين واضح فوق أي محتوى فيديو.
   ========================================================================= */
:root{
  --hls2-accent:#2fd9b8;
  --hls2-accent-soft:rgba(47,217,184,.35);
  --hls2-ink:#f5f6f7;
  --hls2-ink-dim:rgba(245,246,247,.72);
  --hls2-track:rgba(255,255,255,.28);
  --hls2-buffered:rgba(255,255,255,.42);
}

.vidmov-hls2-ui{position:absolute;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;pointer-events:none;}
.vidmov-hls2-ui *{box-sizing:border-box;}

/* -- مؤشر التحميل الدوّار -- */
.vidmov-hls2-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:52px;height:52px;opacity:0;visibility:hidden;transition:opacity .18s ease;pointer-events:none;}
.vidmov-hls2-spinner.is-active{opacity:1;visibility:visible;}
.vidmov-hls2-spinner span{display:block;width:100%;height:100%;border-radius:50%;border:3px solid rgba(255,255,255,.22);border-top-color:var(--hls2-accent);animation:vidmov-hls2-spin .85s linear infinite;}
@keyframes vidmov-hls2-spin{to{transform:rotate(360deg);}}
@media (prefers-reduced-motion:reduce){
  .vidmov-hls2-spinner span{animation-duration:2.2s;}
}

/* -- زر تشغيل مركزي كبير (عند الإيقاف) -- */
.vidmov-hls2-bigplay{position:absolute!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)!important;width:72px!important;height:72px!important;min-width:72px!important;min-height:72px!important;padding:0!important;margin:0!important;border-radius:50%!important;border:none!important;display:flex!important;align-items:center!important;justify-content:center!important;background:rgba(10,12,14,.55)!important;backdrop-filter:blur(2px);color:var(--hls2-ink)!important;cursor:pointer;pointer-events:auto;transition:transform .15s ease,background .15s ease;line-height:0!important;}
.vidmov-hls2-bigplay:hover{background:rgba(10,12,14,.72)!important;transform:translate(-50%,-50%) scale(1.06)!important;}
.vidmov-hls2-bigplay svg{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:none!important;margin-left:4px!important;flex-shrink:0!important;display:block!important;}
.vidmov-hls2-bigplay.is-hidden{display:none!important;}

/* -- شريط التحكم السفلي -- */
.vidmov-hls2-bar{position:absolute;left:0;right:0;bottom:0;padding:22px 14px 10px;background:linear-gradient(to top,rgba(6,8,10,.86) 0%,rgba(6,8,10,.55) 55%,rgba(6,8,10,0) 100%);opacity:0;transform:translateY(6px);transition:opacity .2s ease,transform .2s ease;pointer-events:auto;}
.vidmov-hls2-ui.is-idle-visible .vidmov-hls2-bar{opacity:1;transform:translateY(0);}
.beeteam368-player-wrapper.vidmov-hls2-active:not(:hover) .vidmov-hls2-bar{}

/* -- شريط التقدّم -- */
.vidmov-hls2-progress{position:relative;height:16px;display:flex;align-items:center;cursor:pointer;margin-bottom:6px;outline:none;}
.vidmov-hls2-progress-track{position:relative;width:100%;height:4px;border-radius:3px;background:var(--hls2-track);overflow:hidden;transition:height .12s ease;}
.vidmov-hls2-progress-buffered{position:absolute;top:0;left:0;height:100%;width:0;background:var(--hls2-buffered);border-radius:3px;}
.vidmov-hls2-progress-played{position:absolute;top:0;left:0;height:100%;width:0;background:var(--hls2-accent);border-radius:3px;}
.vidmov-hls2-progress-thumb{position:absolute;top:50%;left:0;width:12px;height:12px;border-radius:50%;background:var(--hls2-accent);box-shadow:0 0 0 3px rgba(47,217,184,.22);transform:translate(-50%,-50%) scale(0);transition:transform .12s ease;}
.vidmov-hls2-progress:hover .vidmov-hls2-progress-track,
.vidmov-hls2-progress.is-scrubbing .vidmov-hls2-progress-track{height:6px;}
.vidmov-hls2-progress:hover .vidmov-hls2-progress-thumb,
.vidmov-hls2-progress.is-scrubbing .vidmov-hls2-progress-thumb,
.vidmov-hls2-progress:focus-visible .vidmov-hls2-progress-thumb{transform:translate(-50%,-50%) scale(1);}
.vidmov-hls2-progress:focus-visible{box-shadow:0 0 0 2px var(--hls2-accent-soft);border-radius:4px;}

/* -- صف الأزرار -- */
.vidmov-hls2-row{display:flex;align-items:center;gap:4px;}
.vidmov-hls2-btn{appearance:none;border:none;background:transparent;color:var(--hls2-ink);width:34px;height:34px;min-width:34px;min-height:34px;padding:0!important;margin:0!important;border-radius:6px;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer;transition:background .15s ease,color .15s ease;flex:0 0 auto;line-height:0!important;}
.vidmov-hls2-btn:hover{background:rgba(255,255,255,.12);}
.vidmov-hls2-btn:focus-visible{outline:2px solid var(--hls2-accent);outline-offset:1px;}
.vidmov-hls2-btn svg{width:19px!important;height:19px!important;min-width:19px!important;min-height:19px!important;max-width:none!important;flex-shrink:0!important;display:block!important;}

.vidmov-hls2-time{display:flex;align-items:baseline;gap:3px;color:var(--hls2-ink-dim);font-size:13px;font-variant-numeric:tabular-nums;letter-spacing:.2px;padding:0 6px;user-select:none;}
.vidmov-hls2-time-sep{opacity:.5;}
.vidmov-hls2-spacer{flex:1 1 auto;}

.vidmov-hls2-volume{display:flex;align-items:center;border-radius:20px;transition:background .18s ease;}
.vidmov-hls2-volume-track{width:0;overflow:hidden;transition:width .18s ease,margin .18s ease;display:flex;align-items:center;}
.vidmov-hls2-volume:hover,
.vidmov-hls2-volume:focus-within{background:rgba(255,255,255,.08);}
.vidmov-hls2-volume:hover .vidmov-hls2-volume-track,
.vidmov-hls2-volume:focus-within .vidmov-hls2-volume-track{width:100px;margin:0 10px 0 4px;}
.vidmov-hls2-volume-slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--hls2-track);cursor:pointer;}
.vidmov-hls2-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--hls2-accent);border:none;margin-top:0;box-shadow:0 0 0 3px rgba(47,217,184,.22);}
.vidmov-hls2-volume-slider::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--hls2-accent);border:none;box-shadow:0 0 0 3px rgba(47,217,184,.22);}
.vidmov-hls2-volume-slider::-moz-range-track{height:4px;border-radius:2px;background:var(--hls2-track);}
.vidmov-hls2-volume-slider::-moz-range-progress{height:4px;border-radius:2px;background:var(--hls2-accent);}

/* الموبايل/اللمس لا يملك hover، فكان هذا العنصر يختفي تمامًا بدون هذا
   الاستثناء. نُبقيه ظاهرًا دائمًا بعرض مريح للسحب باللمس، مع مقبض أكبر. */
@media (hover:none), (pointer:coarse){
  .vidmov-hls2-volume-track{width:78px!important;margin:0 8px 0 2px!important;}
  .vidmov-hls2-volume-slider{height:5px;}
  .vidmov-hls2-volume-slider::-webkit-slider-thumb{width:17px!important;height:17px!important;}
  .vidmov-hls2-volume-slider::-moz-range-thumb{width:17px!important;height:17px!important;}
}

/* -- إتاحة الوصول عبر لوحة المفاتيح لكامل المشغل -- */
.beeteam368-player-wrapper.vidmov-hls2-active .vidmov-hls2-video{cursor:pointer;}

@media (max-width:480px){
  .vidmov-hls2-bar{padding:16px 8px 8px;}
  .vidmov-hls2-time{font-size:12px;}
  .vidmov-hls2-bigplay{width:52px;height:52px;}
  .vidmov-hls2-bigplay svg{width:22px;height:22px;}
}

/* status (رسائل تعذر التحميل النهائية فقط الآن؛ التحميل العادي يستخدم spinner) */
.vidmov-hls2-status{z-index:41;}