/* Udemy-style player — EDU purple/navy */

.course-learning-page--udemy {
  padding-top: 0;
}

/* Progress */
.course-learning-page--udemy .udemy-course-progress {
  height: 3px;
  background: #F3F2EF;
  margin-bottom: 12px;
}

.course-learning-page--udemy .udemy-course-progress__fill {
  display: block;
  height: 100%;
  background: linear-gradient(90deg, #0B1426, #1A2942);
}

/* ===== Player row: فيديو يسار | دروس يمين ===== */
.course-learning-page--udemy .udemy-player-stage {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #d8d2e8;
  margin-bottom: 18px;
  overflow: hidden;
}

@media (min-width: 768px) {
  .course-learning-page--udemy .udemy-player-stage {
    flex-direction: row;
    direction: ltr;
    align-items: stretch;
    min-height: 360px;
  }

  .course-learning-page--udemy .udemy-video-col {
    flex: 1 1 0;
    min-width: 0;
    direction: rtl;
  }

  .course-learning-page--udemy .udemy-curriculum {
    flex: 0 0 320px;
    width: 320px;
    direction: rtl;
    border-left: 1px solid #d8d2e8;
    display: flex;
    flex-direction: column;
    background: #fff;
  }
}

/* Video column */
.course-learning-page--udemy .udemy-video-col {
  display: flex;
  flex-direction: column;
  background: #1c1d1f;
}

.course-learning-page--udemy .udemy-lesson-head {
  display: none;
}

.course-learning-page--udemy .course-player-card--pro {
  margin: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  background: transparent;
  flex: 1;
  display: flex;
  flex-direction: column;
}

.course-learning-page--udemy .course-player-card__status {
  padding: 6px 10px;
  background: #1c1d1f;
}

.course-learning-page--udemy .course-player-card__pill {
  font-size: 11px;
  padding: 5px 10px;
  border-radius: 6px;
  line-height: 1.4;
}

.course-learning-page--udemy .course-player-card__pill--preview {
  background: rgba(251, 191, 36, 0.12);
  color: #fcd34d;
  border: 1px solid rgba(251, 191, 36, 0.25);
}

.course-learning-page--udemy .course-player-card__pill--preview a {
  color: #C7C7C7;
  margin-inline-start: 6px;
}

.course-learning-page--udemy .course-player-card__pill--ok {
  background: rgba(11, 20, 38, 0.2);
  color: #D8DEE8;
}

.course-learning-page--udemy .udemy-player-shell,
.course-learning-page--udemy .edu-video-shell {
  margin: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  background: #000;
}

.course-learning-page--udemy .video-frame {
  margin: 0;
  border-radius: 0;
  aspect-ratio: 16 / 9;
  background: #000;
  box-shadow: none;
  width: 100%;
  flex: 0 0 auto;
}

.course-learning-page--udemy .video-frame--pro.video-frame--screen {
  border-radius: 0;
}

.course-learning-page--udemy .edu-lesson-embed--youtube,
.course-learning-page--udemy .edu-lesson-embed--protected {
  width: 100%;
  height: 100%;
  min-height: 220px;
  border: 0;
  display: block;
  background: #000;
}

.course-learning-page--udemy .edu-video-player__fog,
.course-learning-page--udemy .edu-video-player__overlay-play {
  display: none !important;
}

.course-learning-page--udemy .edu-yt-player__play-icon {
  background: #fff;
  color: #1c1d1f;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
}

.course-learning-page--udemy .edu-yt-player__play-text {
  display: none;
}

/* شريط التحكم — تشغيل / إيقاف / تدوير */
.course-learning-page--udemy .edu-video-toolbar {
  padding: 8px 12px;
  background: #2d2f31;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  flex-shrink: 0;
}

.course-learning-page--udemy .edu-video-toolbar__progress {
  margin-bottom: 6px;
}

.course-learning-page--protected .edu-video-toolbar__track[data-video-seek] {
  cursor: pointer;
}

.course-learning-page--udemy .edu-video-toolbar__track {
  height: 4px;
  background: rgba(255, 255, 255, 0.25);
}

.course-learning-page--udemy .edu-video-toolbar__fill {
  background: #0B1426;
}

.course-learning-page--udemy .edu-video-toolbar__time {
  color: #fff;
  font-size: 11px;
}

.course-learning-page--udemy .edu-video-toolbar__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}

.course-learning-page--udemy .edu-vtool {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  min-height: 36px;
  padding: 0 12px;
  font-size: 12px;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 8px;
  color: #fff;
  cursor: pointer;
}

.course-learning-page--udemy .edu-vtool:hover {
  background: rgba(255, 255, 255, 0.14);
}

.course-learning-page--udemy .edu-vtool--primary {
  background: #0B1426;
  border-color: #0B1426;
}

.course-learning-page--udemy .edu-vtool--primary:hover {
  background: #451373;
}

.course-learning-page--udemy .edu-vtool i {
  font-size: 14px;
}

.course-learning-page--udemy .edu-vtool__text {
  display: inline;
}

/* إخفاء التكبير فقط — الإبقاء على تشغيل/إيقاف/تدوير/ملء الشاشة */
.course-learning-page--udemy .edu-vtool[data-video-action="zoom-in"],
.course-learning-page--udemy .edu-vtool[data-video-action="zoom-out"],
.course-learning-page--udemy .edu-video-toolbar__zoom {
  display: none !important;
}

/* تنقل الدروس — شريط واحد نحيف */
.course-learning-page--udemy .udemy-lesson-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 8px 12px;
  background: #2d2f31;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.course-learning-page--udemy .udemy-lesson-nav__btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 6px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background: transparent;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.course-learning-page--udemy .udemy-lesson-nav__btn:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

