/* Almajd protected video player + phase tags (course page) */
html.amp-lock, html.amp-lock body { overflow: hidden; }
.amp-wrap { position: fixed; inset: 0; z-index: 2000; background: rgba(6, 16, 34, .88); display: none; align-items: center; justify-content: center; padding: 18px; }
.amp-wrap.open { display: flex; }
.amp-box { width: min(1100px, 100%); background: #000; border-radius: 14px; overflow: hidden; box-shadow: 0 30px 80px rgba(0, 0, 0, .5); display: flex; flex-direction: column; -webkit-user-select: none; user-select: none; }
.amp-box:fullscreen { width: 100%; height: 100%; border-radius: 0; }
.amp-box:-webkit-full-screen { width: 100%; height: 100%; border-radius: 0; }
.amp-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 14px; background: #002551; color: #fff; font-family: Tajawal, sans-serif; }
.amp-title { font-weight: 700; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.amp-actions { display: flex; gap: 6px; flex: none; }
.amp-btn { width: 36px; height: 36px; border-radius: 9px; border: 0; background: rgba(255, 255, 255, .12); color: #fff; cursor: pointer; font-size: 15px; }
.amp-btn:hover { background: #f45c11; }
.amp-stage { position: relative; width: 100%; aspect-ratio: 16 / 9; background: #000; }
.amp-box:fullscreen .amp-stage { flex: 1; aspect-ratio: auto; }
.amp-frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.amp-wm { position: absolute; z-index: 3; pointer-events: none; color: #fff; font: 700 15px/1.3 Tajawal, Arial, sans-serif; text-shadow: 0 0 3px rgba(0, 0, 0, .9); white-space: nowrap; transition: left 1.2s ease, top 1.2s ease; direction: rtl; }
.amp-wm-corner { left: auto !important; top: auto !important; right: 12px; bottom: 54px; font-size: 12px; transition: none; }
.amp-cover { position: absolute; inset: 0; z-index: 4; display: none; align-items: center; justify-content: center; background: rgba(0, 20, 45, .96); color: #fff; text-align: center; padding: 24px; font-family: Tajawal, sans-serif; }
.amp-cover.show { display: flex; }
.amp-cover i { font-size: 40px; color: #f45c11; margin-bottom: 12px; }
.amp-cover p { max-width: 560px; margin: 0 auto 16px; font-size: 17px; line-height: 1.8; color: #fff; }
.amp-resume { border: 0; border-radius: 10px; padding: 10px 22px; background: #f45c11; color: #fff; font: 700 15px Tajawal, sans-serif; cursor: pointer; }
.phase-tag { display: inline-block; margin: 0 8px; padding: 1px 10px; border-radius: 20px; font-size: 12px; font-weight: 700; color: #f45c11; background: #fff1e9; vertical-align: middle; }
.phase-pick-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; border: 1px solid #e3e8ef; border-radius: 10px; margin-bottom: 8px; }
.phase-pick-row label { margin: 0; cursor: pointer; }
.phase-pick-row:has(input:checked) { border-color: #f45c11; background: #fff8f3; }
.rate-stars { direction: ltr; display: inline-flex; flex-direction: row-reverse; gap: 4px; }
.rate-stars input { display: none; }
.rate-stars label { font-size: 30px; color: #d6dbe3; cursor: pointer; line-height: 1; }
.rate-stars input:checked ~ label, .rate-stars label:hover, .rate-stars label:hover ~ label { color: #f5a623; }