/* ========================================================================
   EdiusFA Video Player — distinctive skins (cinema / card / minimal)
   Controlled by data-efa-style on .efa-v and Core option video_style
   ======================================================================== */

.efa-v{
  --efa-accent:var(--efa-v-accent, var(--primary,#0E7380));
  --efa-v-radius:16px;
  position:relative;
  width:100%;
  max-width:100%;
  aspect-ratio:16/9;
  max-height:min(78vh,720px);
  overflow:hidden;
  direction:ltr;
  font-family:inherit;
  color:#fff;
  isolation:isolate;
}

/* ---- Skin: cinema (default) — dark theater + teal glow ---- */
.efa-v,
.efa-v[data-efa-style="cinema"]{
  background:#07090d;
  border-radius:var(--efa-v-radius);
  border:1px solid rgba(14,115,128,.35);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.04) inset,
    0 12px 40px rgba(0,0,0,.35),
    0 0 48px rgba(14,115,128,.12);
}
.efa-v[data-efa-style="cinema"] .efa-v__ui{
  background:linear-gradient(transparent 35%,rgba(0,0,0,.85) 100%);
}
.efa-v[data-efa-style="cinema"] .efa-v__big-circle{
  background:linear-gradient(145deg,var(--efa-accent),#095a64);
  box-shadow:0 0 0 6px rgba(14,115,128,.2),0 10px 28px rgba(0,0,0,.45);
}

/* ---- Skin: card — matches audio player light surface ---- */
.efa-v[data-efa-style="card"]{
  background:var(--surface,#fff);
  color:var(--text,#1a1a1a);
  border:1px solid var(--border,#e6e2da);
  border-radius:14px;
  box-shadow:var(--sh-xs,0 1px 2px rgba(0,0,0,.04));
  max-height:none;
  aspect-ratio:auto;
  display:flex;
  flex-direction:column;
}
.efa-v[data-efa-style="card"] video{
  border-radius:12px 12px 0 0;
  aspect-ratio:16/9;
  max-height:min(70vh,560px);
  background:#0b0d12;
}
.efa-v[data-efa-style="card"] .efa-v__ui{
  position:relative;
  opacity:1!important;
  background:var(--surface,#fff);
  border-top:1px solid var(--border,#e6e2da);
  color:var(--text,#1a1a1a);
  pointer-events:auto;
}
.efa-v[data-efa-style="card"] .efa-v__title{
  position:relative;
  background:transparent;
  color:var(--text,#1a1a1a);
  opacity:1!important;
  padding:10px 14px 0;
  direction:rtl;
}
.efa-v[data-efa-style="card"] .efa-v__big{
  position:absolute;inset:0 auto auto 0;width:100%;height:auto;
  aspect-ratio:16/9;max-height:min(70vh,560px);
}
.efa-v[data-efa-style="card"]:not(.is-paused) .efa-v__big{display:none}
.efa-v[data-efa-style="card"] .efa-v__big-circle{
  background:var(--efa-accent);color:#fff;
}
.efa-v[data-efa-style="card"] .efa-v__btn{color:var(--text,#1a1a1a)}
.efa-v[data-efa-style="card"] .efa-v__btn:hover{background:var(--surface-muted,#f3f1ec);color:var(--efa-accent)}
.efa-v[data-efa-style="card"] .efa-v__seek{background:var(--surface-muted,#eee)}
.efa-v[data-efa-style="card"] .efa-v__buf{background:color-mix(in srgb,var(--efa-accent) 25%,#ddd)}
.efa-v[data-efa-style="card"] .efa-v__time{opacity:.75;color:var(--text-muted,#6b6b6b)}
.efa-v[data-efa-style="card"] .efa-v__speed-menu{
  background:var(--surface,#fff);border-color:var(--border);
  color:var(--text);
}
.efa-v[data-efa-style="card"] .efa-v__speed-menu button{color:var(--text)}

/* ---- Skin: minimal ---- */
.efa-v[data-efa-style="minimal"]{
  background:#000;
  border-radius:8px;
  border:0;
  box-shadow:none;
}
.efa-v[data-efa-style="minimal"] .efa-v__ui{
  background:linear-gradient(transparent 50%,rgba(0,0,0,.7));
}
.efa-v[data-efa-style="minimal"] .efa-v__big-circle{
  background:rgba(255,255,255,.15);backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.35);
}

.efa-v video{
  width:100%;height:100%;
  object-fit:contain;
  display:block;
  background:#000;
}

.efa-v__ui{
  position:absolute;inset:0;
  display:flex;flex-direction:column;justify-content:flex-end;
  pointer-events:none;
  opacity:0;transition:opacity .2s;
}
.efa-v:hover .efa-v__ui,
.efa-v.is-paused .efa-v__ui,
.efa-v.is-scrubbing .efa-v__ui,
.efa-v.is-hover-ui .efa-v__ui{opacity:1}
.efa-v__ui > *{pointer-events:auto}

.efa-v__big{
  position:absolute;inset:0;display:grid;place-items:center;
  background:transparent;border:0;cursor:pointer;pointer-events:auto;
  color:#fff;z-index:2;
}
.efa-v:not(.is-paused) .efa-v__big{opacity:0;pointer-events:none}
.efa-v__big-circle{
  width:74px;height:74px;border-radius:50%;
  display:grid;place-items:center;
  transition:transform .15s,background .15s;
}
.efa-v__big:hover .efa-v__big-circle{transform:scale(1.07)}
.efa-v__big svg{width:28px;height:28px;fill:currentColor;margin-inline-start:3px}

.efa-v__bar{padding:8px 12px 12px}
.efa-v__seek{
  position:relative;height:5px;border-radius:99px;background:rgba(255,255,255,.22);
  cursor:pointer;margin-bottom:8px;touch-action:none;
}
.efa-v:hover .efa-v__seek,.efa-v.is-scrubbing .efa-v__seek{height:7px}
.efa-v__buf{
  position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;
  background:rgba(255,255,255,.35);pointer-events:none;
}
.efa-v__prog{
  position:absolute;inset:0 auto 0 0;width:0;border-radius:inherit;
  background:var(--efa-accent);pointer-events:none;
}
.efa-v__knob{
  position:absolute;top:50%;width:14px;height:14px;border-radius:50%;
  background:#fff;transform:translate(-50%,-50%);left:0;
  opacity:0;pointer-events:none;box-shadow:0 1px 4px rgba(0,0,0,.4);
}
.efa-v:hover .efa-v__knob,.efa-v.is-scrubbing .efa-v__knob{opacity:1}

.efa-v__row{display:flex;align-items:center;gap:2px;direction:rtl;flex-wrap:wrap}
.efa-v__btn{
  appearance:none;border:0;background:transparent;color:inherit;
  width:36px;height:36px;border-radius:10px;cursor:pointer;
  display:grid;place-items:center;flex:0 0 auto;
  transition:background .15s,color .15s;
}
.efa-v__btn:hover{background:rgba(255,255,255,.12)}
.efa-v__btn svg{width:20px;height:20px;fill:currentColor}
.efa-v__btn.is-on{color:var(--efa-accent)}

.efa-v__time{
  font-size:12px;font-weight:700;opacity:.9;
  font-variant-numeric:tabular-nums;
  direction:ltr;unicode-bidi:isolate;
  padding:0 8px;white-space:nowrap;
}
.efa-v__spacer{flex:1;min-width:8px}
.efa-v__vol-wrap{
  display:flex;align-items:center;max-width:0;overflow:hidden;
  transition:max-width .2s;opacity:0;
}
.efa-v__vol-wrap:hover,.efa-v__row:hover .efa-v__vol-wrap,
.efa-v__vol-wrap:focus-within{max-width:90px;opacity:1}
.efa-v__vol-wrap input[type=range]{width:72px;accent-color:var(--efa-accent)}

.efa-v__speed{position:relative}
.efa-v__speed-menu{
  display:none;position:absolute;bottom:calc(100% + 6px);inset-inline-start:0;
  min-width:72px;padding:6px;background:rgba(20,23,28,.96);
  border:1px solid rgba(255,255,255,.12);border-radius:10px;z-index:5;
}
.efa-v__speed.is-open .efa-v__speed-menu{display:grid;gap:2px}
.efa-v__speed-menu button{
  border:0;background:transparent;color:#fff;padding:6px 10px;
  border-radius:6px;cursor:pointer;font-size:12px;font-weight:700;
}
.efa-v__speed-menu button:hover,
.efa-v__speed-menu button.is-active{background:rgba(255,255,255,.12);color:var(--efa-accent)}

.efa-v__title{
  position:absolute;top:0;inset-inline:0;
  padding:12px 14px;font-size:14px;font-weight:800;
  background:linear-gradient(rgba(0,0,0,.65),transparent);
  direction:rtl;pointer-events:none;
  opacity:0;transition:opacity .2s;
}
.efa-v.is-paused .efa-v__title,.efa-v:hover .efa-v__title{opacity:1}

.efa-v.is-loading::after{
  content:'';
  position:absolute;top:50%;left:50%;width:36px;height:36px;
  margin:-18px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--efa-accent);
  border-radius:50%;animation:efa-spin .7s linear infinite;pointer-events:none;z-index:3;
}
@keyframes efa-spin{to{transform:rotate(360deg)}}

.efa-v__err{display:none}
.efa-v.is-error .efa-v__err{
  display:grid;place-items:center;position:absolute;inset:0;
  background:#0b0d12;padding:20px;text-align:center;font-size:13px;direction:rtl;z-index:4;
}

/* Product gallery */
.pdp-gallery .efa-v{max-height:min(70vh,560px)}
.pdp-gallery.is-video .g-frame,
.pdp-gallery.is-video .g-full,
.pdp-gallery.is-video .g-video{display:none!important}
.pdp-gallery.is-video [data-efa-vhost]{display:block!important}

.art-prose .efa-v,
.tab-panel .efa-v{margin:22px 0}

@media (max-width:639px){
  .efa-v__vol-wrap{display:none}
  .efa-v__big-circle{width:60px;height:60px}
}