/* acad-player.css — «مكان الفيديو». هوية: ورق #F7F5EF، كحلي #042C53، حبر #0F1B2D، رمادي #5B6777. الكهرماني لشارة + وحدها (لا يُستعمل هنا). */
.pl-mount{margin:0 0 var(--sp-4,16px);aspect-ratio:auto;background:none;padding:0;display:block;color:var(--ink,#0F1B2D)}
.pl-mount[hidden]{display:none}
.pl-box{background:#fff;border:1px solid var(--line,#DAD6CA);border-radius:var(--r-m,12px);overflow:hidden;outline-offset:2px}
.pl-stage{position:relative;aspect-ratio:16/9;background:#042C53}
.pl-stage video{width:100%;height:100%;display:block;background:#042C53;object-fit:contain}
.pl-big{position:absolute;inset:0;margin:auto;width:72px;height:72px;border-radius:50%;background:rgba(4,44,83,.88);border:2px solid #fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.pl-big svg{width:32px;height:32px;fill:#fff}
.pl-box.is-playing .pl-big{display:none}
.pl-end{position:absolute;inset:0;background:rgba(4,44,83,.94);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:16px}
.pl-end[hidden]{display:none}
.pl-endt{margin:0;font-size:18px;font-weight:600}
.pl-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 22px;border:0;border-radius:var(--r-pill,999px);background:#042C53;color:#fff;font:inherit;font-size:15px;font-weight:700;cursor:pointer;box-shadow:0 0 0 2px #fff,0 0 0 4px #042C53}
.pl-cta.big{min-height:52px;font-size:17px;padding:0 30px;background:#fff;color:#042C53;box-shadow:none}
.pl-next{color:#fff;font-size:14px;text-decoration:underline;text-underline-offset:3px}
.pl-link{background:none;border:0;color:inherit;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer;padding:6px;min-height:32px}
.pl-bar{display:flex;gap:3px;height:12px;align-items:center;padding:0 12px;margin:10px 0 2px;cursor:pointer;direction:ltr}
html[dir=rtl] .pl-bar{direction:rtl}
.pl-bar i{display:block;position:relative;height:6px;background:#D9DDE3;border-radius:3px;overflow:hidden;min-width:6px;transition:height .12s}
.pl-bar:hover i,.pl-bar:focus-visible i{height:10px}
.pl-bar b{position:absolute;inset-block:0;inset-inline-start:0;width:0;background:#042C53}
.pl-bar:focus-visible{outline:2px solid #042C53;outline-offset:2px}
.pl-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px 12px}
.pl-row .pl-cta{order:0}
.pl-ic,.pl-tg,.pl-sel{min-height:40px;border-radius:var(--r-s,8px);border:1px solid var(--line,#DAD6CA);background:#F7F5EF;color:#0F1B2D;font:inherit;font-size:13.5px;cursor:pointer;padding:0 12px}
.pl-ic{width:40px;padding:0;display:flex;align-items:center;justify-content:center;order:-1}
.pl-ic svg{width:18px;height:18px;fill:#042C53}
.pl-tg[aria-pressed=true],.pl-tg[aria-expanded=true],.pl-tg.on{background:#042C53;color:#fff;border-color:#042C53}
.pl-time{color:#5B6777;font-size:13px;font-variant-numeric:tabular-nums;direction:ltr;margin-inline-start:auto}
.pl-chs{list-style:none;margin:0;padding:0 12px 12px;display:grid;gap:4px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.pl-chs[hidden],.pl-res[hidden]{display:none}
.pl-chb,.pl-line{display:flex;gap:10px;align-items:baseline;width:100%;text-align:start;background:none;border:0;border-radius:var(--r-s,8px);padding:8px 10px;min-height:40px;font:inherit;color:inherit;cursor:pointer}
.pl-chb:hover,.pl-line:hover{background:#F7F5EF}
.pl-n{color:#5B6777;font-size:12.5px;font-variant-numeric:tabular-nums;direction:ltr;flex:none;min-width:38px}
.pl-line.on{background:#E8EEF5;box-shadow:inset 3px 0 0 #042C53}
html[dir=rtl] .pl-line.on{box-shadow:inset -3px 0 0 #042C53}
.pl-tr{max-height:60vh;overflow:auto;line-height:1.8}
.pl-res{margin:0;padding:0 12px 10px;color:#5B6777;font-size:13px}
.pl-jump{cursor:pointer;text-decoration:underline dotted #5B6777;text-underline-offset:5px}
.pl-jump:hover,.pl-jump:focus-visible{text-decoration-style:solid}
/* صفحة الفيديوهات */
.pl-vp{display:flex;flex-direction:column;gap:20px}
.pl-hero{background:#042C53;color:#fff;border-radius:var(--r-m,12px);padding:16px}
.pl-kick{font-size:13px;opacity:.85;margin-bottom:8px}
.pl-muted{color:#5B6777;margin:0}.pl-hero .pl-muted{color:#fff;opacity:.85}
.pl-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pl-chip{min-height:40px;padding:0 14px;border-radius:var(--r-pill,999px);border:1px solid var(--line,#DAD6CA);background:#fff;font:inherit;font-size:13.5px;color:#0F1B2D;cursor:pointer}
.pl-chip[aria-pressed=true]{background:#042C53;color:#fff;border-color:#042C53}
.pl-q{min-height:40px;flex:1;min-width:180px;border:1px solid var(--line,#DAD6CA);border-radius:var(--r-s,8px);padding:0 12px;font:inherit;background:#fff;color:#0F1B2D}
.pl-sec h2{font-family:"Reem Kufi","Cairo",sans-serif;color:#042C53;margin:0 0 10px;font-size:20px}
.pl-ch{margin:12px 0 8px;font-size:15px;color:#0F1B2D}
.pl-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.pl-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line,#DAD6CA);border-radius:var(--r-m,12px);overflow:hidden;color:inherit;text-decoration:none}
a.pl-card:hover,a.pl-card:focus-visible{border-color:#042C53;box-shadow:var(--sh-2,0 2px 8px rgba(4,44,83,.15))}
.pl-card.wide{flex-direction:row;max-width:640px}.pl-card.wide .pl-th{width:240px;flex:none}
.pl-th{position:relative;aspect-ratio:16/9;background:#042C53;display:flex;align-items:center;justify-content:center}
.pl-th img{width:100%;height:100%;object-fit:cover;display:block}
.pl-mark{font-family:"Reem Kufi","Cairo",sans-serif;color:#fff;font-size:22px;letter-spacing:.04em}
.pl-dur{position:absolute;inset-block-end:8px;inset-inline-end:8px;background:rgba(15,27,45,.85);color:#fff;font-size:12px;padding:1px 7px;border-radius:var(--r-pill,999px);direction:ltr}
.pl-ok{position:absolute;inset-block-start:8px;inset-inline-start:8px;width:24px;height:24px;border-radius:50%;background:#fff;color:#042C53;font-weight:700;display:flex;align-items:center;justify-content:center}
.pl-pb{position:absolute;inset-inline:0;inset-block-end:0;height:4px;background:rgba(255,255,255,.35)}
.pl-pb b{display:block;height:100%;background:#fff}
.pl-tx{padding:10px 12px 12px;display:flex;flex-direction:column;gap:4px}
.pl-tx h3{margin:0;font-size:14.5px;line-height:1.6}
.pl-num{font-size:12.5px;color:#5B6777}
.pl-saved{font-size:12px;color:#042C53;font-weight:600}
.pl-card.locked{opacity:.78}.pl-card.locked .pl-th{filter:grayscale(.6)}
.pl-lock{position:absolute;inset:0;margin:auto;width:44px;height:44px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center}
.pl-lock svg{width:22px;height:22px;stroke:#042C53;fill:none;stroke-width:1.8}
.pl-lockmsg{margin:0;font-size:12.5px;color:#5B6777}
.pl-empty{background:#fff;border:1px dashed var(--line,#DAD6CA);border-radius:var(--r-m,12px);padding:24px;text-align:center;color:#5B6777}
@media (max-width:640px){.pl-card.wide{flex-direction:column}.pl-card.wide .pl-th{width:auto}.pl-time{margin-inline-start:0}}
@media (prefers-reduced-motion:reduce){.pl-bar i{transition:none}}

/* لون نصّ الزرّ الواحد: يطغى على قواعد الأزرار العامّة في الإطار (رُصد في الممشى) */
.pl-cta,.pl-cta *{color:#fff!important}
.pl-cta.big,.pl-cta.big *{color:#042C53!important}
.pl-next,.pl-next *,.pl-end a,.pl-end a *{color:#fff!important}