.course-learning-page--udemy .udemy-lesson-nav__btn--primary {
  background: #0B1426;
  border-color: #0B1426;
}

.course-learning-page--udemy .udemy-lesson-nav__btn--primary:hover {
  background: #451373;
}

.course-learning-page--udemy .udemy-lesson-nav__btn.is-unavailable {
  opacity: 0.3;
  pointer-events: none;
}

.course-learning-page--udemy .udemy-lesson-nav__btn.is-locked,
.course-learning-page--udemy .udemy-lesson-nav__btn[aria-disabled="true"] {
  opacity: 0.55;
  cursor: not-allowed;
}

.course-learning-page--udemy .udemy-lesson-nav__btn.is-flash-hint {
  opacity: 1;
}

.course-learning-page--udemy .udemy-lesson-nav__counter {
  font-size: 11px;
  color: rgba(255, 255, 255, 0.6);
  font-weight: 600;
}

.course-learning-page--udemy .course-meta--pro {
  display: none !important;
}

/* ===== قائمة الدروس — يمين الفيديو، طول كامل ===== */
.course-learning-page--udemy .udemy-curriculum {
  display: flex;
  flex-direction: column;
  background: #fff;
  min-height: 0;
}

.course-learning-page--udemy .udemy-curriculum__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-bottom: 1px solid #eee8f8;
  background: #F3F2EF;
  flex-shrink: 0;
}

.course-learning-page--udemy .udemy-curriculum__head h2 {
  margin: 0;
  font-size: 14px;
  font-weight: 800;
  color: #000000;
}

.course-learning-page--udemy .udemy-curriculum__head small {
  font-size: 11px;
  font-weight: 700;
  color: #0B1426;
  background: #F3F2EF;
  padding: 3px 9px;
  border-radius: 999px;
}

.course-learning-page--udemy .udemy-curriculum__scroll {
  flex: 1;
  overflow-y: auto;
  min-height: 0;
}

@media (min-width: 768px) {
  .course-learning-page--udemy .udemy-curriculum__scroll {
    max-height: none;
  }
}

.course-learning-page--udemy .udemy-curriculum .lesson-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  margin: 0;
  border: 0;
  border-bottom: 1px solid #f0ecf8;
  border-radius: 0;
  background: #fff;
  box-shadow: none;
  text-decoration: none;
  color: inherit;
}

.course-learning-page--udemy .udemy-curriculum .lesson-item:hover {
  background: #F3F2EF;
}

.course-learning-page--udemy .udemy-curriculum .lesson-item.current {
  background: #f3eeff;
  box-shadow: inset 3px 0 0 #0B1426;
}

[dir="rtl"] .course-learning-page--udemy .udemy-curriculum .lesson-item.current {
  box-shadow: inset -3px 0 0 #0B1426;
}

.course-learning-page--udemy .udemy-curriculum .lesson-status {
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  border-radius: 50%;
  font-size: 9px;
  background: #eee8f8;
  color: #7c6b9a;
}

.course-learning-page--udemy .udemy-curriculum .lesson-item.current .lesson-status,
.course-learning-page--udemy .udemy-curriculum .lesson-item.done .lesson-status {
  background: #0B1426;
  color: #fff;
}

.course-learning-page--udemy .udemy-curriculum .lesson-content strong {
  font-size: 13px;
  font-weight: 700;
  color: #1e293b;
  line-height: 1.4;
}

.course-learning-page--udemy .udemy-curriculum .lesson-item.current .lesson-content strong {
  color: #0B1426;
}

.course-learning-page--udemy .udemy-curriculum .lesson-content small {
  font-size: 11px;
  color: #64748b;
  margin-top: 2px;
}

.course-learning-page--udemy .udemy-curriculum .lesson-item.locked {
  opacity: 0.65;
}

/* عنوان الدرس تحت المشغّل */
.course-learning-page--udemy .udemy-lesson-title {
  margin: 0 0 16px;
}

.course-learning-page--udemy .udemy-lesson-title__cat {
  font-size: 12px;
  font-weight: 700;
  color: #0B1426;
  margin: 0 0 4px;
}

.course-learning-page--udemy .udemy-lesson-title h1 {
  margin: 0;
  font-size: 20px;
  font-weight: 800;
  color: #000000;
  line-height: 1.35;
}

.course-learning-page--udemy .udemy-lesson-title__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
}

.course-learning-page--udemy .udemy-lesson-desc {
  margin: 0 0 16px;
  padding: 14px 16px;
  background: #F3F2EF;
  border: 1px solid #D8DEE8;
  border-radius: 10px;
  color: #475569;
  font-size: 14px;
  line-height: 1.7;
}

.course-learning-page--udemy .complete-lesson-btn {
  background: linear-gradient(135deg, #0B1426, #152238);
  border: 0;
  border-radius: 8px;
}

html.edu-view-web .edu-web-content .course-learning-page--udemy {
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 40px;
}

/* موبايل */
@media (max-width: 767px) {
  .course-learning-page--udemy .udemy-curriculum {
    border-top: 1px solid #d8d2e8;
    max-height: 280px;
  }

  .course-learning-page--udemy .udemy-curriculum__scroll {
    max-height: 220px;
    overflow-y: auto;
  }

  .course-learning-page--udemy .udemy-lesson-nav {
    flex-wrap: wrap;
  }

  .course-learning-page--udemy .udemy-lesson-nav__counter {
    width: 100%;
    text-align: center;
    order: -1;
  }
}