/* قدراتك — فيديو شرح الفرع v8 */
.cv-box { margin: 10px 0 14px; }
.cv-open { position:relative; display:block; width:100%; aspect-ratio:16/9; padding:0; border:0; border-radius:14px; overflow:hidden; cursor:pointer; font-family:inherit; color:#fff; text-align:right; direction:rtl;
  background:#122244 center/cover no-repeat; box-shadow:0 8px 24px rgba(16,30,60,.18); }
.cv-open[hidden] { display:none; }   /* عند التشغيل تختفي البطاقة ويحل المشغّل مكانها في الإطار نفسه */
.cv-open:disabled { opacity:.7; cursor:wait; }
/* القالب التلقائي */
.cv-open.cv-tpl { background:radial-gradient(120% 90% at 85% 10%, #27477A 0%, #152A50 45%, #0E1C3A 100%); }
.cv-deco i { position:absolute; display:block; pointer-events:none; }
.cv-deco .cv-d1 { width:46%; height:200%; right:-18%; top:-50%; background:linear-gradient(135deg, rgba(242,169,60,.24), rgba(242,169,60,0) 62%); transform:rotate(18deg); }
.cv-deco .cv-d2 { width:140px; height:140px; left:-46px; bottom:-56px; border:2px solid rgba(255,255,255,.07); border-radius:28px; transform:rotate(25deg); }
.cv-deco .cv-d3 { inset:0; background-image:radial-gradient(rgba(255,255,255,.07) 1px, transparent 1.4px); background-size:18px 18px; opacity:.5; mask-image:linear-gradient(to left, rgba(0,0,0,.9), transparent 70%); -webkit-mask-image:linear-gradient(to left, rgba(0,0,0,.9), transparent 70%); }
.cv-head { position:absolute; top:12px; right:14px; left:14px; display:flex; align-items:center; justify-content:space-between; }
.cv-logo { height:26px; width:auto; filter:brightness(0) invert(1); opacity:.95; }
.cv-sec { font-size:12px; font-weight:800; color:#241B0A; background:var(--gold,#F2A93C); padding:3px 10px; border-radius:999px; letter-spacing:.2px; }
.cv-body { position:absolute; right:14px; left:96px; top:50%; transform:translateY(-44%); display:flex; flex-direction:column; gap:3px; }
.cv-kicker { font-size:12px; font-weight:700; color:var(--gold,#F2A93C); letter-spacing:.3px; }
.cv-title { font-size:clamp(17px, 4.2vw, 26px); font-weight:800; line-height:1.3; color:#fff; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-shadow:0 2px 10px rgba(0,0,0,.35); }
.cv-course { font-size:13px; color:rgba(255,255,255,.72); }
.cv-play { position:absolute; left:18px; bottom:18px; width:60px; height:60px; border-radius:50%; background:var(--gold,#F2A93C); color:#241B0A; display:flex; align-items:center; justify-content:center; box-shadow:0 8px 22px rgba(0,0,0,.4), 0 0 0 8px rgba(242,169,60,.18); transition:transform .2s; }
.cv-open:hover .cv-play { transform:scale(1.07); }
.cv-play svg { margin-right:-3px; }
/* صورة مرفوعة: الصورة هي التصميم كله؛ يبقى زر التشغيل والمدة فقط */
.cv-open.cv-img::before { content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.35), rgba(0,0,0,0) 45%); }
.cv-open.cv-locked .cv-play { background:#8A94A8; box-shadow:0 8px 22px rgba(0,0,0,.4); }
.cv-lock { position:absolute; right:14px; bottom:16px; font-size:12.5px; font-weight:700; background:rgba(0,0,0,.45); padding:4px 10px; border-radius:999px; }
.cv-dur { position:absolute; left:92px; bottom:30px; background:rgba(0,0,0,.72); color:#fff; font-size:12px; font-weight:700; padding:2px 8px; border-radius:6px; direction:ltr; }
.cv-player { border-radius:14px; overflow:hidden; background:#000; border:1px solid var(--border,#DCE3EE); }
.cv-frame { position:relative; width:100%; aspect-ratio:16/9; background:#000; }
.cv-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }
.cv-wm { position:absolute; top:8px; right:10px; z-index:2; pointer-events:none; user-select:none; font-size:11px; font-weight:600; color:rgba(255,255,255,.42); direction:rtl; white-space:nowrap; text-shadow:0 1px 2px rgba(0,0,0,.5); }
.cv-bar { padding:7px 12px; background:#fff; font-size:12px; color:var(--ink-soft,#5C6B85); text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.cv-tap { position:absolute; top:0; left:0; right:0; height:52px; z-index:2; }
.cv-ctl { position:absolute; top:6px; left:6px; z-index:3; display:flex; gap:6px; opacity:0; transition:opacity .25s; pointer-events:none; }
.cv-ctl.cv-show { opacity:1; pointer-events:auto; }
.cv-ctl button { width:34px; height:34px; border-radius:9px; border:0; background:rgba(0,0,0,.45); color:#fff; font-size:15px; line-height:1; cursor:pointer; opacity:.75; }
.cv-ctl button:hover { opacity:1; }
.cv-note { margin-top:8px; font-size:13.5px; color:#8A2F32; background:#F6DEDF; border-radius:10px; padding:9px 12px; }
.cv-note a { color:#16233F; font-weight:800; }
@media (max-width:480px) { .cv-play { width:50px; height:50px; left:14px; bottom:14px; } .cv-body { left:80px; } .cv-dur { left:76px; bottom:24px; } .cv-logo { height:22px; } }
.cv-ctl button svg { display:block; margin:auto; }
.cv-full .cv-i-com, .cv-full.cv-on .cv-i-exp { display:none; } .cv-full.cv-on .cv-i-com { display:block; }
/* ملء الشاشة الداخلي */
.cv-frame.cv-fake { position:fixed; top:0; left:0; width:100vw; height:100vh; aspect-ratio:auto; z-index:2147483000; background:#000; border-radius:0; }
.cv-frame.cv-fake.cv-rot { width:100vh; height:100vw; transform:rotate(90deg) translateY(-100%); transform-origin:top left; }
.cv-frame.cv-fake .cv-tap { height:64px; }
html.cv-lock, html.cv-lock body { overflow:hidden; }