/* Migrated from Edumy > Advanced > Custom CSS on 2026-09-16. */
.header-nav.menu_style_home_one.stricky-fixed .ace-responsive-menu li a {
  color: #003362;
}

.potentialidplist .potentialidp .btn-secondary {
  font-family: 'Nunito', 'sans-serif' !important;
  color: #002E94;
}

.potentialidplist .potentialidp .btn-secondary:hover {
  color: #002E94 !important; 
}

/* تم دمج active و focus لتقليل حجم الكود */
.potentialidplist .potentialidp .btn-secondary:active,
.potentialidplist .potentialidp .btn-secondary:focus {
    border-radius: 5px !important;
    font-size: 20px !important;
    background-color: #fff !important;
    border-color: #fff !important;
}

/* Hide Login as Guest in login page */
#page-login-index .mt-2 {
    display: none !important;
}

/* Hide availability restriction message (guest / role / enrolment text) */
.availabilityinfo,
.availability-info,
.activity-information .availabilityinfo,
.activity-information .availability-info {
    display: none !important;
}

/* ------------------------------------------------ */
/* التعديل الجديد: بهتان الأيقونة والنص فقط ليظل البادج زاهياً */

li.activity:not(:has(a)) .activityiconcontainer,
li.activity:not(:has(a)) img.icon,
li.activity:not(:has(a)) .icon {
    opacity: 0.4 !important; /* جعل أيقونة الدرس باهتة */
}

li.activity:not(:has(a)) .instancename {
    color: #999 !important; /* جعل لون نص الدرس رمادي باهت */
    cursor: pointer;
}
/* ------------------------------------------------ */

.course-section-header {
    display: flex !important;
    align-items: center !important; /* محاذاة كل الأعمدة عموديًا */
    background: linear-gradient(to right, #0D1F5C, #1E90FF) !important;
    padding: 5px 10px !important;
    border-radius: 10px !important;
    color: #fff !important;
}

/* نص الرابط داخل h3 */
.course-section-header .sectionname a {
    color: #fff !important;
    text-decoration: none;
}

/* تتأكد إن أي div داخل sectionname مركز عموديًا */
.course-section-header .sectionname > div {
    display: flex !important;
    align-items: center !important;
}

.nav-tabs .nav-item .nav-link {
    background: linear-gradient(90deg, #142052 0%, #1EA3E2 100%) !important; /* gradient */
    color: #fff !important; /* النص أبيض */
    text-align: center; /* النص في المنتصف */
    display: flex;
    justify-content: center; /* مركز أفقي */
    align-items: center;     /* مركز عمودي */
    border-radius: 0px;      /* حواف مدورة إذا تحب */
    transition: all 0.3s ease; /* أنيميشن خفيف عند hover */
}

/* hover effect */
.nav-tabs .nav-item .nav-link:hover {
    filter: brightness(1.1); /* خفيف لتفتيح اللون عند hover */
}

/* إذا فيه active */
.nav-tabs .nav-item .nav-link.active {
    background: #ccc !important; /* رمادي */
    color: #142052 !important;   /* أزرق */
    font-weight: bold;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2); /* تأثير خفيف */
}

/* إبعاد أيقونة جوجل عن النص */
.potentialidp .btn img { 
    margin-right: 5px !important; 
    margin-inline-end: 5px !important; 
}



















/* إزالة الفراغ فوق/تحت أول محتوى */
body.path-course #ccn-main-region{
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Live Class image */
body.path-course .video-container{
  width: 100% !important;
  margin: 8px 0 12px !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  background: #4097f7 !important;
}

body.path-course .video-container::before{
  display: none !important;
  content: none !important;
}

body.path-course .video-container img[src*="life_session.jpeg"]{
  display: block !important;
  width: 100% !important;
  height: 180px !important;
  margin: 0 !important;
  border-radius: 10px !important;
  object-fit: contain !important;
  object-position: center !important;
  background: transparent !important;
}




















/* Subscribe card */
body.path-course .subscribe-block{
  width: 100% !important;
  margin: 8px 0 12px !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  box-sizing: border-box !important;
  height: 160px !important;
  min-height: 160px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  overflow: hidden !important;
}

body.path-course .subscribe-row{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  margin: 0 0 6px !important;
}

body.path-course .subscribe-btn{
  flex: 1 !important;
  margin: 0 !important;
  text-align: left !important;
}

body.path-course .subscribe-price{
  margin: 0 !important;
  min-width: 72px !important;
  text-align: right !important;
}

body.path-course .subscribe-btn a#subscribeBtn{
  display: inline-block !important;
  transform: scale(0.82) !important;
  transform-origin: left center !important;
}

body.path-course .subscribe-price,
body.path-course .subscribe-price *{
  font-size: 14px !important;
  line-height: 1.1 !important;
}

body.path-course .subscribe-block p{
  margin: 2px 0 !important;
  line-height: 1.2 !important;
  font-size: 13px !important;
  text-align: center !important;
}

/* تصغير سطر الإنجليزي الأخير */
body.path-course .subscribe-block p:last-of-type{
  font-size: 11px !important;
  line-height: 1.15 !important;
}

/* موبايل عمودي */
@media (max-width: 768px){
  body.path-course #ccn-main-region{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  body.path-course .video-container{
    margin: 6px 0 10px !important;
    border-radius: 6px !important;
  }

  body.path-course .video-container img[src*="life_session.jpeg"]{
    height: 130px !important;
    border-radius: 6px !important;
  }

  body.path-course .subscribe-block{
    width: 100% !important;
    margin: 6px 0 10px !important;
    padding: 8px 10px !important;
    border-radius: 6px !important;
    height: 130px !important;
    min-height: 130px !important;
  }

  body.path-course .subscribe-row{
    gap: 6px !important;
    margin-bottom: 4px !important;
  }

  body.path-course .subscribe-btn a#subscribeBtn{
    transform: scale(0.72) !important;
    transform-origin: left center !important;
  }

  body.path-course .subscribe-price{
    min-width: 60px !important;
  }

  body.path-course .subscribe-price,
  body.path-course .subscribe-price *{
    font-size: 12px !important;
  }

  body.path-course .subscribe-block p{
    font-size: 10px !important;
    line-height: 1.15 !important;
    margin: 1px 0 !important;
  }

  body.path-course .subscribe-block p:last-of-type{
    font-size: 9px !important;
    line-height: 1.1 !important;
  }
}

/* موبايل بالعرض + تابلت صغير */
@media (min-width: 769px) and (max-width: 1024px){
  body.path-course .video-container{
    width: 100% !important;
    margin: 8px 0 12px !important;
  }

  body.path-course .video-container img[src*="life_session.jpeg"]{
    height: 150px !important;
    border-radius: 8px !important;
  }

  body.path-course .subscribe-block{
    width: 100% !important;
    margin: 8px 0 12px !important;
    padding: 10px 12px !important;
    border-radius: 8px !important;
    height: 138px !important;
    min-height: 138px !important;
  }

  body.path-course .subscribe-row{
    gap: 6px !important;
    margin-bottom: 4px !important;
  }

  body.path-course .subscribe-btn a#subscribeBtn{
    transform: scale(0.74) !important;
    transform-origin: left center !important;
  }

  body.path-course .subscribe-price{
    min-width: 60px !important;
  }

  body.path-course .subscribe-price,
  body.path-course .subscribe-price *{
    font-size: 12px !important;
  }

  body.path-course .subscribe-block p{
    font-size: 10px !important;
    line-height: 1.15 !important;
    margin: 1px 0 !important;
  }

  body.path-course .subscribe-block p:last-of-type{
    font-size: 9px !important;
    line-height: 1.1 !important;
  }
}

/* كمبيوتر */
@media (min-width: 1025px){
  body.path-course .video-container{
    width: 100% !important;
    margin: 8px 0 12px !important;
  }

  body.path-course .video-container img[src*="life_session.jpeg"]{
    height: 160px !important;
  }

  body.path-course .subscribe-block{
    width: 100% !important;
    margin: 8px 0 12px !important;
    height: 150px !important;
    min-height: 150px !important;
    padding: 10px 14px !important;
  }

  body.path-course .subscribe-btn a#subscribeBtn{
    transform: scale(0.80) !important;
  }
}







/* تصغير سطر الإنجليزي فقط داخل كارت الاشتراك */
body.path-course .subscribe-note > div:last-child{
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  font-size: 8px !important;
  line-height: 1 !important;
  letter-spacing: -0.2px !important;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
}

















@media (max-width: 600px){
  body.path-course .subscribe-row{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 6px !important;
  }

  body.path-course .subscribe-btn{
    flex: 1 1 auto !important;
    min-width: 0 !important;
  }

  body.path-course .subscribe-price{
    flex: 0 0 auto !important;
    min-width: 84px !important;
    text-align: right !important;
    white-space: nowrap !important;
    font-size: 17px !important;   /* 300 */
    font-weight: 800 !important;  /* Bold */
    line-height: 1 !important;
  }

  body.path-course .subscribe-price img{
    width: 20px !important;       /* صورة الريال */
    height: auto !important;
    vertical-align: middle !important;
    margin-inline-start: 3px !important;
  }

  body.path-course .subscribe-price span{
    display: block !important;    /* 3780 جنيه */
    margin-top: 2px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }
}



html, body {
  margin: 0;
  padding: 0;
  overflow-x: clip !important;
}







button,
a,
input[type="submit"],
input[type="button"],
.btn,
button.btn,
a.btn {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}




/* تقليل المسافة البيضاء تحت شريط الأسابيع - override قوي */
body.path-course-view .course-section-tabs {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body.path-course-view .course-section-tabs .nav-tabs {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

body.path-course-view ul.sections.topics.multitopic,
body.path-course-view ul.sections {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body.path-course-view ul.sections li.section.course-section.section-topic:first-child {
  margin-top: 0 !important;
}

/* لو فيه footer صغير بعد التابات */
body.path-course-view .course-content-footer {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* موبايل */
@media (max-width: 768px) {
  body.path-course-view .course-section-tabs {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  body.path-course-view .course-section-tabs .nav-tabs {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}










/* =========================================================
   STEP2ENGLISH - WEEK TABS CURRENT WEEK FIX
   This file only fixes the week tabs:
   - show the currently opened week in the top tabs
   - make only that week gray
   - keep the other tabs blue
   ========================================================= */

/* Only the currently opened week appears gray */
body.path-course-view .course-section-tabs .nav-item.s2e-current-week .tab_content {
  background: linear-gradient(135deg, #cfcfcf 0%, #b8b8b8 55%, #9f9f9f 100%) !important;
  border-color: #aaaaaa !important;
  color: #ffffff !important;
  box-shadow:
    0 8px 16px rgba(0,0,0,.10),
    0 3px 0 rgba(110,110,110,.18) !important;
  transform: translateY(-1px) !important;
}

/* Any other tab should stay in the normal blue style */
body.path-course-view .course-section-tabs .nav-item:not(.s2e-current-week) .nav-link.active .tab_content,
body.path-course-view .course-section-tabs .nav-item:not(.s2e-current-week) .nav-link[aria-selected="true"] .tab_content,
body.path-course-view .course-section-tabs .nav-item:not(.s2e-current-week).is-s2e-active .nav-link .tab_content {
  background: linear-gradient(135deg, rgba(8,38,116,.97) 0%, rgba(19,80,190,.94) 48%, rgba(43,149,255,.92) 100%) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  color: #fff !important;
  box-shadow:
    0 10px 22px rgba(6,30,86,.16),
    0 4px 0 rgba(6,26,76,.30),
    inset 0 1px 0 rgba(255,255,255,.30),
    inset 0 -10px 18px rgba(0,0,0,.10) !important;
  transform: none !important;
}



























/* =========================================================
   STEP2ENGLISH - QUIZ BUTTONS CSS
   Start quiz / Back to course / Finish
========================================================= */

/* ---------------------------------
   1) الشكل الفخم العام
--------------------------------- */
body.path-mod-quiz .quizstartbuttondiv .btn,
body.path-mod-quiz .quizstartbuttondiv button,
body.path-mod-quiz .quizstartbuttondiv input[type="submit"],

body.path-mod-quiz .singlebutton a[href*="/course/view.php"],
body.path-mod-quiz .singlebutton a[href*="/mod/quiz/summary.php"],
body.path-mod-quiz .singlebutton a[href*="/mod/quiz/review.php"],
body.path-mod-quiz .singlebutton a[href*="/mod/quiz/attempt.php"],

body.path-mod-quiz .submitbtns button,
body.path-mod-quiz .submitbtns input[type="submit"],
body.path-mod-quiz .confirmation-buttons .btn,
body.path-mod-quiz .confirmation-buttons button,
body.path-mod-quiz .confirmation-buttons input[type="submit"],

body.path-mod-quiz a[href*="/course/view.php"] {
  background: linear-gradient(180deg, #001f46 0%, #003a73 34%, #005f9f 68%, #00a8e8 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #82e1ff !important;
  border-radius: 20px !important;
  box-shadow:
    0 0 0 3px rgba(0,168,232,.13),
    0 12px 28px rgba(0,25,55,.24),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
  text-decoration: none !important;
  position: relative !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  text-align: center !important;
  white-space: normal !important;
  font-family: Tahoma, Verdana, Arial, sans-serif !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  min-height: 64px !important;
  padding: 14px 26px !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

/* لمعة خفيفة */
body.path-mod-quiz .quizstartbuttondiv .btn::before,
body.path-mod-quiz .quizstartbuttondiv button::before,
body.path-mod-quiz .quizstartbuttondiv input[type="submit"]::before,

body.path-mod-quiz .singlebutton a[href*="/course/view.php"]::before,
body.path-mod-quiz .singlebutton a[href*="/mod/quiz/summary.php"]::before,
body.path-mod-quiz .singlebutton a[href*="/mod/quiz/review.php"]::before,
body.path-mod-quiz .singlebutton a[href*="/mod/quiz/attempt.php"]::before,

body.path-mod-quiz .submitbtns button::before,
body.path-mod-quiz .submitbtns input[type="submit"]::before,
body.path-mod-quiz .confirmation-buttons .btn::before,
body.path-mod-quiz .confirmation-buttons button::before,
body.path-mod-quiz .confirmation-buttons input[type="submit"]::before,

body.path-mod-quiz a[href*="/course/view.php"]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.15) 0%,
    rgba(255,255,255,.05) 24%,
    rgba(255,255,255,0) 52%,
    rgba(255,255,255,.04) 100%
  ) !important;
  pointer-events: none !important;
}

/* النص الداخلي */
body.path-mod-quiz .quizstartbuttondiv .btn *,
body.path-mod-quiz .quizstartbuttondiv button *,
body.path-mod-quiz .quizstartbuttondiv input[type="submit"] *,

body.path-mod-quiz .singlebutton a[href*="/course/view.php"] *,
body.path-mod-quiz .singlebutton a[href*="/mod/quiz/summary.php"] *,
body.path-mod-quiz .singlebutton a[href*="/mod/quiz/review.php"] *,
body.path-mod-quiz .singlebutton a[href*="/mod/quiz/attempt.php"] *,

body.path-mod-quiz .submitbtns button *,
body.path-mod-quiz .submitbtns input[type="submit"] *,
body.path-mod-quiz .confirmation-buttons .btn *,
body.path-mod-quiz .confirmation-buttons button *,
body.path-mod-quiz .confirmation-buttons input[type="submit"] *,

body.path-mod-quiz a[href*="/course/view.php"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Hover */
body.path-mod-quiz .quizstartbuttondiv .btn:hover,
body.path-mod-quiz .quizstartbuttondiv button:hover,
body.path-mod-quiz .quizstartbuttondiv input[type="submit"]:hover,

body.path-mod-quiz .singlebutton a[href*="/course/view.php"]:hover,
body.path-mod-quiz .singlebutton a[href*="/mod/quiz/summary.php"]:hover,
body.path-mod-quiz .singlebutton a[href*="/mod/quiz/review.php"]:hover,
body.path-mod-quiz .singlebutton a[href*="/mod/quiz/attempt.php"]:hover,

body.path-mod-quiz .submitbtns button:hover,
body.path-mod-quiz .submitbtns input[type="submit"]:hover,
body.path-mod-quiz .confirmation-buttons .btn:hover,
body.path-mod-quiz .confirmation-buttons button:hover,
body.path-mod-quiz .confirmation-buttons input[type="submit"]:hover,

body.path-mod-quiz a[href*="/course/view.php"]:hover {
  transform: translateY(-1px) !important;
  box-shadow:
    0 0 0 3px rgba(0,168,232,.16),
    0 16px 34px rgba(0,25,55,.28),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
  filter: saturate(1.05) !important;
}

/* ---------------------------------
   2) Start quiz / Continue quiz / New quiz
--------------------------------- */
body.path-mod-quiz .quizstartbuttondiv .btn,
body.path-mod-quiz .quizstartbuttondiv button,
body.path-mod-quiz .quizstartbuttondiv input[type="submit"] {
  min-height: 70px !important;
  padding: 16px 30px !important;
  font-size: 22px !important;
  border-radius: 20px !important;
}

/* ---------------------------------
   3) Back to course
--------------------------------- */
body.path-mod-quiz .singlebutton a[href*="/course/view.php"],
body.path-mod-quiz a[href*="/course/view.php"] {
  min-height: 58px !important;
  padding: 12px 24px !important;
  font-size: 19px !important;
  border-radius: 18px !important;
}

/* ---------------------------------
   4) Finish / Submit and finish
--------------------------------- */
body.path-mod-quiz .submitbtns button,
body.path-mod-quiz .submitbtns input[type="submit"],
body.path-mod-quiz .confirmation-buttons .btn,
body.path-mod-quiz .confirmation-buttons button,
body.path-mod-quiz .confirmation-buttons input[type="submit"] {
  min-height: 70px !important;
  padding: 16px 30px !important;
  font-size: 22px !important;
  border-radius: 20px !important;
}

/* ---------------------------------
   5) Back / Return داخل صفحات الاختبار
--------------------------------- */
body.path-mod-quiz .singlebutton a[href*="/mod/quiz/summary.php"],
body.path-mod-quiz .singlebutton a[href*="/mod/quiz/review.php"],
body.path-mod-quiz .singlebutton a[href*="/mod/quiz/attempt.php"] {
  min-height: 56px !important;
  padding: 12px 22px !important;
  font-size: 18px !important;
  border-radius: 18px !important;
}

/* ---------------------------------
   6) لا نلمس Done / Mark done / Clear / Flag
--------------------------------- */
body.path-mod-quiz .autocompletion-btn,
body.path-mod-quiz .manual-completion-btn,
body.path-mod-quiz .btn-mark-done,
body.path-mod-quiz .mark-done,
body.path-mod-quiz .done,
body.path-mod-quiz [data-toggletype="manual:mark-done"],
body.path-mod-quiz [data-toggletype="manual:mark-incomplete"],

body.path-mod-quiz .clearchoice a,
body.path-mod-quiz .clearchoice button,
body.path-mod-quiz .clearchoice input,
body.path-mod-quiz a[href*="clear"],

body.path-mod-quiz .questionflag a,
body.path-mod-quiz .flagquestion a,
body.path-mod-quiz a[href*="questionflag"] {
  background: revert !important;
  color: revert !important;
  -webkit-text-fill-color: revert !important;
  border: revert !important;
  border-radius: revert !important;
  box-shadow: revert !important;
  min-height: revert !important;
  padding: revert !important;
  font-size: revert !important;
  font-weight: revert !important;
  display: revert !important;
  overflow: visible !important;
}

/* ---------------------------------
   7) الموبايل
--------------------------------- */
@media (max-width: 768px) {
  body.path-mod-quiz .quizstartbuttondiv .btn,
  body.path-mod-quiz .quizstartbuttondiv button,
  body.path-mod-quiz .quizstartbuttondiv input[type="submit"] {
    min-height: 66px !important;
    padding: 14px 24px !important;
    font-size: 20px !important;
  }

  body.path-mod-quiz .singlebutton a[href*="/course/view.php"],
  body.path-mod-quiz a[href*="/course/view.php"] {
    min-height: 54px !important;
    padding: 11px 18px !important;
    font-size: 17px !important;
  }

  body.path-mod-quiz .submitbtns button,
  body.path-mod-quiz .submitbtns input[type="submit"],
  body.path-mod-quiz .confirmation-buttons .btn,
  body.path-mod-quiz .confirmation-buttons button,
  body.path-mod-quiz .confirmation-buttons input[type="submit"] {
    min-height: 66px !important;
    padding: 14px 24px !important;
    font-size: 20px !important;
  }

  body.path-mod-quiz .singlebutton a[href*="/mod/quiz/summary.php"],
  body.path-mod-quiz .singlebutton a[href*="/mod/quiz/review.php"],
  body.path-mod-quiz .singlebutton a[href*="/mod/quiz/attempt.php"] {
    min-height: 52px !important;
    padding: 10px 18px !important;
    font-size: 16px !important;
  }
}





/* =========================================
   تحسين Jump + Previous + Next + Finish
========================================= */

#jump-to-activity,
#prev-activity-link,
#next-activity-link,
.endtestlink,
.mod_quiz-next-nav {
  background: linear-gradient(180deg, #001f46, #00a8e8) !important;
  color: #fff !important;
  border-radius: 18px !important;
  padding: 10px 18px !important;
  font-weight: bold !important;
  text-align: center !important;
  display: inline-block !important;
  border: 2px solid #82e1ff !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.2) !important;
}

/* Question list */
#mod_quiz_navblock {
  border-radius: 18px !important;
  overflow: hidden !important;
}

#mod_quiz_navblock h4 {
  font-weight: 900 !important;
  font-size: 18px !important;
}










/* =========================================================
   STEP2ENGLISH - EXACT QUIZ CUSTOM BUTTONS
   targets the real custom links from your quiz pages
========================================================= */

/* 1) زر إنهاء الاختبار فوق قائمة الأسئلة */
body.path-mod-quiz a.endtestlink.aalink,

/* 2) زر إغلاق مراجعة الاختبار */
body.path-mod-quiz a.mod_quiz-next-nav,

/* 3) زر الرجوع للدورة */
body.path-mod-quiz a[href*="/course/view.php"],

/* 4) زر السابق */
body.path-mod-quiz #prev-activity-link,

/* 5) زر التالي */
body.path-mod-quiz #next-activity-link {
  background: linear-gradient(180deg, #001f46 0%, #003a73 34%, #005f9f 68%, #00a8e8 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #82e1ff !important;
  border-radius: 20px !important;
  box-shadow:
    0 0 0 3px rgba(0,168,232,.13),
    0 12px 28px rgba(0,25,55,.24),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
  text-decoration: none !important;
  position: relative !important;
  overflow: hidden !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  text-align: center !important;
  white-space: normal !important;
  font-family: Tahoma, Verdana, Arial, sans-serif !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  min-height: 70px !important;
  padding: 16px 30px !important;
  font-size: 22px !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
}

/* اللمعة */
body.path-mod-quiz a.endtestlink.aalink::before,
body.path-mod-quiz a.mod_quiz-next-nav::before,
body.path-mod-quiz a[href*="/course/view.php"]::before,
body.path-mod-quiz #prev-activity-link::before,
body.path-mod-quiz #next-activity-link::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.15) 0%,
    rgba(255,255,255,.05) 24%,
    rgba(255,255,255,0) 52%,
    rgba(255,255,255,.04) 100%
  ) !important;
  pointer-events: none !important;
}

/* النص داخل الروابط */
body.path-mod-quiz a.endtestlink.aalink *,
body.path-mod-quiz a.mod_quiz-next-nav *,
body.path-mod-quiz a[href*="/course/view.php"] *,
body.path-mod-quiz #prev-activity-link *,
body.path-mod-quiz #next-activity-link * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* Hover */
body.path-mod-quiz a.endtestlink.aalink:hover,
body.path-mod-quiz a.mod_quiz-next-nav:hover,
body.path-mod-quiz a[href*="/course/view.php"]:hover,
body.path-mod-quiz #prev-activity-link:hover,
body.path-mod-quiz #next-activity-link:hover {
  transform: translateY(-1px) !important;
  box-shadow:
    0 0 0 3px rgba(0,168,232,.16),
    0 16px 34px rgba(0,25,55,.28),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
  filter: saturate(1.05) !important;
}

/* ---------------------------------
   تخصيصات منفصلة
--------------------------------- */

/* زر الإنهاء فوق قائمة الأسئلة */
body.path-mod-quiz a.endtestlink.aalink {
  width: calc(100% - 40px) !important;
  margin: 12px 20px 0 !important;
}

/* زر إغلاق مراجعة الاختبار */
body.path-mod-quiz a.mod_quiz-next-nav {
  width: calc(100% - 40px) !important;
  margin: 12px 20px 0 !important;
}

/* زر الرجوع للدورة */
body.path-mod-quiz a[href*="/course/view.php"] {
  min-height: 58px !important;
  font-size: 19px !important;
  padding: 12px 24px !important;
  border-radius: 18px !important;
}

/* زر السابق والتالي أصغر */
body.path-mod-quiz #prev-activity-link,
body.path-mod-quiz #next-activity-link {
  min-height: 52px !important;
  font-size: 16px !important;
  padding: 10px 18px !important;
  border-radius: 16px !important;
}

/* ---------------------------------
   Jump to
--------------------------------- */
body.path-mod-quiz #jump-to-activity.custom-select,
body.path-mod-quiz select#jump-to-activity {
  background: #ffffff !important;
  color: #0b4cab !important;
  border: 2px solid #b9d9ff !important;
  border-radius: 14px !important;
  box-shadow: 0 4px 12px rgba(0,65,140,.06) !important;
  min-height: 48px !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  padding: 8px 14px !important;
}

/* ---------------------------------
   موبايل
--------------------------------- */
@media (max-width: 768px) {
  body.path-mod-quiz a.endtestlink.aalink,
  body.path-mod-quiz a.mod_quiz-next-nav,
  body.path-mod-quiz a[href*="/course/view.php"] {
    min-height: 66px !important;
    padding: 14px 24px !important;
    font-size: 20px !important;
    border-radius: 18px !important;
  }

  body.path-mod-quiz #prev-activity-link,
  body.path-mod-quiz #next-activity-link {
    min-height: 48px !important;
    padding: 8px 14px !important;
    font-size: 15px !important;
  }

  body.path-mod-quiz a.endtestlink.aalink,
  body.path-mod-quiz a.mod_quiz-next-nav {
    width: calc(100% - 24px) !important;
    margin: 10px 12px 0 !important;
  }
}






/* =========================================
   Keep custom quiz buttons on one line
========================================= */
body.path-mod-quiz a.endtestlink.aalink,
body.path-mod-quiz a.mod_quiz-next-nav,
body.path-mod-quiz a[href*="/course/view.php"],
body.path-mod-quiz #prev-activity-link,
body.path-mod-quiz #next-activity-link {
  white-space: nowrap !important;
  flex-wrap: nowrap !important;
  width: auto !important;
  max-width: 100% !important;
}

/* النص الداخلي أيضًا لا ينكسر */
body.path-mod-quiz a.endtestlink.aalink *,
body.path-mod-quiz a.mod_quiz-next-nav *,
body.path-mod-quiz a[href*="/course/view.php"] *,
body.path-mod-quiz #prev-activity-link *,
body.path-mod-quiz #next-activity-link * {
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
}

/* على الموبايل: اسمح للزر أن يتمدد حسب النص */
@media (max-width: 768px) {
  body.path-mod-quiz a.endtestlink.aalink,
  body.path-mod-quiz a.mod_quiz-next-nav,
  body.path-mod-quiz a[href*="/course/view.php"],
  body.path-mod-quiz #prev-activity-link,
  body.path-mod-quiz #next-activity-link {
    min-width: max-content !important;
    width: auto !important;
  }
}




/* =========================================================
   STEP2ENGLISH - QUESTION LIST FINAL REAL FIX
========================================================= */

/* عنوان قائمة الأسئلة في المنتصف وبشكل فخم */
body.path-mod-quiz #mod_quiz_navblock {
  text-align: center !important;
}

body.path-mod-quiz #mod_quiz_navblock h3,
body.path-mod-quiz #mod_quiz_navblock h4,
body.path-mod-quiz #mod_quiz_navblock .card-header,
body.path-mod-quiz #mod_quiz_navblock .header,
body.path-mod-quiz #instance-0-header.title {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  max-width: 100% !important;
  margin: 0 auto 14px auto !important;
  padding: 10px 18px !important;
  background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%) !important;
  color: #0b2f5b !important;
  border: 1px solid #cfe3fb !important;
  border-radius: 18px !important;
  box-shadow:
    0 6px 16px rgba(0, 60, 140, 0.08),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
  font-family: Tahoma, Verdana, Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  text-align: center !important;
  text-shadow: none !important;
  letter-spacing: 0 !important;
}

/* محتوى البلوك يرجع طبيعي */
body.path-mod-quiz #mod_quiz_navblock .ccnBlockContent,
body.path-mod-quiz #mod_quiz_navblock .qn_buttons,
body.path-mod-quiz #mod_quiz_navblock .othernav,
body.path-mod-quiz #mod_quiz_navblock .quizattemptsummary,
body.path-mod-quiz #mod_quiz_navblock #user-picture,
body.path-mod-quiz #mod_quiz_navblock .clearfix {
  text-align: left !important;
}

/* شبكة المربعات - تلقائية حسب الشاشة */
body.path-mod-quiz #mod_quiz_navblock .qn_buttons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  row-gap: 6px !important;
  column-gap: 6px !important;
  justify-content: flex-start !important;
  align-items: center !important;
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
  clear: both !important;
}

/* مربع السؤال - بدون أي تقسيم داخلي */
body.path-mod-quiz #mod_quiz_navblock .qnbutton {
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  border-radius: 10px !important;
  border: 1px solid #cfe3fb !important;
  background: #ffffff !important;
  background-image: none !important;
  color: #0b4cab !important;
  -webkit-text-fill-color: #0b4cab !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: 0 3px 8px rgba(0, 60, 140, 0.06) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  position: relative !important;
  overflow: hidden !important;
  text-indent: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* إلغاء أي طبقات أو خطوط أو لمعات داخلية نهائيًا */
body.path-mod-quiz #mod_quiz_navblock .qnbutton::before,
body.path-mod-quiz #mod_quiz_navblock .qnbutton::after,
body.path-mod-quiz #mod_quiz_navblock .qnbutton span::before,
body.path-mod-quiz #mod_quiz_navblock .qnbutton span::after {
  content: none !important;
  display: none !important;
  background: none !important;
  box-shadow: none !important;
  border: 0 !important;
  opacity: 0 !important;
}

/* النص داخل المربع */
body.path-mod-quiz #mod_quiz_navblock .qnbutton,
body.path-mod-quiz #mod_quiz_navblock .qnbutton * {
  color: #0b4cab !important;
  -webkit-text-fill-color: #0b4cab !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-shadow: none !important;
  opacity: 1 !important;
  background: transparent !important;
}

/* السؤال الحالي داخل الاختبار */
body.path-mod-quiz #mod_quiz_navblock .qnbutton.thispage {
  background: linear-gradient(180deg, #001f46 0%, #003a73 34%, #005f9f 68%, #00a8e8 100%) !important;
  border: 1px solid #82e1ff !important;
  box-shadow:
    0 0 0 2px rgba(0,168,232,.10),
    0 8px 14px rgba(0,25,55,.16) !important;
}

body.path-mod-quiz #mod_quiz_navblock .qnbutton.thispage,
body.path-mod-quiz #mod_quiz_navblock .qnbutton.thispage * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* الأسئلة المحلولة بعد الإنهاء / المراجعة = اللون الفخم */
body.path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved,
body.path-mod-quiz #mod_quiz_navblock .qnbutton.answered,
body.path-mod-quiz #mod_quiz_navblock .qnbutton.complete,
body.path-mod-quiz #mod_quiz_navblock .qnbutton.correct {
  background: linear-gradient(180deg, #001f46 0%, #003a73 34%, #005f9f 68%, #00a8e8 100%) !important;
  border-color: #82e1ff !important;
  box-shadow:
    0 0 0 2px rgba(0,168,232,.10),
    0 8px 14px rgba(0,25,55,.16) !important;
}

body.path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved,
body.path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved *,
body.path-mod-quiz #mod_quiz_navblock .qnbutton.answered,
body.path-mod-quiz #mod_quiz_navblock .qnbutton.answered *,
body.path-mod-quiz #mod_quiz_navblock .qnbutton.complete,
body.path-mod-quiz #mod_quiz_navblock .qnbutton.complete *,
body.path-mod-quiz #mod_quiz_navblock .qnbutton.correct,
body.path-mod-quiz #mod_quiz_navblock .qnbutton.correct * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
}

/* غير المحلول = أبيض واضح */
body.path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered,
body.path-mod-quiz #mod_quiz_navblock .qnbutton.incomplete,
body.path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered {
  background: #ffffff !important;
  border-color: #cfe3fb !important;
  box-shadow: 0 3px 8px rgba(0, 60, 140, 0.06) !important;
}

body.path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered,
body.path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered *,
body.path-mod-quiz #mod_quiz_navblock .qnbutton.incomplete,
body.path-mod-quiz #mod_quiz_navblock .qnbutton.incomplete *,
body.path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered,
body.path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered * {
  color: #0b4cab !important;
  -webkit-text-fill-color: #0b4cab !important;
}

/* المعلّم */
body.path-mod-quiz #mod_quiz_navblock .qnbutton.flagged {
  outline: 2px solid #ffbf57 !important;
  outline-offset: 1px !important;
}

/* زر Finish داخل القائمة */
body.path-mod-quiz #mod_quiz_navblock .endtestlink.aalink {
  background: linear-gradient(180deg, #001f46 0%, #003a73 34%, #005f9f 68%, #00a8e8 100%) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  border: 2px solid #82e1ff !important;
  border-radius: 18px !important;
  box-shadow:
    0 0 0 2px rgba(0,168,232,.10),
    0 10px 18px rgba(0,25,55,.18) !important;
  min-height: 58px !important;
  padding: 12px 24px !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  margin-top: 12px !important;
  width: auto !important;
  min-width: 220px !important;
  max-width: none !important;
  box-sizing: border-box !important;
  white-space: nowrap !important;
  line-height: 1.2 !important;
}

/* موبايل */
@media (max-width: 768px) {
  body.path-mod-quiz #mod_quiz_navblock {
    padding: 10px !important;
    border-radius: 16px !important;
  }

  body.path-mod-quiz #mod_quiz_navblock h3,
  body.path-mod-quiz #mod_quiz_navblock h4,
  body.path-mod-quiz #mod_quiz_navblock .card-header,
  body.path-mod-quiz #mod_quiz_navblock .header,
  body.path-mod-quiz #instance-0-header.title {
    font-size: 18px !important;
    line-height: 1.15 !important;
    padding: 8px 14px !important;
    margin-bottom: 10px !important;
    border-radius: 15px !important;
  }

  body.path-mod-quiz #mod_quiz_navblock .userpicture {
    width: 34px !important;
    height: 34px !important;
  }

  body.path-mod-quiz #mod_quiz_navblock .d-inline-block.aabtn,
  body.path-mod-quiz #mod_quiz_navblock .clearfix a {
    font-size: 13px !important;
  }

  body.path-mod-quiz #mod_quiz_navblock .qn_buttons {
    gap: 4px !important;
    row-gap: 4px !important;
    column-gap: 4px !important;
  }

  body.path-mod-quiz #mod_quiz_navblock .qnbutton {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    min-height: 30px !important;
    font-size: 12px !important;
    border-radius: 8px !important;
  }

  body.path-mod-quiz #mod_quiz_navblock .qnbutton,
  body.path-mod-quiz #mod_quiz_navblock .qnbutton * {
    font-size: 12px !important;
  }

  body.path-mod-quiz #mod_quiz_navblock .endtestlink.aalink {
    min-height: 52px !important;
    padding: 10px 20px !important;
    font-size: 17px !important;
    border-radius: 16px !important;
    min-width: 190px !important;
    width: auto !important;
  }
}














/* =========================================================
   STEP2ENGLISH - FLAG BUTTON SOFT LUXURY
========================================================= */

/* صندوق الـ info */
body.path-mod-quiz .que .info {
  display: block !important;
  width: auto !important;
  min-width: 0 !important;
  padding: 0 !important;
  margin: 10px 0 8px 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  float: none !important;
}

/* نخفي كل شيء ما عدا flag */
body.path-mod-quiz .que .info > * {
  display: none !important;
}

body.path-mod-quiz .que .info .flagquestion,
body.path-mod-quiz .que .info .questionflag,
body.path-mod-quiz .que .info .flags,
body.path-mod-quiz .que .info [class*="flag"] {
  display: block !important;
}

/* الشكل الأساسي */
body.path-mod-quiz .flagquestion a,
body.path-mod-quiz .questionflag a,
body.path-mod-quiz a[href*="questionflag"],
body.path-mod-quiz a[aria-label*="Flag"],
body.path-mod-quiz a[title*="Flag"] {
  background: linear-gradient(180deg, #001f46 0%, #003a73 34%, #005f9f 68%, #00a8e8 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #82e1ff !important;
  border-radius: 16px !important;
  box-shadow:
    0 0 0 2px rgba(0,168,232,.08),
    0 8px 14px rgba(0,25,55,.15) !important;
  min-height: 46px !important;
  padding: 8px 16px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  width: auto !important;
  min-width: 165px !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  overflow: hidden !important;
  font-family: Tahoma, Verdana, Arial, sans-serif !important;
}

/* لمعة خفيفة */
body.path-mod-quiz .flagquestion a::before,
body.path-mod-quiz .questionflag a::before,
body.path-mod-quiz a[href*="questionflag"]::before,
body.path-mod-quiz a[aria-label*="Flag"]::before,
body.path-mod-quiz a[title*="Flag"]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.12) 0%,
    rgba(255,255,255,.04) 28%,
    rgba(255,255,255,0) 60%
  ) !important;
  pointer-events: none !important;
}

/* النص والصورة */
body.path-mod-quiz .flagquestion a *,
body.path-mod-quiz .questionflag a *,
body.path-mod-quiz a[href*="questionflag"] *,
body.path-mod-quiz a[aria-label*="Flag"] *,
body.path-mod-quiz a[title*="Flag"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 900 !important;
}

body.path-mod-quiz .flagquestion img,
body.path-mod-quiz .questionflag img,
body.path-mod-quiz a[href*="questionflag"] img {
  width: 15px !important;
  height: 15px !important;
  object-fit: contain !important;
  margin: 0 !important;
  filter: brightness(0) invert(1) !important;
}

/* Hover */
body.path-mod-quiz .flagquestion a:hover,
body.path-mod-quiz .questionflag a:hover,
body.path-mod-quiz a[href*="questionflag"]:hover,
body.path-mod-quiz a[aria-label*="Flag"]:hover,
body.path-mod-quiz a[title*="Flag"]:hover {
  transform: translateY(-1px) !important;
  box-shadow:
    0 0 0 2px rgba(0,168,232,.10),
    0 10px 18px rgba(0,25,55,.18) !important;
}

/* بعد التحديد - لون أهدأ من الوردي */
body.path-mod-quiz .flagged .flagquestion a,
body.path-mod-quiz .flagged .questionflag a,
body.path-mod-quiz .questionflag.flagged a,
body.path-mod-quiz a[aria-pressed="true"] {
  background: linear-gradient(180deg, #5a2340 0%, #8b2f59 55%, #b84478 100%) !important;
  border-color: #e7b2c8 !important;
  box-shadow:
    0 0 0 2px rgba(184,68,120,.10),
    0 8px 14px rgba(70,20,40,.16) !important;
}

/* الموبايل */
@media (max-width: 768px) {
  body.path-mod-quiz .flagquestion a,
  body.path-mod-quiz .questionflag a,
  body.path-mod-quiz a[href*="questionflag"],
  body.path-mod-quiz a[aria-label*="Flag"],
  body.path-mod-quiz a[title*="Flag"] {
    min-height: 42px !important;
    min-width: 150px !important;
    padding: 8px 14px !important;
    font-size: 14px !important;
    border-radius: 14px !important;
  }

  body.path-mod-quiz .flagquestion img,
  body.path-mod-quiz .questionflag img,
  body.path-mod-quiz a[href*="questionflag"] img {
    width: 14px !important;
    height: 14px !important;
  }
}



/* =========================================================
   STEP2ENGLISH - CLEAR ANSWER LUXURY BUTTON
========================================================= */

/* صندوق Clear */
body.path-mod-quiz .qtype_multichoice_clearchoice,
body.path-mod-quiz .clearchoice {
  display: block !important;
  width: auto !important;
  padding: 0 !important;
  margin: 10px 0 8px 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  text-align: left !important;
}

/* الرابط / الزر نفسه */
body.path-mod-quiz .qtype_multichoice_clearchoice a,
body.path-mod-quiz .qtype_multichoice_clearchoice .btn,
body.path-mod-quiz .clearchoice a,
body.path-mod-quiz .clearchoice button,
body.path-mod-quiz a[href*="clear"],
body.path-mod-quiz a[id*="clearchoice"] {
  background: linear-gradient(180deg, #001f46 0%, #003a73 34%, #005f9f 68%, #00a8e8 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #82e1ff !important;
  border-radius: 16px !important;
  box-shadow:
    0 0 0 2px rgba(0,168,232,.08),
    0 8px 14px rgba(0,25,55,.15) !important;
  min-height: 46px !important;
  padding: 8px 16px !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  width: auto !important;
  min-width: 165px !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  position: relative !important;
  overflow: hidden !important;
  font-family: Tahoma, Verdana, Arial, sans-serif !important;
}

/* لمعة خفيفة */
body.path-mod-quiz .qtype_multichoice_clearchoice a::before,
body.path-mod-quiz .qtype_multichoice_clearchoice .btn::before,
body.path-mod-quiz .clearchoice a::before,
body.path-mod-quiz .clearchoice button::before,
body.path-mod-quiz a[href*="clear"]::before,
body.path-mod-quiz a[id*="clearchoice"]::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.12) 0%,
    rgba(255,255,255,.04) 28%,
    rgba(255,255,255,0) 60%
  ) !important;
  pointer-events: none !important;
}

/* النص والأيقونات */
body.path-mod-quiz .qtype_multichoice_clearchoice a *,
body.path-mod-quiz .qtype_multichoice_clearchoice .btn *,
body.path-mod-quiz .clearchoice a *,
body.path-mod-quiz .clearchoice button *,
body.path-mod-quiz a[href*="clear"] *,
body.path-mod-quiz a[id*="clearchoice"] * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

/* Hover */
body.path-mod-quiz .qtype_multichoice_clearchoice a:hover,
body.path-mod-quiz .qtype_multichoice_clearchoice .btn:hover,
body.path-mod-quiz .clearchoice a:hover,
body.path-mod-quiz .clearchoice button:hover,
body.path-mod-quiz a[href*="clear"]:hover,
body.path-mod-quiz a[id*="clearchoice"]:hover {
  transform: translateY(-1px) !important;
  box-shadow:
    0 0 0 2px rgba(0,168,232,.10),
    0 10px 18px rgba(0,25,55,.18) !important;
}

/* الموبايل */
@media (max-width: 768px) {
  body.path-mod-quiz .qtype_multichoice_clearchoice a,
  body.path-mod-quiz .qtype_multichoice_clearchoice .btn,
  body.path-mod-quiz .clearchoice a,
  body.path-mod-quiz .clearchoice button,
  body.path-mod-quiz a[href*="clear"],
  body.path-mod-quiz a[id*="clearchoice"] {
    min-height: 42px !important;
    min-width: 150px !important;
    padding: 8px 14px !important;
    font-size: 14px !important;
    border-radius: 14px !important;
  }
}








/* =========================================================
   STEP2ENGLISH - ATTEMPT SUMMARY BEFORE FINAL SUBMIT
   تحسين قائمة الأسئلة قبل التسليم النهائي
========================================================= */

/* الصندوق العام للجدول */
body.path-mod-quiz table.quizsummaryofattempt,
body.path-mod-quiz table.generaltable.quizsummaryofattempt,
body.path-mod-quiz .quizsummaryofattempt {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
  background: transparent !important;
  margin-top: 10px !important;
}

/* رأس الجدول */
body.path-mod-quiz table.quizsummaryofattempt thead th,
body.path-mod-quiz table.generaltable.quizsummaryofattempt thead th,
body.path-mod-quiz .quizsummaryofattempt thead th {
  background: linear-gradient(180deg, #001f46 0%, #003a73 34%, #005f9f 68%, #00a8e8 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  font-family: Tahoma, Verdana, Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  padding: 16px 18px !important;
  border: 0 !important;
  box-shadow:
    0 8px 18px rgba(0,25,55,.16),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

body.path-mod-quiz table.quizsummaryofattempt thead th:first-child,
body.path-mod-quiz table.generaltable.quizsummaryofattempt thead th:first-child,
body.path-mod-quiz .quizsummaryofattempt thead th:first-child {
  border-radius: 16px 0 0 16px !important;
}

body.path-mod-quiz table.quizsummaryofattempt thead th:last-child,
body.path-mod-quiz table.generaltable.quizsummaryofattempt thead th:last-child,
body.path-mod-quiz .quizsummaryofattempt thead th:last-child {
  border-radius: 0 16px 16px 0 !important;
}

/* الصفوف العامة */
body.path-mod-quiz table.quizsummaryofattempt tbody tr,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr,
body.path-mod-quiz .quizsummaryofattempt tbody tr {
  background: #ffffff !important;
  box-shadow: 0 6px 14px rgba(0,25,55,.06) !important;
}

/* خلايا الصف */
body.path-mod-quiz table.quizsummaryofattempt tbody td,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody td,
body.path-mod-quiz .quizsummaryofattempt tbody td {
  padding: 16px 18px !important;
  border-top: 1px solid #e7eef8 !important;
  border-bottom: 1px solid #e7eef8 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  background: transparent !important;
  vertical-align: middle !important;
  font-family: Tahoma, Verdana, Arial, sans-serif !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
}

/* أطراف الصف */
body.path-mod-quiz table.quizsummaryofattempt tbody td:first-child,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody td:first-child,
body.path-mod-quiz .quizsummaryofattempt tbody td:first-child {
  border-left: 1px solid #e7eef8 !important;
  border-radius: 16px 0 0 16px !important;
  width: 90px !important;
  font-weight: 900 !important;
  color: #0b4cab !important;
  text-align: center !important;
}

body.path-mod-quiz table.quizsummaryofattempt tbody td:last-child,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody td:last-child,
body.path-mod-quiz .quizsummaryofattempt tbody td:last-child {
  border-right: 1px solid #e7eef8 !important;
  border-radius: 0 16px 16px 0 !important;
}

/* الصف المحلول */
body.path-mod-quiz table.quizsummaryofattempt tbody tr.answersaved,
body.path-mod-quiz table.quizsummaryofattempt tbody tr.answered,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.answersaved,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.answered,
body.path-mod-quiz .quizsummaryofattempt tbody tr.answersaved,
body.path-mod-quiz .quizsummaryofattempt tbody tr.answered {
  background: linear-gradient(180deg, #f2fbff 0%, #e8f7ff 100%) !important;
  box-shadow:
    0 8px 18px rgba(0,120,190,.10),
    0 0 0 1px rgba(130,225,255,.22) !important;
}

body.path-mod-quiz table.quizsummaryofattempt tbody tr.answersaved td,
body.path-mod-quiz table.quizsummaryofattempt tbody tr.answered td,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.answersaved td,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.answered td,
body.path-mod-quiz .quizsummaryofattempt tbody tr.answersaved td,
body.path-mod-quiz .quizsummaryofattempt tbody tr.answered td {
  border-top-color: #cdeeff !important;
  border-bottom-color: #cdeeff !important;
}

/* نص حالة المحلول */
body.path-mod-quiz table.quizsummaryofattempt tbody tr.answersaved td:last-child,
body.path-mod-quiz table.quizsummaryofattempt tbody tr.answered td:last-child,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.answersaved td:last-child,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.answered td:last-child,
body.path-mod-quiz .quizsummaryofattempt tbody tr.answersaved td:last-child,
body.path-mod-quiz .quizsummaryofattempt tbody tr.answered td:last-child {
  color: #0b4cab !important;
  font-weight: 900 !important;
}

/* شريط جانبي للمحلول */
body.path-mod-quiz table.quizsummaryofattempt tbody tr.answersaved td:first-child,
body.path-mod-quiz table.quizsummaryofattempt tbody tr.answered td:first-child,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.answersaved td:first-child,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.answered td:first-child,
body.path-mod-quiz .quizsummaryofattempt tbody tr.answersaved td:first-child,
body.path-mod-quiz .quizsummaryofattempt tbody tr.answered td:first-child {
  box-shadow: inset 6px 0 0 #00a8e8 !important;
  color: #0b4cab !important;
}

/* الصف غير المحلول */
body.path-mod-quiz table.quizsummaryofattempt tbody tr.notyetanswered,
body.path-mod-quiz table.quizsummaryofattempt tbody tr.notanswered,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.notyetanswered,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.notanswered,
body.path-mod-quiz .quizsummaryofattempt tbody tr.notyetanswered,
body.path-mod-quiz .quizsummaryofattempt tbody tr.notanswered {
  background: linear-gradient(180deg, #fff8f8 0%, #fff1f1 100%) !important;
  box-shadow:
    0 8px 18px rgba(180,40,40,.08),
    0 0 0 1px rgba(255,190,190,.22) !important;
}

body.path-mod-quiz table.quizsummaryofattempt tbody tr.notyetanswered td,
body.path-mod-quiz table.quizsummaryofattempt tbody tr.notanswered td,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.notyetanswered td,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.notanswered td,
body.path-mod-quiz .quizsummaryofattempt tbody tr.notyetanswered td,
body.path-mod-quiz .quizsummaryofattempt tbody tr.notanswered td {
  border-top-color: #ffd9d9 !important;
  border-bottom-color: #ffd9d9 !important;
}

/* نص غير المحلول */
body.path-mod-quiz table.quizsummaryofattempt tbody tr.notyetanswered td:last-child,
body.path-mod-quiz table.quizsummaryofattempt tbody tr.notanswered td:last-child,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.notyetanswered td:last-child,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.notanswered td:last-child,
body.path-mod-quiz .quizsummaryofattempt tbody tr.notyetanswered td:last-child,
body.path-mod-quiz .quizsummaryofattempt tbody tr.notanswered td:last-child {
  color: #b33636 !important;
  font-weight: 900 !important;
}

/* شريط جانبي لغير المحلول */
body.path-mod-quiz table.quizsummaryofattempt tbody tr.notyetanswered td:first-child,
body.path-mod-quiz table.quizsummaryofattempt tbody tr.notanswered td:first-child,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.notyetanswered td:first-child,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.notanswered td:first-child,
body.path-mod-quiz .quizsummaryofattempt tbody tr.notyetanswered td:first-child,
body.path-mod-quiz .quizsummaryofattempt tbody tr.notanswered td:first-child {
  box-shadow: inset 6px 0 0 #e55b5b !important;
  color: #b33636 !important;
}

/* رابط العودة للسؤال */
body.path-mod-quiz table.quizsummaryofattempt tbody td a,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody td a,
body.path-mod-quiz .quizsummaryofattempt tbody td a {
  color: #0b4cab !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

body.path-mod-quiz table.quizsummaryofattempt tbody td a:hover,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody td a:hover,
body.path-mod-quiz .quizsummaryofattempt tbody td a:hover {
  text-decoration: underline !important;
}

/* لو تريدين إخفاء جملة العودة للسؤال إن ظهرت */
body.path-mod-quiz .quizsummaryofattempt .questionstatus,
body.path-mod-quiz .quizsummaryofattempt .returntoquestion {
  font-size: inherit !important;
}

/* الموبايل */
@media (max-width: 768px) {
  body.path-mod-quiz table.quizsummaryofattempt,
  body.path-mod-quiz table.generaltable.quizsummaryofattempt,
  body.path-mod-quiz .quizsummaryofattempt {
    border-spacing: 0 8px !important;
  }

  body.path-mod-quiz table.quizsummaryofattempt thead th,
  body.path-mod-quiz table.generaltable.quizsummaryofattempt thead th,
  body.path-mod-quiz .quizsummaryofattempt thead th {
    font-size: 17px !important;
    padding: 12px 12px !important;
  }

  body.path-mod-quiz table.quizsummaryofattempt tbody td,
  body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody td,
  body.path-mod-quiz .quizsummaryofattempt tbody td {
    font-size: 16px !important;
    padding: 13px 12px !important;
  }

  body.path-mod-quiz table.quizsummaryofattempt tbody td:first-child,
  body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody td:first-child,
  body.path-mod-quiz .quizsummaryofattempt tbody td:first-child {
    width: 62px !important;
  }
}




/* =========================================
   ATTEMPT SUMMARY - clickable rows feel
========================================= */

/* رأس الجدول */
body.path-mod-quiz table.quizsummaryofattempt thead th,
body.path-mod-quiz table.generaltable.quizsummaryofattempt thead th,
body.path-mod-quiz .quizsummaryofattempt thead th {
  text-align: center !important;
}

/* الصفوف شكلها قابل للضغط */
body.path-mod-quiz table.quizsummaryofattempt tbody tr,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr,
body.path-mod-quiz .quizsummaryofattempt tbody tr {
  cursor: pointer !important;
  transition: transform .15s ease, box-shadow .15s ease !important;
}

body.path-mod-quiz table.quizsummaryofattempt tbody tr:hover,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr:hover,
body.path-mod-quiz .quizsummaryofattempt tbody tr:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 10px 18px rgba(0,25,55,.10) !important;
}

/* العمود الأول والعمود الثاني في المنتصف */
body.path-mod-quiz table.quizsummaryofattempt tbody td:first-child,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody td:first-child,
body.path-mod-quiz .quizsummaryofattempt tbody td:first-child,
body.path-mod-quiz table.quizsummaryofattempt tbody td:last-child,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody td:last-child,
body.path-mod-quiz .quizsummaryofattempt tbody td:last-child {
  text-align: center !important;
}

/* الرابط الداخلي يملأ مكانه */
body.path-mod-quiz table.quizsummaryofattempt tbody td a,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody td a,
body.path-mod-quiz .quizsummaryofattempt tbody td a {
  font-weight: 900 !important;
  text-decoration: none !important;
}



/* =========================================
   FIX BIG WHITE GAP UNDER STATUS BAR
========================================= */

/* إخفاء الصف الفارغ تحت الهيدر */
body.path-mod-quiz table.quizsummaryofattempt tbody tr.quizsummaryheading,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.quizsummaryheading,
body.path-mod-quiz .quizsummaryofattempt tbody tr.quizsummaryheading {
  display: none !important;
}

/* تقليل الفراغ بين الهيدر وأول صف */
body.path-mod-quiz table.quizsummaryofattempt,
body.path-mod-quiz table.generaltable.quizsummaryofattempt,
body.path-mod-quiz .quizsummaryofattempt {
  border-spacing: 0 6px !important;
}

/* إلغاء أي مسافة فوق أول صف */
body.path-mod-quiz table.quizsummaryofattempt tbody tr:first-child td,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr:first-child td,
body.path-mod-quiz .quizsummaryofattempt tbody tr:first-child td {
  margin-top: 0 !important;
}

/* لو بقي فراغ بسيط من الحاوية */
body.path-mod-quiz .table-responsive {
  margin-top: 0 !important;
  padding-top: 0 !important;
}



/* =========================================================
   STEP2ENGLISH - QUIZ SUMMARY PAGE CONTROLS
   صفحة summary قبل التسليم النهائي فقط
========================================================= */


/* =========================================================
   2) إبقاء زر Return + زر Finish فقط
========================================================= */

body#page-mod-quiz-summary .submitbtns,
body#page-mod-quiz-summary .submitbtns.mdl-align,
body#page-mod-quiz-summary .controls {
  text-align: center !important;
}

/* لا نخفي الأزرار الأساسية داخل submitbtns */
body#page-mod-quiz-summary .submitbtns .singlebutton,
body#page-mod-quiz-summary .submitbtns form,
body#page-mod-quiz-summary .submitbtns button,
body#page-mod-quiz-summary .submitbtns input[type="submit"] {
  display: inline-block !important;
}

/* توسيط زر Return و Finish */
body#page-mod-quiz-summary .submitbtns .singlebutton,
body#page-mod-quiz-summary .submitbtns form {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* =========================================================
   3) تحسين المسافات بعد الحذف
========================================================= */

body#page-mod-quiz-summary .container-fluid.tertiary-navigation,
body#page-mod-quiz-summary .activity-navigation,
body#page-mod-quiz-summary .mt-5.mb-5.activity-navigation,
body#page-mod-quiz-summary .course-content-header,
body#page-mod-quiz-summary .course-content-footer {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

body#page-mod-quiz-summary #ccn-main-region,
body#page-mod-quiz-summary #ccn-main,
body#page-mod-quiz-summary .container {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* =========================================================
   4) شكل زر Return و Finish في summary
========================================================= */

body#page-mod-quiz-summary .submitbtns button,
body#page-mod-quiz-summary .submitbtns input[type="submit"],
body#page-mod-quiz-summary .submitbtns .singlebutton button,
body#page-mod-quiz-summary .submitbtns .singlebutton input[type="submit"] {
  background: linear-gradient(180deg, #001f46 0%, #003a73 34%, #005f9f 68%, #00a8e8 100%) !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #82e1ff !important;
  border-radius: 20px !important;
  box-shadow:
    0 0 0 3px rgba(0,168,232,.10),
    0 12px 24px rgba(0,25,55,.18),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
  min-height: 66px !important;
  padding: 14px 24px !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: center !important;
  white-space: nowrap !important;
  font-family: Tahoma, Verdana, Arial, sans-serif !important;
}

/* الموبايل */
@media (max-width: 768px) {
  body#page-mod-quiz-summary .submitbtns button,
  body#page-mod-quiz-summary .submitbtns input[type="submit"],
  body#page-mod-quiz-summary .submitbtns .singlebutton button,
  body#page-mod-quiz-summary .submitbtns .singlebutton input[type="submit"] {
    min-height: 62px !important;
    padding: 12px 20px !important;
    font-size: 18px !important;
    border-radius: 18px !important;
  }
}








/* =========================================================
   STEP2ENGLISH - HIDE JUMP TO IN QUIZ ATTEMPT ONLY
========================================================= */

/* صفحة الاختبار فقط */
body#page-mod-quiz-attempt .urlselect,
body#page-mod-quiz-attempt #jump-to-activity,
body#page-mod-quiz-attempt label[for="jump-to-activity"],
body#page-mod-quiz-attempt .form-inline[action*="/course/jumpto.php"],
body#page-mod-quiz-attempt select#jump-to-activity,
body#page-mod-quiz-attempt .custom-select.urlselect,
body#page-mod-quiz-attempt .mdl-align .urlselect {
  display: none !important;
}

/* إخفاء الحاوية نفسها لو صارت فاضية */
body#page-mod-quiz-attempt .mdl-align:has(#jump-to-activity),
body#page-mod-quiz-attempt .col-md-4 .mdl-align:has(#jump-to-activity),
body#page-mod-quiz-attempt .mt-5.mb-5.activity-navigation .col-md-4 .mdl-align:has(#jump-to-activity),
body#page-mod-quiz-attempt .mt-5.mb-5.activity-navigation .urlselect {
  display: none !important;
}











/* =========================================================
   STEP2ENGLISH - HIDE COURSE NAV ONLY IN QUIZ ATTEMPT
   يحذف فقط:
   - العودة للدورة
   - السابق/التالي الخاصين بالدورة
   ويترك:
   - Previous / Next الخاصين بالاختبار
   - Finish
========================================================= */

/* صفحة الاختبار فقط */

body#page-mod-quiz-attempt #prev-activity-link,
body#page-mod-quiz-attempt #next-activity-link,
body#page-mod-quiz-attempt .activity-navigation,
body#page-mod-quiz-attempt .mt-5.mb-5.activity-navigation,
body#page-mod-quiz-attempt .float-left.ui_kit_btn:has(#prev-activity-link),
body#page-mod-quiz-attempt .float-right.ui_kit_btn:has(#next-activity-link) {
  display: none !important;
}

/* لو :has غير مدعوم، نخفي الحاويات المشهورة مباشرة */
body#page-mod-quiz-attempt .float-left.ui_kit_btn,
body#page-mod-quiz-attempt .float-right.ui_kit_btn {
  display: none !important;
}

/* إزالة الفراغ بعد الإخفاء */
body#page-mod-quiz-attempt .course-content-header,
body#page-mod-quiz-attempt .course-content-footer,
body#page-mod-quiz-attempt .container-fluid.tertiary-navigation,
body#page-mod-quiz-attempt .activity-navigation,
body#page-mod-quiz-attempt .mt-5.mb-5.activity-navigation {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

/* لا تلمس أزرار التنقل بين صفحات الاختبار */
body#page-mod-quiz-attempt #mod_quiz-prev-nav,
body#page-mod-quiz-attempt #mod_quiz-next-nav,
body#page-mod-quiz-attempt .mod_quiz-prev-nav,
body#page-mod-quiz-attempt .mod_quiz-next-nav,
body#page-mod-quiz-attempt .submitbtns,
body#page-mod-quiz-attempt .submitbtns input[type="submit"],
body#page-mod-quiz-attempt .submitbtns button {
  display: block !important;
}

/* لو كانت أزرار Previous/Next داخل flex */
body#page-mod-quiz-attempt .submitbtns {
  display: flex !important;
}




/* =========================================================
   STEP2ENGLISH - HIDE TOP BACK BUTTON IN QUIZ ATTEMPT ONLY
   يحذف زر:
   Back | رجوع
   الذي يعيد إلى صفحة بدء الاختبار
========================================================= */

/* صفحة الاختبار فقط */
body#page-mod-quiz-attempt .container-fluid.tertiary-navigation .navitem,
body#page-mod-quiz-attempt .container-fluid.tertiary-navigation a.btn.btn-secondary,
body#page-mod-quiz-attempt .container-fluid.tertiary-navigation a[href*="/mod/quiz/view.php"] {
  display: none !important;
}

/* إزالة أي فراغ للحاوية بعد الحذف */
body#page-mod-quiz-attempt .container-fluid.tertiary-navigation,
body#page-mod-quiz-attempt .container-fluid.tertiary-navigation .row {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}










/* =========================================================
   STEP2ENGLISH - CLEAN REVIEW PAGE
   صفحة إغلاق مراجعة الإجابات فقط
   يحذف:
   - العودة للدورة فوق
   - العودة للدورة تحت
   - Jump to | الانتقال إلى
   - الدرس التالي / السابق
========================================================= */



/* -----------------------------------------
   2) إخفاء Jump to | الانتقال إلى
----------------------------------------- */
body#page-mod-quiz-review .urlselect,
body#page-mod-quiz-review #jump-to-activity,
body#page-mod-quiz-review #jump-to-activity.custom-select,
body#page-mod-quiz-review label[for="jump-to-activity"],
body#page-mod-quiz-review .form-inline[action*="/course/jumpto.php"],
body#page-mod-quiz-review select[name*="jump"],
body#page-mod-quiz-review select[id*="jump"],
body#page-mod-quiz-review .jumpmenu,
body#page-mod-quiz-review .paging {
  display: none !important;
}

/* -----------------------------------------
   3) إخفاء الدرس السابق / التالي
----------------------------------------- */
body#page-mod-quiz-review #prev-activity-link,
body#page-mod-quiz-review #next-activity-link,
body#page-mod-quiz-review .activity-navigation,
body#page-mod-quiz-review .section-navigation,
body#page-mod-quiz-review .mt-5.mb-5.activity-navigation,
body#page-mod-quiz-review .float-left.ui_kit_btn,
body#page-mod-quiz-review .float-right.ui_kit_btn {
  display: none !important;
}

/* -----------------------------------------
   4) إزالة الفراغات الفارغة بعد الإخفاء
----------------------------------------- */
body#page-mod-quiz-review .course-content-header,
body#page-mod-quiz-review .course-content-footer,
body#page-mod-quiz-review .container-fluid.tertiary-navigation,
body#page-mod-quiz-review .activity-navigation,
body#page-mod-quiz-review .section-navigation,
body#page-mod-quiz-review .mt-5.mb-5.activity-navigation,
body#page-mod-quiz-review .urlselect,
body#page-mod-quiz-review .jumpmenu,
body#page-mod-quiz-review .paging {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}

/* -----------------------------------------
   5) شد المحتوى للأعلى
----------------------------------------- */
body#page-mod-quiz-review #ccn-main-region,
body#page-mod-quiz-review #ccn-main,
body#page-mod-quiz-review .container,
body#page-mod-quiz-review .row,
body#page-mod-quiz-review .col-md-12,
body#page-mod-quiz-review .col-lg-12,
body#page-mod-quiz-review .col-xl-12 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* -----------------------------------------
   6) لا تلمس زر إغلاق مراجعة الإجابات
----------------------------------------- */
body#page-mod-quiz-review .mod_quiz-next-nav,
body#page-mod-quiz-review a.mod_quiz-next-nav {
  display: inline-flex !important;
}

















/* =========================================================
   STEP2ENGLISH - LUXURY JUMP TO + LESSON NAV (APP SAFE)
========================================================= */

/* -------------------------------------------------
   1) تلوين Jump to الفخم
------------------------------------------------- */
body#page-mod-quiz-view .urlselect,
body#page-mod-quiz-view .jumpmenu,
body#page-mod-quiz-view .paging {
  display: block !important;
  width: 100% !important;
  clear: both !important;
  margin: 10px 0 12px 0 !important;
  text-align: center !important;
}

body#page-mod-quiz-view #jump-to-activity,
body#page-mod-quiz-view #jump-to-activity.custom-select,
body#page-mod-quiz-view .urlselect select,
body#page-mod-quiz-view select[name*="jump"],
body#page-mod-quiz-view select[id*="jump"] {
  width: 100% !important;
  min-height: 50px !important;
  padding: 10px 14px !important;
  border-radius: 16px !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(180deg, #001f46 0%, #003a73 34%, #005f9f 68%, #00a8e8 100%) !important;
  border: 2px solid #82e1ff !important;
  box-shadow:
    0 12px 24px rgba(0,25,55,.18),
    0 4px 0 #0b4195 !important;
  outline: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

/* نص القائمة المنسدلة داخل التطبيق */
body#page-mod-quiz-view #jump-to-activity option,
body#page-mod-quiz-view .urlselect select option,
body#page-mod-quiz-view select[name*="jump"] option,
body#page-mod-quiz-view select[id*="jump"] option {
  color: #111111 !important;
  background: #ffffff !important;
  -webkit-text-fill-color: #111111 !important;
}

/* -------------------------------------------------
   2) تلوين السابق/التالي بتوع الدرس
------------------------------------------------- */
body#page-mod-quiz-view .activity-navigation,
body#page-mod-quiz-view .section-navigation,
body#page-mod-quiz-view .mt-5.mb-5.activity-navigation {
  width: 100% !important;
  clear: both !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 10px 0 12px 0 !important;
}

body#page-mod-quiz-view #prev-activity-link,
body#page-mod-quiz-view #next-activity-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 210px !important;
  min-height: 52px !important;
  padding: 12px 18px !important;
  border-radius: 18px !important;
  text-decoration: none !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #82e1ff !important;
  background: linear-gradient(180deg, #001f46 0%, #003a73 34%, #005f9f 68%, #00a8e8 100%) !important;
  box-shadow:
    0 12px 24px rgba(0,25,55,.18),
    0 4px 0 #0b4195 !important;
  white-space: nowrap !important;
}

/* -------------------------------------------------
   3) زر العودة للدورة بنفس الفخامة
------------------------------------------------- */
body#page-mod-quiz-view a[href*="/course/view.php"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 260px !important;
  min-height: 56px !important;
  padding: 12px 20px !important;
  border-radius: 20px !important;
  text-decoration: none !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border: 2px solid #82e1ff !important;
  background: linear-gradient(180deg, #001f46 0%, #003a73 34%, #005f9f 68%, #00a8e8 100%) !important;
  box-shadow:
    0 12px 24px rgba(0,25,55,.18),
    0 4px 0 #0b4195 !important;
  white-space: nowrap !important;
}

/* -------------------------------------------------
   4) الموبايل
------------------------------------------------- */
@media (max-width: 768px) {
  body#page-mod-quiz-view .activity-navigation,
  body#page-mod-quiz-view .section-navigation,
  body#page-mod-quiz-view .mt-5.mb-5.activity-navigation {
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 10px !important;
  }

  body#page-mod-quiz-view #prev-activity-link,
  body#page-mod-quiz-view #next-activity-link,
  body#page-mod-quiz-view a[href*="/course/view.php"] {
    min-width: 100% !important;
    min-height: 48px !important;
    padding: 10px 14px !important;
    font-size: 17px !important;
  }

  body#page-mod-quiz-view #jump-to-activity,
  body#page-mod-quiz-view #jump-to-activity.custom-select,
  body#page-mod-quiz-view .urlselect select,
  body#page-mod-quiz-view select[name*="jump"],
  body#page-mod-quiz-view select[id*="jump"] {
    min-height: 46px !important;
    font-size: 16px !important;
    padding: 9px 12px !important;
  }
}








/* =========================================================
   STEP2ENGLISH - QUIZ SUMMARY FINAL CLEAN
   - العودة للاختبار: أزرق + أصغر
   - إنهاء الاختبار: أخضر + أكبر
   - السهم فقط مع السؤال غير المجاب
   - تصغير عنوان الاختبار
   - نسخة نظيفة بدون تكرار
========================================================= */

/* -----------------------------------------
   1) الشكل العام
----------------------------------------- */
body#page-mod-quiz-summary .submitbtns {
  text-align: center !important;
}

body#page-mod-quiz-summary .submitbtns .singlebutton {
  width: 100% !important;
  text-align: center !important;
  margin: 10px 0 !important;
}

body#page-mod-quiz-summary .submitbtns .singlebutton button,
body#page-mod-quiz-summary .submitbtns .singlebutton input[type="submit"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  font-family: Tahoma, Verdana, Arial, sans-serif !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  text-align: center !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  border-radius: 20px !important;
  transition: transform .18s ease, box-shadow .18s ease !important;
  position: relative !important;
}

/* إلغاء أي أسهم أو إضافات قديمة على الأزرار */
body#page-mod-quiz-summary .submitbtns .singlebutton button::before,
body#page-mod-quiz-summary .submitbtns .singlebutton button::after,
body#page-mod-quiz-summary .submitbtns .singlebutton input[type="submit"]::before,
body#page-mod-quiz-summary .submitbtns .singlebutton input[type="submit"]::after {
  content: none !important;
}

/* -----------------------------------------
   2) العودة للاختبار = أزرق + أصغر
----------------------------------------- */
body#page-mod-quiz-summary .submitbtns .singlebutton button.btn-secondary,
body#page-mod-quiz-summary .submitbtns .singlebutton input[type="submit"].btn-secondary {
  min-width: 220px !important;
  min-height: 48px !important;
  padding: 8px 14px !important;
  font-size: 15px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #001f46 0%, #003a73 34%, #005f9f 68%, #00a8e8 100%) !important;
  border: 2px solid #82e1ff !important;
  box-shadow:
    0 0 0 3px rgba(0,168,232,.10),
    0 10px 20px rgba(0,25,55,.16),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

/* -----------------------------------------
   3) إنهاء الاختبار = أخضر + أكبر
----------------------------------------- */
body#page-mod-quiz-summary .submitbtns .singlebutton button.btn-primary,
body#page-mod-quiz-summary .submitbtns .singlebutton input[type="submit"].btn-primary {
  min-width: 290px !important;
  min-height: 58px !important;
  padding: 10px 18px !important;
  font-size: 18.5px !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, #0a4d1f 0%, #138338 38%, #1faa4a 68%, #34d06a 100%) !important;
  border: 2px solid #9ff0b9 !important;
  box-shadow:
    0 0 0 3px rgba(52,208,106,.12),
    0 14px 26px rgba(10,77,31,.20),
    inset 0 1px 0 rgba(255,255,255,.12) !important;
}

/* Hover */
body#page-mod-quiz-summary .submitbtns .singlebutton button:hover,
body#page-mod-quiz-summary .submitbtns .singlebutton input[type="submit"]:hover {
  transform: translateY(-1px) !important;
}

/* -----------------------------------------
   4) السهم فقط مع السؤال غير المجاب
----------------------------------------- */
body.path-mod-quiz table.quizsummaryofattempt tbody tr.notyetanswered td:first-child,
body.path-mod-quiz table.quizsummaryofattempt tbody tr.notanswered td:first-child,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.notyetanswered td:first-child,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.notanswered td:first-child,
body.path-mod-quiz .quizsummaryofattempt tbody tr.notyetanswered td:first-child,
body.path-mod-quiz .quizsummaryofattempt tbody tr.notanswered td:first-child {
  position: relative !important;
  padding-left: 14px !important;
  padding-right: 42px !important;
  border-radius: 20px 0 0 20px !important;
  box-shadow:
    inset 6px 0 0 #e55b5b,
    0 0 0 1px rgba(255,180,180,.18),
    0 8px 16px rgba(210,60,60,.10) !important;
  overflow: hidden !important;
}

body.path-mod-quiz table.quizsummaryofattempt tbody tr.notyetanswered td:first-child::before,
body.path-mod-quiz table.quizsummaryofattempt tbody tr.notanswered td:first-child::before,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.notyetanswered td:first-child::before,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.notanswered td:first-child::before,
body.path-mod-quiz .quizsummaryofattempt tbody tr.notyetanswered td:first-child::before,
body.path-mod-quiz .quizsummaryofattempt tbody tr.notanswered td:first-child::before {
  content: "↩" !important;
  position: absolute !important;
  right: 10px !important;
  left: auto !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 24px !important;
  height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 8px !important;
  background: linear-gradient(180deg, #f7fbff 0%, #d9eefe 100%) !important;
  border: 1px solid #b7d7f4 !important;
  box-shadow:
    0 2px 6px rgba(0,0,0,.08),
    inset 0 1px 0 rgba(255,255,255,.8) !important;
  color: #c73c3c !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  opacity: .95 !important;
}

body.path-mod-quiz table.quizsummaryofattempt tbody tr.notyetanswered td:first-child::after,
body.path-mod-quiz table.quizsummaryofattempt tbody tr.notanswered td:first-child::after,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.notyetanswered td:first-child::after,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.notanswered td:first-child::after,
body.path-mod-quiz .quizsummaryofattempt tbody tr.notyetanswered td:first-child::after,
body.path-mod-quiz .quizsummaryofattempt tbody tr.notanswered td:first-child::after {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 58% !important;
  height: 100% !important;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,.18) 0%,
    rgba(255,255,255,.08) 55%,
    rgba(255,255,255,0) 100%
  ) !important;
  pointer-events: none !important;
}

body.path-mod-quiz table.quizsummaryofattempt tbody tr.notyetanswered td:first-child,
body.path-mod-quiz table.quizsummaryofattempt tbody tr.notanswered td:first-child,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.notyetanswered td:first-child,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.notanswered td:first-child,
body.path-mod-quiz .quizsummaryofattempt tbody tr.notyetanswered td:first-child,
body.path-mod-quiz .quizsummaryofattempt tbody tr.notanswered td:first-child,
body.path-mod-quiz table.quizsummaryofattempt tbody tr.notyetanswered td:first-child a,
body.path-mod-quiz table.quizsummaryofattempt tbody tr.notanswered td:first-child a,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.notyetanswered td:first-child a,
body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.notanswered td:first-child a,
body.path-mod-quiz .quizsummaryofattempt tbody tr.notyetanswered td:first-child a,
body.path-mod-quiz .quizsummaryofattempt tbody tr.notanswered td:first-child a {
  color: #c73c3c !important;
  font-weight: 900 !important;
}

/* -----------------------------------------
   5) تصغير عنوان الاختبار
----------------------------------------- */
body#page-mod-quiz-summary .ccnMdlHeading,
body#page-mod-quiz-summary h2.ccnMdlHeading {
  font-size: 32px !important;
  line-height: 1.2 !important;
}

/* -----------------------------------------
   6) الموبايل
----------------------------------------- */
@media (max-width: 768px) {
  body#page-mod-quiz-summary .submitbtns .singlebutton button.btn-secondary,
  body#page-mod-quiz-summary .submitbtns .singlebutton input[type="submit"].btn-secondary {
    min-width: 198px !important;
    min-height: 44px !important;
    padding: 7px 12px !important;
    font-size: 14px !important;
    border-radius: 17px !important;
  }

  body#page-mod-quiz-summary .submitbtns .singlebutton button.btn-primary,
  body#page-mod-quiz-summary .submitbtns .singlebutton input[type="submit"].btn-primary {
    min-width: 255px !important;
    min-height: 54px !important;
    padding: 9px 14px !important;
    font-size: 17px !important;
    border-radius: 18px !important;
  }

  body#page-mod-quiz-summary .ccnMdlHeading,
  body#page-mod-quiz-summary h2.ccnMdlHeading {
    font-size: 25px !important;
    line-height: 1.24 !important;
  }
}

@media (max-width: 430px) {
  body#page-mod-quiz-summary .submitbtns .singlebutton button.btn-secondary,
  body#page-mod-quiz-summary .submitbtns .singlebutton input[type="submit"].btn-secondary {
    min-width: 180px !important;
    max-width: 84vw !important;
    font-size: 13px !important;
  }

  body#page-mod-quiz-summary .submitbtns .singlebutton button.btn-primary,
  body#page-mod-quiz-summary .submitbtns .singlebutton input[type="submit"].btn-primary {
    min-width: 230px !important;
    max-width: 90vw !important;
    font-size: 16px !important;
  }

  body#page-mod-quiz-summary .ccnMdlHeading,
  body#page-mod-quiz-summary h2.ccnMdlHeading {
    font-size: 20px !important;
  }

  body.path-mod-quiz table.quizsummaryofattempt tbody tr.notyetanswered td:first-child,
  body.path-mod-quiz table.quizsummaryofattempt tbody tr.notanswered td:first-child,
  body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.notyetanswered td:first-child,
  body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.notanswered td:first-child,
  body.path-mod-quiz .quizsummaryofattempt tbody tr.notyetanswered td:first-child,
  body.path-mod-quiz .quizsummaryofattempt tbody tr.notanswered td:first-child {
    padding-right: 38px !important;
  }

  body.path-mod-quiz table.quizsummaryofattempt tbody tr.notyetanswered td:first-child::before,
  body.path-mod-quiz table.quizsummaryofattempt tbody tr.notanswered td:first-child::before,
  body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.notyetanswered td:first-child::before,
  body.path-mod-quiz table.generaltable.quizsummaryofattempt tbody tr.notanswered td:first-child::before,
  body.path-mod-quiz .quizsummaryofattempt tbody tr.notyetanswered td:first-child::before,
  body.path-mod-quiz .quizsummaryofattempt tbody tr.notanswered td:first-child::before {
    right: 8px !important;
    width: 22px !important;
    height: 22px !important;
    font-size: 13px !important;
  }
}













/* =========================================================
   STEP2ENGLISH - QUIZ REVIEW NAV CLEAN FINAL
   صفحة review فقط
   - صحيح = أخضر + ✓
   - خطأ = أحمر + ✕
   - جزئي = برتقالي + !
   - غير مجاب = أبيض + ?
   - تكبير العلامة
   - زيادة المسافة بين كروت الأسئلة
========================================================= */

/* -----------------------------------------
   1) شبكة كروت الأسئلة
----------------------------------------- */
body#page-mod-quiz-review #mod_quiz_navblock .qn_buttons.clearfix.allquestionsononepage {
  display: flex !important;
  flex-wrap: wrap !important;
  column-gap: 12px !important;
  row-gap: 12px !important;
  align-items: flex-start !important;
}

/* -----------------------------------------
   2) الشكل العام للزر
----------------------------------------- */
body#page-mod-quiz-review #mod_quiz_navblock .qnbutton,
body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 46px !important;
  min-width: 46px !important;
  height: 46px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 13px !important;
  overflow: hidden !important;
  text-decoration: none !important;
  font-family: Verdana, Tahoma, Arial, sans-serif !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  transition: transform .15s ease, box-shadow .15s ease !important;

  color: #0b57b7 !important;
  -webkit-text-fill-color: #0b57b7 !important;
  background: linear-gradient(180deg, #ffffff 0%, #eef6ff 100%) !important;
  border: 2px solid #74b4ff !important;
  box-shadow:
    0 6px 14px rgba(0, 90, 180, .12),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

/* إخفاء إطار الثيم القديم */
body#page-mod-quiz-review #mod_quiz_navblock .qnbutton .thispageholder,
body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton .thispageholder {
  display: none !important;
}

/* -----------------------------------------
   3) دائرة العلامة
----------------------------------------- */
body#page-mod-quiz-review #mod_quiz_navblock .qnbutton .trafficlight,
body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton .trafficlight {
  position: absolute !important;
  top: 1px !important;
  left: 1px !important;
  width: 20px !important;
  height: 20px !important;
  border-radius: 50% !important;
  background-color: rgba(255,255,255,.98) !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 12px 12px !important;
  border: 2px solid rgba(255,255,255,.95) !important;
  box-shadow:
    0 3px 8px rgba(0,0,0,.22),
    0 0 0 1px rgba(0,0,0,.05) !important;
  z-index: 9 !important;

  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
  text-indent: -9999px !important;
  overflow: hidden !important;
}

/* إلغاء أي إضافات قديمة */
body#page-mod-quiz-review #mod_quiz_navblock .qnbutton::before,
body#page-mod-quiz-review #mod_quiz_navblock .qnbutton::after,
body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton::before,
body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton::after,
body#page-mod-quiz-review #mod_quiz_navblock .qnbutton .trafficlight::before,
body#page-mod-quiz-review #mod_quiz_navblock .qnbutton .trafficlight::after,
body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton .trafficlight::before,
body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton .trafficlight::after {
  content: none !important;
}

/* -----------------------------------------
   4) الزر الحالي المفتوح
----------------------------------------- */
body#page-mod-quiz-review #mod_quiz_navblock .qnbutton.thispage,
body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton.thispage {
  transform: translateY(-1px) !important;
}

/* -----------------------------------------
   5) الصحيح = أخضر + ✓
----------------------------------------- */
body#page-mod-quiz-review #mod_quiz_navblock .qnbutton.correct,
body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton.correct {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(180deg, #0d5c23 0%, #1a9440 48%, #37cd61 100%) !important;
  border-color: #8ef5ac !important;
  box-shadow:
    0 0 0 3px rgba(55,205,97,.13),
    0 10px 18px rgba(16,110,42,.22),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

body#page-mod-quiz-review #mod_quiz_navblock .qnbutton.correct .trafficlight,
body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton.correct .trafficlight {
  background-size: 13px 13px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='%2314933b' d='M6.15 11.35 2.9 8.1l1.15-1.15 2.1 2.1 5.8-5.8 1.15 1.15z'/></svg>") !important;
}

/* -----------------------------------------
   6) الخطأ = أحمر + ✕
----------------------------------------- */
body#page-mod-quiz-review #mod_quiz_navblock .qnbutton.incorrect,
body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton.incorrect {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(180deg, #8e1820 0%, #ca2e39 50%, #f3505f 100%) !important;
  border-color: #ffc1c8 !important;
  box-shadow:
    0 0 0 3px rgba(243,80,95,.13),
    0 10px 18px rgba(143,24,32,.22),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
}

body#page-mod-quiz-review #mod_quiz_navblock .qnbutton.incorrect .trafficlight,
body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton.incorrect .trafficlight {
  background-size: 12px 12px !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='%23d52d39' d='M4.35 3.2 8 6.85 11.65 3.2 12.8 4.35 9.15 8l3.65 3.65-1.15 1.15L8 9.15 4.35 12.8 3.2 11.65 6.85 8 3.2 4.35z'/></svg>") !important;
}

/* -----------------------------------------
   7) الجزئي = برتقالي + !
----------------------------------------- */
body#page-mod-quiz-review #mod_quiz_navblock .qnbutton.partiallycorrect,
body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton.partiallycorrect {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  background: linear-gradient(180deg, #9c5a00 0%, #d98700 50%, #ffb62f 100%) !important;
  border-color: #ffd784 !important;
  box-shadow:
    0 0 0 3px rgba(255,182,47,.13),
    0 10px 18px rgba(156,90,0,.20),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
}

body#page-mod-quiz-review #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight,
body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton.partiallycorrect .trafficlight {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><text x='8' y='12' text-anchor='middle' font-size='12' font-family='Arial' font-weight='700' fill='%23c97a00'>!</text></svg>") !important;
}

/* -----------------------------------------
   8) غير مجاب = أبيض + ?
----------------------------------------- */
body#page-mod-quiz-review #mod_quiz_navblock .qnbutton.notanswered,
body#page-mod-quiz-review #mod_quiz_navblock .qnbutton.notyetanswered,
body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton.notanswered,
body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton.notyetanswered {
  color: #7c8ea5 !important;
  -webkit-text-fill-color: #7c8ea5 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7f9fc 100%) !important;
  border-color: #d9e1ea !important;
  box-shadow:
    0 4px 10px rgba(0,0,0,.05),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

body#page-mod-quiz-review #mod_quiz_navblock .qnbutton.notanswered .trafficlight,
body#page-mod-quiz-review #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight,
body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton.notanswered .trafficlight,
body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton.notyetanswered .trafficlight {
  background-size: 11px 11px !important;
  opacity: .98 !important;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><text x='8' y='12' text-anchor='middle' font-size='12' font-family='Arial' font-weight='700' fill='%239aa6b2'>?</text></svg>") !important;
}

/* -----------------------------------------
   9) توهج الزر الحالي
----------------------------------------- */
body#page-mod-quiz-review #mod_quiz_navblock .qnbutton.correct.thispage,
body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton.correct.thispage {
  box-shadow:
    0 0 0 3px rgba(255,255,255,.95),
    0 0 0 6px rgba(53,200,95,.22),
    0 10px 18px rgba(16,110,42,.22),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

body#page-mod-quiz-review #mod_quiz_navblock .qnbutton.incorrect.thispage,
body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton.incorrect.thispage {
  box-shadow:
    0 0 0 3px rgba(255,255,255,.95),
    0 0 0 6px rgba(243,80,95,.22),
    0 10px 18px rgba(143,24,32,.22),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
}

body#page-mod-quiz-review #mod_quiz_navblock .qnbutton.partiallycorrect.thispage,
body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton.partiallycorrect.thispage {
  box-shadow:
    0 0 0 3px rgba(255,255,255,.95),
    0 0 0 6px rgba(255,182,47,.22),
    0 10px 18px rgba(156,90,0,.20),
    inset 0 1px 0 rgba(255,255,255,.16) !important;
}

body#page-mod-quiz-review #mod_quiz_navblock .qnbutton.notanswered.thispage,
body#page-mod-quiz-review #mod_quiz_navblock .qnbutton.notyetanswered.thispage,
body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton.notanswered.thispage,
body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton.notyetanswered.thispage {
  box-shadow:
    0 0 0 3px rgba(255,255,255,.95),
    0 0 0 6px rgba(140,160,185,.18),
    0 8px 16px rgba(0,0,0,.08),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

/* -----------------------------------------
   10) الموبايل
----------------------------------------- */
@media (max-width: 768px) {
  body#page-mod-quiz-review #mod_quiz_navblock .qn_buttons.clearfix.allquestionsononepage {
    column-gap: 9px !important;
    row-gap: 9px !important;
  }

  body#page-mod-quiz-review #mod_quiz_navblock .qnbutton,
  body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton {
    width: 42px !important;
    min-width: 42px !important;
    height: 42px !important;
    font-size: 17px !important;
    border-radius: 11px !important;
  }

  body#page-mod-quiz-review #mod_quiz_navblock .qnbutton .trafficlight,
  body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton .trafficlight {
    width: 18px !important;
    height: 18px !important;
    top: 1px !important;
    left: 1px !important;
    background-size: 11px 11px !important;
  }

  body#page-mod-quiz-review #mod_quiz_navblock .qnbutton.correct .trafficlight,
  body#page-mod-quiz-review #mod_quiz_navblock a.qnbutton.correct .trafficlight {
    background-size: 12px 12px !important;
  }
}












/* =========================================================
   STEP2ENGLISH - STEP RESULT FINAL V12
========================================================= */

body#page-mod-quiz-review table.generaltable.generalbox.quizreviewsummary.s2e-v12 {
  width: min(100%, 920px) !important;
  max-width: calc(100vw - 20px) !important;
  margin: 14px auto 22px !important;
  border: none !important;
  border-collapse: separate !important;
  background: transparent !important;
  box-shadow: none !important;
}

body#page-mod-quiz-review table.generaltable.generalbox.quizreviewsummary.s2e-v12,
body#page-mod-quiz-review table.generaltable.generalbox.quizreviewsummary.s2e-v12 *,
body#page-mod-quiz-review table.generaltable.generalbox.quizreviewsummary.s2e-v12 *::before,
body#page-mod-quiz-review table.generaltable.generalbox.quizreviewsummary.s2e-v12 *::after {
  box-sizing: border-box !important;
}

body#page-mod-quiz-review table.generaltable.generalbox.quizreviewsummary.s2e-v12 tbody,
body#page-mod-quiz-review table.generaltable.generalbox.quizreviewsummary.s2e-v12 tr,
body#page-mod-quiz-review table.generaltable.generalbox.quizreviewsummary.s2e-v12 td,
body#page-mod-quiz-review table.generaltable.generalbox.quizreviewsummary.s2e-v12 th {
  border: none !important;
  background: transparent !important;
}

body#page-mod-quiz-review .s2e-v12-host {
  padding: 0 !important;
}

body#page-mod-quiz-review .s2e-v12-wrap {
  display: flex !important;
  flex-direction: column !important;
  gap: 0 !important;
}

/* =========================================================
   Animations
========================================================= */
@keyframes s2e-v12-percent-pulse {
  0%, 100% {
    transform: scale(1);
    text-shadow:
      0 2px 10px rgba(0,0,0,.14),
      0 0 0 rgba(255,255,255,0);
    filter: brightness(1);
  }
  50% {
    transform: scale(1.08);
    text-shadow:
      0 4px 18px rgba(0,0,0,.18),
      0 0 20px rgba(255,255,255,.22),
      0 0 34px rgba(255,255,255,.14);
    filter: brightness(1.06);
  }
}

@keyframes s2e-v12-student-pulse {
  0%, 100% {
    transform: translateY(0) scale(1);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.20),
      0 0 0 1px rgba(255,255,255,.08),
      0 10px 18px rgba(0,0,0,.08);
  }
  50% {
    transform: translateY(-1px) scale(1.03);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.24),
      0 0 0 1px rgba(255,255,255,.16),
      0 0 18px rgba(255,255,255,.16),
      0 14px 24px rgba(0,0,0,.12);
  }
}

/* =========================================================
   Hero
========================================================= */
body#page-mod-quiz-review .s2e-v12-hero {
  background: linear-gradient(180deg, #122d7e 0%, #1b5fcd 52%, #27a6e4 100%) !important;
  border-radius: 30px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  box-shadow:
    0 16px 30px rgba(8,30,86,.17),
    inset 0 1px 0 rgba(255,255,255,.13) !important;
  padding: 14px 20px 14px !important;
  min-height: 182px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  text-align: center !important;
  overflow: hidden !important;
}

body#page-mod-quiz-review .s2e-v12-badge {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 165px !important;
  max-width: 100% !important;
  padding: 6px 15px 5px !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.07) 100%) !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.14),
    0 6px 14px rgba(0,0,0,.08) !important;
  margin-top: 2px !important;
}

body#page-mod-quiz-review .s2e-v12-badge-ar,
body#page-mod-quiz-review .s2e-v12-badge-en,
body#page-mod-quiz-review .s2e-v12-percent,
body#page-mod-quiz-review .s2e-v12-score-label-ar,
body#page-mod-quiz-review .s2e-v12-score-label-en,
body#page-mod-quiz-review .s2e-v12-score-value,
body#page-mod-quiz-review .s2e-v12-time-mini-ar,
body#page-mod-quiz-review .s2e-v12-time-mini-en {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body#page-mod-quiz-review .s2e-v12-badge-ar {
  font-family: Tahoma, Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  line-height: 1.05 !important;
}

body#page-mod-quiz-review .s2e-v12-badge-en {
  margin-top: 1px !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  color: rgba(255,255,255,.93) !important;
  line-height: 1.05 !important;
}

body#page-mod-quiz-review .s2e-v12-percent {
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 70px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  line-height: 1 !important;
  letter-spacing: .2px !important;
  text-shadow: 0 2px 10px rgba(0,0,0,.14) !important;
  margin-top: 10px !important;
  margin-bottom: 4px !important;
  animation: s2e-v12-percent-pulse 1.9s ease-in-out infinite !important;
  transform-origin: center center !important;
  will-change: transform, text-shadow, filter !important;
}

body#page-mod-quiz-review .s2e-v12-score-row {
  width: min(100%, 560px) !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 2px !important;
}

body#page-mod-quiz-review .s2e-v12-score-box {
  min-height: 70px !important;
  padding: 8px 12px 7px !important;
  border-radius: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  text-align: center !important;
  transition: transform .25s ease, box-shadow .25s ease !important;
}

body#page-mod-quiz-review .s2e-v12-score-box--student {
  background: linear-gradient(180deg, rgba(255,255,255,.24) 0%, rgba(255,255,255,.13) 100%) !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    0 0 0 1px rgba(255,255,255,.08),
    0 10px 18px rgba(0,0,0,.08) !important;
  animation: s2e-v12-student-pulse 2.4s ease-in-out .35s infinite !important;
}

body#page-mod-quiz-review .s2e-v12-score-box--total {
  background: linear-gradient(180deg, rgba(255,255,255,.09) 0%, rgba(255,255,255,.04) 100%) !important;
  border: 1px solid rgba(255,255,255,.13) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 8px 14px rgba(0,0,0,.05) !important;
  opacity: .94 !important;
}

body#page-mod-quiz-review .s2e-v12-score-label-ar {
  font-family: Tahoma, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  color: rgba(255,255,255,.99) !important;
  line-height: 1.05 !important;
}

body#page-mod-quiz-review .s2e-v12-score-label-en {
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  color: rgba(255,255,255,.90) !important;
  line-height: 1.02 !important;
}

body#page-mod-quiz-review .s2e-v12-score-value {
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 32px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  line-height: 1 !important;
  text-shadow: 0 2px 8px rgba(0,0,0,.12) !important;
  margin-top: 3px !important;
}

/* =========================================================
   Small time line
========================================================= */
body#page-mod-quiz-review .s2e-v12-time-mini {
  width: min(100%, 560px) !important;
  margin: 4px auto 0 !important;
  padding: 4px 10px 0 !important;
  text-align: center !important;
}

body#page-mod-quiz-review .s2e-v12-time-mini-ar {
  font-family: Tahoma, Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,.90) !important;
  line-height: 1.2 !important;
}

body#page-mod-quiz-review .s2e-v12-time-mini-en {
  margin-top: 1px !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  color: rgba(255,255,255,.78) !important;
  line-height: 1.15 !important;
}

body#page-mod-quiz-review .s2e-num {
  direction: ltr !important;
  unicode-bidi: isolate !important;
  display: inline-block !important;
}

/* =========================================================
   Mobile
========================================================= */
@media (max-width: 768px) {
  body#page-mod-quiz-review table.generaltable.generalbox.quizreviewsummary.s2e-v12 {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    margin: 12px auto 18px !important;
  }

  body#page-mod-quiz-review .s2e-v12-hero {
    min-height: 170px !important;
    padding: 13px 14px 13px !important;
    border-radius: 24px !important;
    gap: 7px !important;
  }

  body#page-mod-quiz-review .s2e-v12-badge {
    min-width: 150px !important;
    padding: 6px 14px 5px !important;
    border-radius: 13px !important;
  }

  body#page-mod-quiz-review .s2e-v12-badge-ar {
    font-size: 16px !important;
  }

  body#page-mod-quiz-review .s2e-v12-badge-en {
    font-size: 10px !important;
  }

  body#page-mod-quiz-review .s2e-v12-percent {
    font-size: 54px !important;
    margin-top: 8px !important;
  }

  body#page-mod-quiz-review .s2e-v12-score-row {
    width: 100% !important;
    gap: 10px !important;
  }

  body#page-mod-quiz-review .s2e-v12-score-box {
    min-height: 66px !important;
    padding: 7px 10px 6px !important;
    border-radius: 16px !important;
  }

  body#page-mod-quiz-review .s2e-v12-score-label-ar {
    font-size: 13px !important;
  }

  body#page-mod-quiz-review .s2e-v12-score-label-en {
    font-size: 8px !important;
  }

  body#page-mod-quiz-review .s2e-v12-score-value {
    font-size: 28px !important;
  }

  body#page-mod-quiz-review .s2e-v12-time-mini {
    width: 100% !important;
    padding: 3px 8px 0 !important;
  }

  body#page-mod-quiz-review .s2e-v12-time-mini-ar {
    font-size: 12px !important;
  }

  body#page-mod-quiz-review .s2e-v12-time-mini-en {
    font-size: 9px !important;
  }
}

@media (max-width: 430px) {
  body#page-mod-quiz-review .s2e-v12-percent {
    font-size: 47px !important;
  }

  body#page-mod-quiz-review .s2e-v12-score-label-ar {
    font-size: 12px !important;
  }

  body#page-mod-quiz-review .s2e-v12-score-value {
    font-size: 24px !important;
  }

  body#page-mod-quiz-review .s2e-v12-time-mini-ar {
    font-size: 11px !important;
  }

  body#page-mod-quiz-review .s2e-v12-time-mini-en {
    font-size: 8px !important;
  }
}
/* =========================================================
   STEP2ENGLISH - V12 CENTER + SCORE FRAME FIX
========================================================= */

/* توسيط أوضح */
body#page-mod-quiz-review .s2e-v12-wrap {
  align-items: center !important;
}

body#page-mod-quiz-review .s2e-v12-hero {
  width: min(100%, 720px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  position: relative !important;

  /* إطار خارجي ناعم للكارت كله */
  border: 1px solid rgba(255,255,255,.18) !important;
  box-shadow:
    0 0 0 2px rgba(255,255,255,.10),
    0 0 0 8px rgba(26, 123, 213, .08),
    0 16px 30px rgba(8,30,86,.17),
    inset 0 1px 0 rgba(255,255,255,.13) !important;
}

/* صف الدرجات نفسه في المنتصف */
body#page-mod-quiz-review .s2e-v12-score-row {
  width: min(100%, 540px) !important;
  margin: 6px auto 0 !important;
  position: relative !important;
  justify-content: center !important;
  align-self: center !important;
  direction: ltr !important;
}

/* إطار ناعم حول مربعي الدرجات */
body#page-mod-quiz-review .s2e-v12-score-row::before {
  content: "" !important;
  position: absolute !important;
  inset: -8px !important;
  border-radius: 26px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.02) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 8px 18px rgba(0,0,0,.05) !important;
  pointer-events: none !important;
}

/* نخلي المربعات فوق الإطار */
body#page-mod-quiz-review .s2e-v12-score-box {
  position: relative !important;
  z-index: 1 !important;
}

/* الموبايل */
@media (max-width: 768px) {
  body#page-mod-quiz-review .s2e-v12-hero {
    width: calc(100vw - 24px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-shadow:
      0 0 0 2px rgba(255,255,255,.10),
      0 0 0 6px rgba(26, 123, 213, .08),
      0 12px 24px rgba(8,30,86,.16),
      inset 0 1px 0 rgba(255,255,255,.13) !important;
  }

  body#page-mod-quiz-review .s2e-v12-score-row {
    width: min(100%, 500px) !important;
    margin: 6px auto 0 !important;
  }

  body#page-mod-quiz-review .s2e-v12-score-row::before {
    inset: -6px !important;
    border-radius: 22px !important;
  }
}






/* =========================================================
   STEP2ENGLISH - 3 FIXES ONLY
   1) Hide Select one | اختر إجابة
   2) Small Clear in attempt + hide in review
   3) Hide Flag in review only (DO NOT touch attempt style)
========================================================= */

/* =========================================================
   1) إخفاء Select one | اختر إجابة
========================================================= */
body#page-mod-quiz-attempt .que.multichoice fieldset.ablock > legend.prompt,
body#page-mod-quiz-attempt .que.multichoiceset fieldset.ablock > legend.prompt,
body#page-mod-quiz-review .que.multichoice fieldset.ablock > legend.prompt,
body#page-mod-quiz-review .que.multichoiceset fieldset.ablock > legend.prompt {
  display: none !important;
}

/* إزالة الفراغ الناتج بعد إخفائها */
body#page-mod-quiz-attempt .que fieldset.ablock,
body#page-mod-quiz-review .que fieldset.ablock {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

body#page-mod-quiz-attempt .que .formulation,
body#page-mod-quiz-review .que .formulation {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* =========================================================
   2) مسح الإجابة
   - يظهر صغيرًا في صفحة الاختبار
   - يختفي في صفحة النتيجة
========================================================= */

/* إخفاء Clear في صفحة النتيجة */
body#page-mod-quiz-review .qtype_multichoice_clearchoice,
body#page-mod-quiz-review .que .qtype_multichoice_clearchoice,
body#page-mod-quiz-review .qtype_multichoice_clearchoice a,
body#page-mod-quiz-review .que .qtype_multichoice_clearchoice a,
body#page-mod-quiz-review .qtype_multichoice_clearchoice .btn,
body#page-mod-quiz-review .que .qtype_multichoice_clearchoice .btn,
body#page-mod-quiz-review .qtype_multichoice_clearchoice label,
body#page-mod-quiz-review .qtype_multichoice_clearchoice span,
body#page-mod-quiz-review a[id*="clearchoice"],
body#page-mod-quiz-review div[id*="clearchoice"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* Clear في صفحة الاختبار فقط */
body#page-mod-quiz-attempt .qtype_multichoice_clearchoice,
body#page-mod-quiz-attempt .que .qtype_multichoice_clearchoice {
  display: block !important;
  margin-top: 7px !important;
  margin-bottom: 2px !important;
  text-align: left !important;
}

body#page-mod-quiz-attempt .qtype_multichoice_clearchoice a,
body#page-mod-quiz-attempt .que .qtype_multichoice_clearchoice a,
body#page-mod-quiz-attempt .qtype_multichoice_clearchoice .btn,
body#page-mod-quiz-attempt .que .qtype_multichoice_clearchoice .btn,
body#page-mod-quiz-attempt a[id*="clearchoice"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;

  min-height: 30px !important;
  min-width: 98px !important;
  padding: 5px 10px !important;

  border-radius: 10px !important;
  border: 1px solid #82e1ff !important;
  background: linear-gradient(180deg, #001f46 0%, #003a73 34%, #005f9f 68%, #00a8e8 100%) !important;
  box-shadow:
    0 0 0 2px rgba(0, 168, 232, .08),
    0 6px 12px rgba(0, 25, 55, .12) !important;

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-decoration: none !important;

  font-family: Tahoma, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;

  visibility: visible !important;
  opacity: 1 !important;
}

body#page-mod-quiz-attempt .qtype_multichoice_clearchoice label,
body#page-mod-quiz-attempt .qtype_multichoice_clearchoice span,
body#page-mod-quiz-attempt .qtype_multichoice_clearchoice a span {
  font-size: 12px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  visibility: visible !important;
  opacity: 1 !important;
}

body#page-mod-quiz-attempt .qtype_multichoice_clearchoice a::before,
body#page-mod-quiz-attempt .que .qtype_multichoice_clearchoice a::before,
body#page-mod-quiz-attempt .qtype_multichoice_clearchoice .btn::before,
body#page-mod-quiz-attempt .que .qtype_multichoice_clearchoice .btn::before {
  font-size: 11px !important;
  margin-inline-end: 3px !important;
}

/* =========================================================
   3) تذكير | Flag
   - يختفي فقط في صفحة النتيجة
   - لا نلمس شكله إطلاقًا في صفحة الاختبار
========================================================= */
body#page-mod-quiz-review .flagquestion,
body#page-mod-quiz-review .questionflag,
body#page-mod-quiz-review .questionflag.editable,
body#page-mod-quiz-review .questionflag * ,
body#page-mod-quiz-review .flagquestion * ,
body#page-mod-quiz-review a[aria-label*="Flag"],
body#page-mod-quiz-review a[aria-label*="flag"],
body#page-mod-quiz-review a[title*="Flag"],
body#page-mod-quiz-review a[title*="flag"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

/* =========================================================
   4) لا نلمس الخيارات نفسها
========================================================= */
body#page-mod-quiz-attempt .que .answer,
body#page-mod-quiz-review .que .answer {
  display: block !important;
}

/* =========================================================
   5) موبايل
========================================================= */
@media (max-width: 768px) {
  body#page-mod-quiz-attempt .qtype_multichoice_clearchoice,
  body#page-mod-quiz-attempt .que .qtype_multichoice_clearchoice {
    margin-top: 7px !important;
    margin-bottom: 4px !important;
  }

  body#page-mod-quiz-attempt .qtype_multichoice_clearchoice a,
  body#page-mod-quiz-attempt .que .qtype_multichoice_clearchoice a,
  body#page-mod-quiz-attempt .qtype_multichoice_clearchoice .btn,
  body#page-mod-quiz-attempt .que .qtype_multichoice_clearchoice .btn,
  body#page-mod-quiz-attempt a[id*="clearchoice"] {
    min-height: 28px !important;
    min-width: 92px !important;
    padding: 4px 9px !important;
    border-radius: 9px !important;
    font-size: 11px !important;
  }

  body#page-mod-quiz-attempt .qtype_multichoice_clearchoice label,
  body#page-mod-quiz-attempt .qtype_multichoice_clearchoice span,
  body#page-mod-quiz-attempt .qtype_multichoice_clearchoice a span {
    font-size: 11px !important;
  }

  body#page-mod-quiz-attempt .qtype_multichoice_clearchoice a::before,
  body#page-mod-quiz-attempt .que .qtype_multichoice_clearchoice a::before,
  body#page-mod-quiz-attempt .qtype_multichoice_clearchoice .btn::before,
  body#page-mod-quiz-attempt .que .qtype_multichoice_clearchoice .btn::before {
    font-size: 10px !important;
  }
}














/* =========================================================
   STEP2ENGLISH - REVIEW PAGE FINAL
   SHOW ONLY CHOSEN ANSWER + BIG CENTER STATUS IN WHITE CIRCLE
   + CLEAR NOT ANSWERED + GREEN RIGHT ANSWER
========================================================= */

/* =========================================================
   1) في صفحة النتيجة: اخفِ كل الخيارات أولًا
========================================================= */
body#page-mod-quiz-review .que.multichoice .answer > div,
body#page-mod-quiz-review .que.multichoiceset .answer > div {
  display: none !important;
}

/* أظهر فقط الخيار الذي اختاره الطالب */
body#page-mod-quiz-review .que.multichoice .answer > div:has(input:checked),
body#page-mod-quiz-review .que.multichoiceset .answer > div:has(input:checked),
body#page-mod-quiz-review .que.multichoice .answer > div:has(input[checked]),
body#page-mod-quiz-review .que.multichoiceset .answer > div:has(input[checked]) {
  display: block !important;
  position: relative !important;
  margin-top: 8px !important;
  margin-bottom: 14px !important;
  overflow: hidden !important;
  min-height: 110px !important;
}

/* =========================================================
   2) إطار أوضح حول الإجابة المختارة
========================================================= */
body#page-mod-quiz-review .que.correct .answer > div:has(input:checked),
body#page-mod-quiz-review .que.correct .answer > div:has(input[checked]) {
  border: 2px solid #25b85a !important;
  border-radius: 24px !important;
  box-shadow:
    0 0 0 4px rgba(37,184,90,.10),
    0 12px 22px rgba(20,120,58,.10) !important;
}

body#page-mod-quiz-review .que.incorrect .answer > div:has(input:checked),
body#page-mod-quiz-review .que.incorrect .answer > div:has(input[checked]) {
  border: 2px solid #e25434 !important;
  border-radius: 24px !important;
  box-shadow:
    0 0 0 4px rgba(226,84,52,.10),
    0 12px 22px rgba(150,46,20,.09) !important;
}

body#page-mod-quiz-review .que.partiallycorrect .answer > div:has(input:checked),
body#page-mod-quiz-review .que.partiallycorrect .answer > div:has(input[checked]) {
  border: 2px solid #e5a12b !important;
  border-radius: 24px !important;
  box-shadow:
    0 0 0 4px rgba(229,161,43,.10),
    0 12px 22px rgba(158,104,18,.09) !important;
}

/* =========================================================
   3) إخفاء العلامات الصغيرة القديمة إن وجدت
========================================================= */
body#page-mod-quiz-review .que .answer .icon,
body#page-mod-quiz-review .que .answer .feedbackspan,
body#page-mod-quiz-review .que .answer img[alt*="Correct"],
body#page-mod-quiz-review .que .answer img[alt*="Incorrect"],
body#page-mod-quiz-review .que .answer img[alt*="correct"],
body#page-mod-quiz-review .que .answer img[alt*="incorrect"] {
  display: none !important;
}

/* =========================================================
   4) دائرة بيضاء كبيرة في المنتصف
========================================================= */

/* الدائرة البيضاء */
body#page-mod-quiz-review .que.correct .answer > div:has(input:checked)::before,
body#page-mod-quiz-review .que.correct .answer > div:has(input[checked])::before,
body#page-mod-quiz-review .que.incorrect .answer > div:has(input:checked)::before,
body#page-mod-quiz-review .que.incorrect .answer > div:has(input[checked])::before,
body#page-mod-quiz-review .que.partiallycorrect .answer > div:has(input:checked)::before,
body#page-mod-quiz-review .que.partiallycorrect .answer > div:has(input[checked])::before {
  content: "" !important;
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 112px !important;
  height: 112px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  border: 6px solid rgba(255,255,255,.98) !important;
  box-shadow:
    0 14px 28px rgba(0,0,0,.22),
    0 0 0 8px rgba(255,255,255,.18) !important;
  z-index: 19 !important;
  pointer-events: none !important;
}

/* الرمز داخل الدائرة */
body#page-mod-quiz-review .que.correct .answer > div:has(input:checked)::after,
body#page-mod-quiz-review .que.correct .answer > div:has(input[checked])::after,
body#page-mod-quiz-review .que.incorrect .answer > div:has(input:checked)::after,
body#page-mod-quiz-review .que.incorrect .answer > div:has(input[checked])::after,
body#page-mod-quiz-review .que.partiallycorrect .answer > div:has(input:checked)::after,
body#page-mod-quiz-review .que.partiallycorrect .answer > div:has(input[checked])::after {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  bottom: auto !important;
  transform: translate(-50%, -50%) !important;
  width: auto !important;
  height: auto !important;
  display: block !important;
  border: none !important;
  border-radius: 0 !important;
  background: none !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 78px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  z-index: 20 !important;
  pointer-events: none !important;
}

/* صح */
body#page-mod-quiz-review .que.correct .answer > div:has(input:checked)::after,
body#page-mod-quiz-review .que.correct .answer > div:has(input[checked])::after {
  content: "✓" !important;
  color: #16a34a !important;
  text-shadow: 0 2px 0 rgba(0,0,0,.06) !important;
}

/* خطأ */
body#page-mod-quiz-review .que.incorrect .answer > div:has(input:checked)::after,
body#page-mod-quiz-review .que.incorrect .answer > div:has(input[checked])::after {
  content: "✕" !important;
  color: #ea580c !important;
  text-shadow: 0 2px 0 rgba(0,0,0,.06) !important;
}

/* جزئي */
body#page-mod-quiz-review .que.partiallycorrect .answer > div:has(input:checked)::after,
body#page-mod-quiz-review .que.partiallycorrect .answer > div:has(input[checked])::after {
  content: "!" !important;
  color: #ca8a04 !important;
  text-shadow: 0 2px 0 rgba(0,0,0,.06) !important;
}

/* =========================================================
   5) لو السؤال متروك: كارت واضح جدًا في المنتصف
========================================================= */
body#page-mod-quiz-review .que.notanswered .answer,
body#page-mod-quiz-review .que.notyetanswered .answer {
  display: block !important;
  position: relative !important;
  min-height: 150px !important;
  margin-top: 10px !important;
  margin-bottom: 18px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 28px !important;
}

/* أخفِ أي خيارات داخل السؤال المتروك */
body#page-mod-quiz-review .que.notanswered .answer > div,
body#page-mod-quiz-review .que.notyetanswered .answer > div {
  display: none !important;
}

/* نص الكارت */
body#page-mod-quiz-review .que.notanswered .answer::before,
body#page-mod-quiz-review .que.notyetanswered .answer::before {
  content: "متروك\A Not Answered" !important;
  white-space: pre-line !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  min-height: 140px !important;
  padding: 72px 20px 22px !important;
  border-radius: 28px !important;
  border: 3px solid #92b5de !important;
  background: linear-gradient(180deg, #f8fbff 0%, #e8f1fb 100%) !important;
  color: #4e7097 !important;
  font-family: Tahoma, Arial, sans-serif !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  text-align: center !important;
  line-height: 1.25 !important;
  box-shadow:
    0 14px 26px rgba(51,92,138,.10),
    inset 0 1px 0 rgba(255,255,255,.95) !important;
}

/* أيقونة المتروك */
body#page-mod-quiz-review .que.notanswered .answer::after,
body#page-mod-quiz-review .que.notyetanswered .answer::after {
  content: "—" !important;
  position: absolute !important;
  top: 18px !important;
  left: 50% !important;
  bottom: auto !important;
  transform: translateX(-50%) !important;
  width: 62px !important;
  height: 62px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50% !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 42px !important;
  font-weight: 900 !important;
  color: #ffffff !important;
  border: 4px solid #ffffff !important;
  background: linear-gradient(180deg, #86a6cb 0%, #5b7ca7 100%) !important;
  box-shadow:
    0 10px 20px rgba(0,0,0,.18),
    0 0 0 4px rgba(255,255,255,.18) !important;
  z-index: 6 !important;
}

/* =========================================================
   6) اجعل الإجابة الصحيحة التي يكتبها النظام باللون الأخضر
========================================================= */
body#page-mod-quiz-review .que .rightanswer {
  margin-top: 16px !important;
  padding: 14px 14px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(35,145,74,.18) !important;
  background: linear-gradient(180deg, #eefbf2 0%, #e5f8eb 100%) !important;
  color: #147a3d !important;
  box-shadow:
    0 10px 20px rgba(20,122,61,.06),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
  font-weight: 900 !important;
}

/* لو عندك الكارت المخصص للإجابة الصحيحة */
body#page-mod-quiz-review .que .rightanswer .s2-option-wrap {
  width: 100% !important;
  max-width: 100% !important;
}

body#page-mod-quiz-review .que .rightanswer .s2-option-card {
  background: #ffffff !important;
  border: 2px solid #97dbac !important;
  box-shadow: 0 8px 16px rgba(20,122,61,.08) !important;
  border-radius: 20px !important;
}

body#page-mod-quiz-review .que .rightanswer .s2-option-number {
  background: linear-gradient(180deg, #f2fff5 0%, #e7faec 100%) !important;
  border: 1px solid #9ad8ad !important;
  color: #11763b !important;
}

body#page-mod-quiz-review .que .rightanswer .s2-option-text {
  color: #0f5f31 !important;
  font-weight: 900 !important;
}

/* =========================================================
   7) تحسين المسافات
========================================================= */
body#page-mod-quiz-review .que.multichoice .answer,
body#page-mod-quiz-review .que.multichoiceset .answer {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* =========================================================
   8) موبايل
========================================================= */
@media (max-width: 768px) {
  body#page-mod-quiz-review .que.multichoice .answer > div:has(input:checked),
  body#page-mod-quiz-review .que.multichoiceset .answer > div:has(input:checked),
  body#page-mod-quiz-review .que.multichoice .answer > div:has(input[checked]),
  body#page-mod-quiz-review .que.multichoiceset .answer > div:has(input[checked]) {
    min-height: 92px !important;
  }

  body#page-mod-quiz-review .que.correct .answer > div:has(input:checked)::before,
  body#page-mod-quiz-review .que.correct .answer > div:has(input[checked])::before,
  body#page-mod-quiz-review .que.incorrect .answer > div:has(input:checked)::before,
  body#page-mod-quiz-review .que.incorrect .answer > div:has(input[checked])::before,
  body#page-mod-quiz-review .que.partiallycorrect .answer > div:has(input:checked)::before,
  body#page-mod-quiz-review .que.partiallycorrect .answer > div:has(input[checked])::before {
    width: 88px !important;
    height: 88px !important;
    border-width: 5px !important;
  }

  body#page-mod-quiz-review .que.correct .answer > div:has(input:checked)::after,
  body#page-mod-quiz-review .que.correct .answer > div:has(input[checked])::after,
  body#page-mod-quiz-review .que.incorrect .answer > div:has(input:checked)::after,
  body#page-mod-quiz-review .que.incorrect .answer > div:has(input[checked])::after,
  body#page-mod-quiz-review .que.partiallycorrect .answer > div:has(input:checked)::after,
  body#page-mod-quiz-review .que.partiallycorrect .answer > div:has(input[checked])::after {
    font-size: 58px !important;
  }

  body#page-mod-quiz-review .que.notanswered .answer,
  body#page-mod-quiz-review .que.notyetanswered .answer {
    min-height: 132px !important;
    border-radius: 22px !important;
  }

  body#page-mod-quiz-review .que.notanswered .answer::before,
  body#page-mod-quiz-review .que.notyetanswered .answer::before {
    min-height: 122px !important;
    padding: 62px 14px 18px !important;
    font-size: 25px !important;
    border-radius: 22px !important;
  }

  body#page-mod-quiz-review .que.notanswered .answer::after,
  body#page-mod-quiz-review .que.notyetanswered .answer::after {
    top: 14px !important;
    width: 54px !important;
    height: 54px !important;
    font-size: 36px !important;
  }

  body#page-mod-quiz-review .que .rightanswer {
    border-radius: 18px !important;
    padding: 12px 12px !important;
  }
}











/* =========================================================
   STEP2ENGLISH - ADD-ON
   Keep text visible + white circle visible + soft pulse
========================================================= */

/* 1) خففي تغطية الدائرة حتى يظهر النص تحتها */
body#page-mod-quiz-review .que.correct .answer > div:has(input:checked)::before,
body#page-mod-quiz-review .que.correct .answer > div:has(input[checked])::before,
body#page-mod-quiz-review .que.incorrect .answer > div:has(input:checked)::before,
body#page-mod-quiz-review .que.incorrect .answer > div:has(input[checked])::before,
body#page-mod-quiz-review .que.partiallycorrect .answer > div:has(input:checked)::before,
body#page-mod-quiz-review .que.partiallycorrect .answer > div:has(input[checked])::before {
  width: 92px !important;
  height: 92px !important;
  background: rgba(255,255,255,.82) !important;
  border: 4px solid rgba(255,255,255,.96) !important;
  box-shadow:
    0 10px 22px rgba(0,0,0,.16),
    0 0 0 6px rgba(255,255,255,.12) !important;
  animation: s2eStatusPulse 1.8s ease-in-out infinite !important;
}

/* 2) ثبتي الرمز فوق الدائرة */
body#page-mod-quiz-review .que.correct .answer > div:has(input:checked)::after,
body#page-mod-quiz-review .que.correct .answer > div:has(input[checked])::after,
body#page-mod-quiz-review .que.incorrect .answer > div:has(input:checked)::after,
body#page-mod-quiz-review .que.incorrect .answer > div:has(input[checked])::after,
body#page-mod-quiz-review .que.partiallycorrect .answer > div:has(input:checked)::after,
body#page-mod-quiz-review .que.partiallycorrect .answer > div:has(input[checked])::after {
  font-size: 62px !important;
  z-index: 21 !important;
}

/* 3) اجعلي نص الاختيار أوضح تحت العلامة */
body#page-mod-quiz-review .que .answer .s2-option-text,
body#page-mod-quiz-review .que .answer .flex-fill,
body#page-mod-quiz-review .que .answer .ml-1,
body#page-mod-quiz-review .que .answer .text,
body#page-mod-quiz-review .que .answer label,
body#page-mod-quiz-review .que .answer .answernumber + *,
body#page-mod-quiz-review .que .answer .r0 *,
body#page-mod-quiz-review .que .answer .r1 * {
  position: relative !important;
  z-index: 5 !important;
}

/* 4) نبض هادئ */
@keyframes s2eStatusPulse {
  0% {
    transform: translate(-50%, -50%) scale(1);
    box-shadow:
      0 10px 22px rgba(0,0,0,.16),
      0 0 0 0 rgba(255,255,255,.30);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.06);
    box-shadow:
      0 12px 24px rgba(0,0,0,.18),
      0 0 0 10px rgba(255,255,255,.08);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
    box-shadow:
      0 10px 22px rgba(0,0,0,.16),
      0 0 0 0 rgba(255,255,255,0);
  }
}

/* 5) موبايل */
@media (max-width: 768px) {
  body#page-mod-quiz-review .que.correct .answer > div:has(input:checked)::before,
  body#page-mod-quiz-review .que.correct .answer > div:has(input[checked])::before,
  body#page-mod-quiz-review .que.incorrect .answer > div:has(input:checked)::before,
  body#page-mod-quiz-review .que.incorrect .answer > div:has(input[checked])::before,
  body#page-mod-quiz-review .que.partiallycorrect .answer > div:has(input:checked)::before,
  body#page-mod-quiz-review .que.partiallycorrect .answer > div:has(input[checked])::before {
    width: 78px !important;
    height: 78px !important;
    border-width: 4px !important;
  }

  body#page-mod-quiz-review .que.correct .answer > div:has(input:checked)::after,
  body#page-mod-quiz-review .que.correct .answer > div:has(input[checked])::after,
  body#page-mod-quiz-review .que.incorrect .answer > div:has(input:checked)::after,
  body#page-mod-quiz-review .que.incorrect .answer > div:has(input[checked])::after,
  body#page-mod-quiz-review .que.partiallycorrect .answer > div:has(input:checked)::after,
  body#page-mod-quiz-review .que.partiallycorrect .answer > div:has(input[checked])::after {
    font-size: 52px !important;
  }
}










/* =========================================================
   REVIEW - BETTER CORRECT ANSWER TITLE
   يظهر فقط لو الإجابة غلط / متروك
========================================================= */

/* 1) نخفي بلوك الإجابة الصحيحة في السؤال الصح */
body#page-mod-quiz-review .que.correct .rightanswer {
  display: none !important;
}

/* 2) نظهره بشكل أفضل في السؤال الغلط / المتروك / الجزئي */
body#page-mod-quiz-review .que.incorrect .rightanswer,
body#page-mod-quiz-review .que.notanswered .rightanswer,
body#page-mod-quiz-review .que.notyetanswered .rightanswer,
body#page-mod-quiz-review .que.partiallycorrect .rightanswer {
  display: block !important;
  margin-top: 16px !important;
  padding: 18px 16px 14px !important;
  border-radius: 24px !important;
  border: 1px solid rgba(35,145,74,.18) !important;
  background: linear-gradient(180deg, #eefbf2 0%, #e5f8eb 100%) !important;
  box-shadow:
    0 10px 20px rgba(20,122,61,.06),
    inset 0 1px 0 rgba(255,255,255,.92) !important;

  position: relative !important;
  font-size: 0 !important; /* إخفاء النص الأصلي */
  line-height: 0 !important;
}

/* 3) العنوان الجديد */
body#page-mod-quiz-review .que.incorrect .rightanswer::before,
body#page-mod-quiz-review .que.notanswered .rightanswer::before,
body#page-mod-quiz-review .que.notyetanswered .rightanswer::before,
body#page-mod-quiz-review .que.partiallycorrect .rightanswer::before {
  content: "الإجابة الصحيحة | Correct Answer" !important;
  display: block !important;
  margin-bottom: 12px !important;

  font-family: Tahoma, Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: right !important;
  color: #147a3d !important;
}

/* 4) إرجاع حجم النص للعناصر الداخلية */
body#page-mod-quiz-review .que .rightanswer * {
  font-size: initial !important;
  line-height: normal !important;
}

/* 5) تحسين كارت الإجابة الصحيحة لو عندك الكارت المخصص */
body#page-mod-quiz-review .que .rightanswer .s2-option-wrap {
  width: 100% !important;
  max-width: 100% !important;
}

body#page-mod-quiz-review .que .rightanswer .s2-option-card {
  background: #ffffff !important;
  border: 2px solid #97dbac !important;
  border-radius: 22px !important;
  box-shadow: 0 8px 16px rgba(20,122,61,.08) !important;
}

body#page-mod-quiz-review .que .rightanswer .s2-option-number {
  background: linear-gradient(180deg, #f2fff5 0%, #e7faec 100%) !important;
  border: 1px solid #9ad8ad !important;
  color: #11763b !important;
}

body#page-mod-quiz-review .que .rightanswer .s2-option-text {
  color: #0f5f31 !important;
  font-weight: 900 !important;
}

/* موبايل */
@media (max-width: 768px) {
  body#page-mod-quiz-review .que.incorrect .rightanswer::before,
  body#page-mod-quiz-review .que.notanswered .rightanswer::before,
  body#page-mod-quiz-review .que.notyetanswered .rightanswer::before,
  body#page-mod-quiz-review .que.partiallycorrect .rightanswer::before {
    font-size: 20px !important;
    margin-bottom: 10px !important;
  }

  body#page-mod-quiz-review .que.incorrect .rightanswer,
  body#page-mod-quiz-review .que.notanswered .rightanswer,
  body#page-mod-quiz-review .que.notyetanswered .rightanswer,
  body#page-mod-quiz-review .que.partiallycorrect .rightanswer {
    padding: 14px 12px 12px !important;
    border-radius: 20px !important;
  }
}

/* =========================================================
   REVIEW PATCH
   1) Hide feedback when answer is correct
   2) Correct Answer title: English left | Arabic right
========================================================= */

/* 1) لو الإجابة صحيحة: اخفِ الفيدباك كله */
body#page-mod-quiz-review .que.correct .outcome,
body#page-mod-quiz-review .que.correct .feedback,
body#page-mod-quiz-review .que.correct .generalfeedback,
body#page-mod-quiz-review .que.correct .specificfeedback,
body#page-mod-quiz-review .que.correct .comment {
  display: none !important;
}

/* 2) لو الإجابة صحيحة: اخفِ أيضًا أي كارت توضيح سريع */
body#page-mod-quiz-review .que.correct .s2-feedback-wrap,
body#page-mod-quiz-review .que.correct .s2-feedback-card,
body#page-mod-quiz-review .que.correct .s2-quick-feedback,
body#page-mod-quiz-review .que.correct .s2-explanation-wrap,
body#page-mod-quiz-review .que.correct .s2-explain-wrap {
  display: none !important;
}

/* 3) عنوان الإجابة الصحيحة الجديد */
body#page-mod-quiz-review .que.incorrect .rightanswer::before,
body#page-mod-quiz-review .que.notanswered .rightanswer::before,
body#page-mod-quiz-review .que.notyetanswered .rightanswer::before,
body#page-mod-quiz-review .que.partiallycorrect .rightanswer::before {
  content: "Correct Answer | الإجابة الصحيحة" !important;
  display: block !important;
  margin-bottom: 12px !important;

  font-family: Tahoma, Arial, sans-serif !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  text-align: right !important;
  direction: ltr !important;
  color: #147a3d !important;
}

/* 4) موبايل */
@media (max-width: 768px) {
  body#page-mod-quiz-review .que.incorrect .rightanswer::before,
  body#page-mod-quiz-review .que.notanswered .rightanswer::before,
  body#page-mod-quiz-review .que.notyetanswered .rightanswer::before,
  body#page-mod-quiz-review .que.partiallycorrect .rightanswer::before {
    font-size: 20px !important;
    margin-bottom: 10px !important;
  }
}











body#page-mod-quiz-review table.generaltable.generalbox.quizreviewsummary.s2e-v12,
body#page-mod-quiz-review table.generaltable.generalbox.quizreviewsummary {
  margin-top: 8px !important;
  margin-bottom: 18px !important;
}






/* زر إغلاق مراجعة الإجابات ثابت أسفل الشاشة */
body#page-mod-quiz-review a.mod_quiz-next-nav {
  position: fixed !important;
  bottom: 8px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 99999 !important;
  margin: 0 !important;
  min-width: 280px !important;
  max-width: calc(100vw - 24px) !important;
  box-shadow: 0 10px 20px rgba(0,0,0,.18) !important;
}

/* حتى لا يغطي أسفل المحتوى */
body#page-mod-quiz-review {
  padding-bottom: 90px !important;
}

/* موبايل */
@media (max-width: 768px) {
  body#page-mod-quiz-review a.mod_quiz-next-nav {
    bottom: 6px !important;
    min-width: 240px !important;
    max-width: calc(100vw - 16px) !important;
  }

  body#page-mod-quiz-review {
    padding-bottom: 84px !important;
  }
}






























/* =========================================================
   STEP2ENGLISH - QUIZ VIEW ATTEMPTS CLEAN
========================================================= */

/* إخفاء بلوك طريقة احتساب الدرجة */
body#page-mod-quiz-view .quizinfo {
  display: none !important;
}

/* إخفاء زر مكتمل */
body#page-mod-quiz-view .autocompletion-btn,
body#page-mod-quiz-view .manual-completion-btn,
body#page-mod-quiz-view .btn-mark-done,
body#page-mod-quiz-view .mark-done,
body#page-mod-quiz-view .done,
body#page-mod-quiz-view [data-toggletype="manual:mark-done"],
body#page-mod-quiz-view [data-toggletype="manual:mark-incomplete"] {
  display: none !important;
}

/* عنوان المحاولات */
body#page-mod-quiz-view h3.ccnMdlHeading {
  text-align: center !important;
  font-family: Tahoma, Arial, sans-serif !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  color: #123b82 !important;
  margin: 16px 0 10px !important;
  line-height: 1.2 !important;
}

/* شارة الدرجة الكلية */
body#page-mod-quiz-view .s2e-total-badge {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 2px !important;
  margin: 0 auto 18px !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #eef7ff 0%, #d7ebff 100%) !important;
  border: 1px solid #b9daf8 !important;
  color: #123b82 !important;
  font-family: Tahoma, Arial, sans-serif !important;
  text-align: center !important;
}

body#page-mod-quiz-view .s2e-total-badge .ar {
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}

body#page-mod-quiz-view .s2e-total-badge .en {
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  direction: ltr !important;
  opacity: .9 !important;
}

/* الجدول */
body#page-mod-quiz-view .table-responsive {
  border-radius: 22px !important;
  overflow: hidden !important;
  border: 2px solid #d7e9fb !important;
  background: #fff !important;
  box-shadow: 0 10px 24px rgba(13,31,92,.07) !important;
}

body#page-mod-quiz-view table.generaltable,
body#page-mod-quiz-view table.quizattemptsummary {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}

/* رأس الجدول */
body#page-mod-quiz-view table.generaltable thead th,
body#page-mod-quiz-view table.quizattemptsummary thead th {
  background: linear-gradient(135deg, #153a8a 0%, #2b8ef0 100%) !important;
  color: #fff !important;
  font-family: Tahoma, Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  text-align: center !important;
  padding: 16px 8px !important;
  border: 0 !important;
  white-space: nowrap !important;
}

body#page-mod-quiz-view .s2e-th-ar {
  display: block !important;
  font-size: 1em !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
}

body#page-mod-quiz-view .s2e-th-en {
  display: block !important;
  margin-top: 4px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.05 !important;
  direction: ltr !important;
  opacity: .95 !important;
}

/* خلايا الجدول */
body#page-mod-quiz-view table.generaltable tbody td,
body#page-mod-quiz-view table.quizattemptsummary tbody td {
  font-family: Tahoma, Arial, sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #284563 !important;
  text-align: center !important;
  padding: 16px 8px !important;
  border-top: 1px solid #e7eef8 !important;
  vertical-align: middle !important;
  background: #ffffff !important;
}

body#page-mod-quiz-view table.generaltable tbody tr:nth-child(even) td,
body#page-mod-quiz-view table.quizattemptsummary tbody tr:nth-child(even) td {
  background: #f9fcff !important;
}

/* الحالة */
body#page-mod-quiz-view .s2e-state-main {
  display: block !important;
  font-weight: 900 !important;
  color: #1f4c7d !important;
  line-height: 1.15 !important;
}

body#page-mod-quiz-view .s2e-state-en {
  display: block !important;
  margin-top: 4px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #6b84a1 !important;
  line-height: 1.1 !important;
}

body#page-mod-quiz-view .s2e-state-date {
  display: block !important;
  margin-top: 6px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #5a6f88 !important;
  line-height: 1.3 !important;
  white-space: normal !important;
  word-break: break-word !important;
}

/* النسبة */
body#page-mod-quiz-view table tbody td:nth-child(4) {
  color: #0f6ec6 !important;
  font-weight: 900 !important;
}

/* رابط المراجعة */
body#page-mod-quiz-view .s2e-review-link {
  display: inline-flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 3px !important;
  text-decoration: none !important;
  color: #123b82 !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
}

body#page-mod-quiz-view .s2e-review-link .ar {
  font-size: 18px !important;
  font-weight: 900 !important;
}

body#page-mod-quiz-view .s2e-review-link .en {
  font-size: 12px !important;
  font-weight: 700 !important;
  direction: ltr !important;
}

/* موبايل */
@media (max-width: 768px) {
  body#page-mod-quiz-view h3.ccnMdlHeading {
    font-size: 22px !important;
    line-height: 1.25 !important;
    margin-bottom: 8px !important;
  }

  body#page-mod-quiz-view .s2e-total-badge {
    width: fit-content !important;
    max-width: calc(100% - 20px) !important;
    padding: 8px 14px !important;
    margin-bottom: 12px !important;
  }

  body#page-mod-quiz-view .s2e-total-badge .ar {
    font-size: 15px !important;
  }

  body#page-mod-quiz-view .s2e-total-badge .en {
    font-size: 10px !important;
  }

  body#page-mod-quiz-view table.generaltable thead th,
  body#page-mod-quiz-view table.quizattemptsummary thead th {
    font-size: 15px !important;
    padding: 10px 4px !important;
    white-space: normal !important;
  }

  body#page-mod-quiz-view .s2e-th-ar {
    font-size: 15px !important;
  }

  body#page-mod-quiz-view .s2e-th-en {
    font-size: 9px !important;
    margin-top: 2px !important;
  }

  body#page-mod-quiz-view table.generaltable tbody td,
  body#page-mod-quiz-view table.quizattemptsummary tbody td {
    font-size: 15px !important;
    padding: 12px 4px !important;
  }

  body#page-mod-quiz-view .s2e-state-main {
    font-size: 15px !important;
  }

  body#page-mod-quiz-view .s2e-state-en {
    font-size: 10px !important;
  }

  body#page-mod-quiz-view .s2e-state-date {
    font-size: 11px !important;
    line-height: 1.25 !important;
  }

  body#page-mod-quiz-view .s2e-review-link .ar {
    font-size: 15px !important;
  }

  body#page-mod-quiz-view .s2e-review-link .en {
    font-size: 10px !important;
  }
}
body#page-mod-quiz-view .s2e-total-badge {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  width: fit-content !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}


















/* =========================================================
   STEP2ENGLISH - PAGE LESSON HUB ONLY
========================================================= */

body#page-mod-page-view .modified{
  display:none !important;
}

body#page-mod-page-view .s2epage-wrap{
  width:min(92vw, 420px) !important;
  margin:14px auto 20px !important;
  padding:0 !important;
  direction:rtl !important;
  box-sizing:border-box !important;
}

body#page-mod-page-view .s2epage-head{
  background:linear-gradient(180deg,#f8fbff 0%, #eef5ff 100%) !important;
  border:2px solid #dbe7fb !important;
  border-radius:24px !important;
  padding:16px 12px 12px !important;
  text-align:center !important;
  box-shadow:0 8px 18px rgba(0,0,0,.05) !important;
  margin-bottom:12px !important;
}

body#page-mod-page-view .s2epage-title-ar{
  font-family:Tahoma, Arial, sans-serif !important;
  font-size:clamp(30px, 8vw, 42px) !important;
  line-height:1.15 !important;
  font-weight:800 !important;
  color:#2050b8 !important;
  margin:0 0 4px 0 !important;
}

body#page-mod-page-view .s2epage-title-en{
  font-family:Verdana, Arial, sans-serif !important;
  font-size:14px !important;
  line-height:1.1 !important;
  font-weight:700 !important;
  color:#607ca7 !important;
  margin:0 !important;
}

body#page-mod-page-view .s2epage-card{
  width:100% !important;
  border:none !important;
  border-radius:20px !important;
  min-height:58px !important;
  padding:8px 10px !important;
  margin:10px 0 !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  cursor:pointer !important;
  box-sizing:border-box !important;
  box-shadow:0 10px 18px rgba(0,0,0,.10) !important;
  transition:transform .18s ease, box-shadow .18s ease !important;
  animation:s2ePagePulse 1.9s infinite !important;
}

body#page-mod-page-view .s2epage-card.test{
  animation-delay:.95s !important;
}

body#page-mod-page-view .s2epage-card:hover,
body#page-mod-page-view .s2epage-card:active{
  transform:translateY(-1px) scale(1.01) !important;
}

@keyframes s2ePagePulse{
  0%,100%{
    transform:scale(1);
    box-shadow:0 10px 18px rgba(0,0,0,.10);
  }
  50%{
    transform:scale(1.012);
    box-shadow:0 13px 22px rgba(0,0,0,.14);
  }
}

body#page-mod-page-view .s2epage-card.learn{
  background:linear-gradient(135deg,#ee9a17 0%, #df7e00 100%) !important;
}

body#page-mod-page-view .s2epage-card.test{
  background:linear-gradient(135deg,#1658c8 0%, #2396ea 100%) !important;
}

body#page-mod-page-view .s2epage-card-icon{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  border-radius:13px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:18px !important;
  background:rgba(255,255,255,.20) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  border:1.5px solid rgba(255,255,255,.48) !important;
  box-shadow:
    inset 0 1px 2px rgba(255,255,255,.35),
    0 4px 10px rgba(0,0,0,.12) !important;
}

body#page-mod-page-view .s2epage-card-text{
  flex:1 !important;
  text-align:center !important;
}

body#page-mod-page-view .s2epage-card-text .ar{
  display:block !important;
  font-family:Tahoma, Arial, sans-serif !important;
  font-size:clamp(23px, 6vw, 30px) !important;
  line-height:1 !important;
  font-weight:800 !important;
  color:#fff !important;
  margin:0 0 2px 0 !important;
}

body#page-mod-page-view .s2epage-card-text .en{
  display:block !important;
  font-family:Verdana, Arial, sans-serif !important;
  font-size:10px !important;
  line-height:1.05 !important;
  font-weight:700 !important;
  color:rgba(255,255,255,.96) !important;
  margin:0 !important;
}

/* popup */
body#page-mod-page-view .s2epage-modal{
  position:fixed !important;
  inset:0 !important;
  display:none !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(5,17,43,.55) !important;
  backdrop-filter:blur(5px) !important;
  -webkit-backdrop-filter:blur(5px) !important;
  z-index:999999 !important;
  padding:14px !important;
}

body#page-mod-page-view .s2epage-modal.is-open{
  display:flex !important;
}

body#page-mod-page-view .s2epage-modal-box{
  width:min(92vw, 420px) !important;
  background:#ffffff !important;
  border:2px solid #d8e7fb !important;
  border-radius:24px !important;
  padding:14px !important;
  box-shadow:0 22px 48px rgba(0,0,0,.20) !important;
  position:relative !important;
  box-sizing:border-box !important;
}

body#page-mod-page-view .s2epage-modal-x{
  position:absolute !important;
  top:10px !important;
  left:10px !important;
  width:38px !important;
  height:38px !important;
  border:none !important;
  border-radius:13px !important;
  background:linear-gradient(180deg,#eef4ff 0%, #e3edff 100%) !important;
  color:#1e4fb8 !important;
  font-size:24px !important;
  font-weight:800 !important;
  cursor:pointer !important;
  box-shadow:0 4px 10px rgba(0,0,0,.08) !important;
}

body#page-mod-page-view .s2epage-modal-head{
  text-align:center !important;
  padding:4px 34px 8px !important;
  margin-bottom:2px !important;
}

body#page-mod-page-view .s2epage-modal-head .ar{
  font-family:Tahoma, Arial, sans-serif !important;
  font-size:clamp(25px, 6vw, 32px) !important;
  line-height:1.04 !important;
  font-weight:800 !important;
  color:#1e4fb8 !important;
  margin:0 0 2px 0 !important;
}

body#page-mod-page-view .s2epage-modal-head .en{
  font-family:Verdana, Arial, sans-serif !important;
  font-size:10px !important;
  line-height:1.08 !important;
  font-weight:700 !important;
  color:#7c95bb !important;
  margin:0 !important;
}

body#page-mod-page-view .s2epage-modal-link{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  width:100% !important;
  min-height:56px !important;
  padding:8px 10px !important;
  margin:9px 0 !important;
  border-radius:16px !important;
  text-decoration:none !important;
  box-sizing:border-box !important;
  transition:transform .18s ease, box-shadow .18s ease !important;
}

body#page-mod-page-view .s2epage-modal-link:hover,
body#page-mod-page-view .s2epage-modal-link:active{
  transform:translateY(-1px) scale(1.01) !important;
}

body#page-mod-page-view .s2epage-modal-link.video,
body#page-mod-page-view .s2epage-modal-link.timed{
  background:linear-gradient(180deg,#fff8ef 0%, #fff1dd 100%) !important;
  border:2px solid #ffd9aa !important;
  box-shadow:0 8px 16px rgba(243,155,23,.10) !important;
}

body#page-mod-page-view .s2epage-modal-link.read,
body#page-mod-page-view .s2epage-modal-link.practice{
  background:linear-gradient(180deg,#f4f9ff 0%, #eaf3ff 100%) !important;
  border:2px solid #d2e3ff !important;
  box-shadow:0 8px 16px rgba(32,80,184,.08) !important;
}

body#page-mod-page-view .s2epage-modal-link .icon{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  border-radius:12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,255,255,.72) !important;
  border:1.5px solid rgba(255,255,255,.95) !important;
  box-shadow:0 4px 10px rgba(0,0,0,.08) !important;
  font-size:18px !important;
}

body#page-mod-page-view .s2epage-modal-link .txt{
  flex:1 !important;
  text-align:right !important;
}

body#page-mod-page-view .s2epage-modal-link .txt .ar{
  display:block !important;
  font-family:Tahoma, Arial, sans-serif !important;
  font-size:19px !important;
  line-height:1.04 !important;
  font-weight:800 !important;
  margin:0 0 2px 0 !important;
}

body#page-mod-page-view .s2epage-modal-link.video .txt .ar,
body#page-mod-page-view .s2epage-modal-link.timed .txt .ar{
  color:#c96b00 !important;
}

body#page-mod-page-view .s2epage-modal-link.read .txt .ar,
body#page-mod-page-view .s2epage-modal-link.practice .txt .ar{
  color:#1f4fb7 !important;
}

body#page-mod-page-view .s2epage-modal-link .txt .en{
  display:block !important;
  font-family:Verdana, Arial, sans-serif !important;
  font-size:9px !important;
  line-height:1.08 !important;
  font-weight:700 !important;
  margin:0 !important;
}

body#page-mod-page-view .s2epage-modal-close{
  width:100% !important;
  min-height:42px !important;
  border:none !important;
  border-radius:15px !important;
  margin-top:8px !important;
  background:linear-gradient(135deg,#1556c9 0%, #2bb2ff 100%) !important;
  color:#fff !important;
  font-family:Tahoma, Arial, sans-serif !important;
  font-size:18px !important;
  font-weight:800 !important;
  cursor:pointer !important;
}

@media (max-width:640px){
  body#page-mod-page-view .s2epage-wrap{
    width:min(92vw, 92vw) !important;
  }

  body#page-mod-page-view .s2epage-title-ar{
    white-space:normal !important;
    font-size:28px !important;
    line-height:1.2 !important;
  }

  body#page-mod-page-view .s2epage-modal-box{
    width:min(92vw, 92vw) !important;
  }
}










/* =========================================================
   STEP2ENGLISH - GLOBAL ACTIVITY PAGES STYLE
   يعمل على كل صفحات الأنشطة:
   Page / Quiz / Resource / Video / URL / Book / ...
========================================================= */

/* ---------------------------------------------------------
   1) تنظيف عام لصفحات الأنشطة فقط
--------------------------------------------------------- */
body[id^="page-mod-"] .completion-info,
body[id^="page-mod-"] button[data-action="toggle-manual-completion"]{
  display:none !important;
}

body[id^="page-mod-"] .course-content-footer,
body[id^="page-mod-"] .course-content-footer + hr,
body[id^="page-mod-"] hr + .course-content-footer,
body[id^="page-mod-"] .course-content-footer hr{
  display:none !important;
}

body[id^="page-mod-"] .activity-navigation{
  display:none !important;
}

body[id^="page-mod-"] .modified{
  display:none !important;
}


/* ---------------------------------------------------------
   2) زر العودة إلى الدورة - موحد في كل صفحات الأنشطة
--------------------------------------------------------- */
body[id^="page-mod-"] .course-content-header{
  text-align:left !important;
}

body[id^="page-mod-"] .course-content-header a[href*="/course/view.php"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;

  min-height:42px !important;
  padding:8px 14px !important;
  margin:0 !important;

  border-radius:14px !important;
  text-decoration:none !important;
  white-space:nowrap !important;

  background:linear-gradient(135deg,#1556c9 0%, #2bb2ff 100%) !important;
  color:#ffffff !important;
  border:2px solid #0b4195 !important;

  box-shadow:
    0 8px 18px rgba(0,25,55,.16),
    0 3px 0 #0b4195 !important;

  font-family:Tahoma, Arial, sans-serif !important;
  font-size:16px !important;
  line-height:1.1 !important;
  font-weight:800 !important;

  transition:transform .18s ease, box-shadow .18s ease !important;
}

body[id^="page-mod-"] .course-content-header a[href*="/course/view.php"]:hover,
body[id^="page-mod-"] .course-content-header a[href*="/course/view.php"]:active{
  transform:translateY(-1px) !important;
  box-shadow:
    0 10px 20px rgba(0,25,55,.19),
    0 3px 0 #0b4195 !important;
}

/* أيقونة الزر */
body[id^="page-mod-"] .course-content-header a[href*="/course/view.php"] i,
body[id^="page-mod-"] .course-content-header a[href*="/course/view.php"] .icon,
body[id^="page-mod-"] .course-content-header a[href*="/course/view.php"] .fa,
body[id^="page-mod-"] .course-content-header a[href*="/course/view.php"] .fa-fw{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  width:22px !important;
  height:22px !important;
  min-width:22px !important;

  border-radius:8px !important;
  background:rgba(255,255,255,.16) !important;
  color:#ffffff !important;

  font-size:12px !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
}

/* كل النص داخل الزر أبيض */
body[id^="page-mod-"] .course-content-header a[href*="/course/view.php"],
body[id^="page-mod-"] .course-content-header a[href*="/course/view.php"] *,
body[id^="page-mod-"] .course-content-header a[href*="/course/view.php"] span{
  color:#ffffff !important;
  text-decoration:none !important;
}


/* ---------------------------------------------------------
   3) تحسين موضع الزر في الشاشات الصغيرة
--------------------------------------------------------- */
@media (max-width:640px){
  body[id^="page-mod-"] .course-content-header{
    margin-bottom:8px !important;
  }

  body[id^="page-mod-"] .course-content-header a[href*="/course/view.php"]{
    min-height:40px !important;
    padding:8px 13px !important;
    border-radius:14px !important;
    font-size:16px !important;
    max-width:100% !important;
  }

  body[id^="page-mod-"] .course-content-header a[href*="/course/view.php"] i,
  body[id^="page-mod-"] .course-content-header a[href*="/course/view.php"] .icon,
  body[id^="page-mod-"] .course-content-header a[href*="/course/view.php"] .fa,
  body[id^="page-mod-"] .course-content-header a[href*="/course/view.php"] .fa-fw{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    font-size:12px !important;
    border-radius:8px !important;
  }
}


/* ---------------------------------------------------------
   4) منع أي ألوان قديمة على رابط العودة
--------------------------------------------------------- */
body[id^="page-mod-"] .course-content-header a[href*="/course/view.php"]:link,
body[id^="page-mod-"] .course-content-header a[href*="/course/view.php"]:visited{
  color:#ffffff !important;
}


/* ---------------------------------------------------------
   5) لو فيه زر Done / تم ظاهر كنص أو زر صغير
--------------------------------------------------------- */
body[id^="page-mod-"] .completiontoggle,
body[id^="page-mod-"] .activity-completion,
body[id^="page-mod-"] .automatic-completion-conditions,
body[id^="page-mod-"] .completion-wrapper{
  display:none !important;
}










/* =========================================================
   FIX BACK TO COURSE - QUIZ VIEW ONLY
   ضعيه في آخر الـ CSS كله
========================================================= */

body#page-mod-quiz-view .course-content-header{
  display:block !important;
  text-align:left !important;
  margin:0 0 10px !important;
  padding:0 !important;
}

body#page-mod-quiz-view .course-content-header > a[href*="/course/view.php"]{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;

  width:auto !important;
  min-width:auto !important;
  max-width:100% !important;
  min-height:44px !important;
  padding:9px 16px !important;
  margin:0 !important;

  border-radius:16px !important;
  text-decoration:none !important;
  white-space:nowrap !important;

  background:linear-gradient(135deg,#1556c9 0%, #2bb2ff 100%) !important;
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff !important;
  border:2px solid #0b4195 !important;

  box-shadow:
    0 10px 20px rgba(0,25,55,.16),
    0 4px 0 #0b4195 !important;

  font-family:Tahoma, Arial, sans-serif !important;
  font-size:18px !important;
  line-height:1.1 !important;
  font-weight:800 !important;
}

body#page-mod-quiz-view .course-content-header > a[href*="/course/view.php"],
body#page-mod-quiz-view .course-content-header > a[href*="/course/view.php"] *,
body#page-mod-quiz-view .course-content-header > a[href*="/course/view.php"] span{
  color:#ffffff !important;
  text-decoration:none !important;
}

body#page-mod-quiz-view .course-content-header > a[href*="/course/view.php"] i,
body#page-mod-quiz-view .course-content-header > a[href*="/course/view.php"] .icon,
body#page-mod-quiz-view .course-content-header > a[href*="/course/view.php"] .fa,
body#page-mod-quiz-view .course-content-header > a[href*="/course/view.php"] .fa-fw{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:24px !important;
  height:24px !important;
  min-width:24px !important;
  border-radius:9px !important;
  background:rgba(255,255,255,.16) !important;
  color:#ffffff !important;
  font-size:13px !important;
  line-height:1 !important;
  margin:0 !important;
  padding:0 !important;
}

@media (max-width:640px){
  body#page-mod-quiz-view .course-content-header > a[href*="/course/view.php"]{
    width:auto !important;
    min-width:auto !important;
    max-width:100% !important;
    min-height:40px !important;
    padding:8px 13px !important;
    border-radius:14px !important;
    font-size:16px !important;
  }

  body#page-mod-quiz-view .course-content-header > a[href*="/course/view.php"] i,
  body#page-mod-quiz-view .course-content-header > a[href*="/course/view.php"] .icon,
  body#page-mod-quiz-view .course-content-header > a[href*="/course/view.php"] .fa,
  body#page-mod-quiz-view .course-content-header > a[href*="/course/view.php"] .fa-fw{
    width:22px !important;
    height:22px !important;
    min-width:22px !important;
    font-size:12px !important;
    border-radius:8px !important;
  }
}












































/* =========================================================
   STEP2ENGLISH - FIX PACKAGE POPUPS FULLSCREEN
   ضعه بعد كود الخطة الذكية وبعد أي CSS خاص بها
========================================================= */

#s2e-popup-1,
#s2e-popup-2,
#s2e-popup-3,
#s2e-popup-4{
  position:fixed !important;
  inset:0 !important;
  z-index:999999 !important;
  display:none;
  align-items:center !important;
  justify-content:center !important;
  width:100vw !important;
  max-width:none !important;
  height:100dvh !important;
  max-height:none !important;
  margin:0 !important;
  padding:6px !important;
  overflow:hidden !important;
  background:rgba(3,12,33,.72) !important;
  border:none !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

#s2e-popup-1 .s2e-popup-panel,
#s2e-popup-2 .s2e-popup-panel,
#s2e-popup-3 .s2e-popup-panel,
#s2e-popup-4 .s2e-popup-panel{
  width:96% !important;
  max-width:930px !important;
  height:auto !important;
  max-height:92vh !important;
  background:#ffffff !important;
  border-radius:30px !important;
  padding:12px !important;
  overflow:hidden !important;
  position:relative !important;
}

#s2e-popup-1 .s2e-popup-viewport,
#s2e-popup-2 .s2e-popup-viewport,
#s2e-popup-3 .s2e-popup-viewport,
#s2e-popup-4 .s2e-popup-viewport{
  width:100% !important;
  height:auto !important;
  max-height:calc(92vh - 24px) !important;
  overflow:hidden !important;
}












/* =========================================================
   STEP2ENGLISH - PACKAGE POPUP BOYS STYLE + SUBSCRIBE + WHATSAPP
   مأخوذ من شكل بوب مجموعة بنين مع الحفاظ على باقي الأكواد
========================================================= */

.s2e-package-modal.s2e-package-modal-ref{
  width:min(96%,930px) !important;
  max-width:930px !important;
  background:#ffffff !important;
  border-radius:30px !important;
  padding:12px !important;
  box-shadow:0 18px 60px rgba(0,0,0,.30) !important;
  border:1px solid #eef2f7 !important;
  overflow:hidden !important;
  position:relative !important;
}

.s2e-package-modal-ref .s2e-close-btn{
  position:static !important;
  top:auto !important;
  margin:0 0 10px auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:auto !important;
  padding:10px 16px !important;
  border-radius:16px !important;
  font-size:15px !important;
  font-weight:900 !important;
  background:linear-gradient(135deg,#123b82,#07193d) !important;
  color:#fff !important;
  box-shadow:none !important;
}

.s2e-package-title-wrap{
  background:#eef2f7 !important;
  border-radius:22px !important;
  padding:14px 12px !important;
  text-align:center !important;
  margin-bottom:14px !important;
}

.s2e-package-title-ref{
  margin:0 !important;
  font-size:20px !important;
  line-height:1.45 !important;
  font-weight:900 !important;
  color:#143f86 !important;
  font-family:Tahoma,Arial,sans-serif !important;
}

.s2e-package-features-ref{
  margin-bottom:16px !important;
  text-align:center !important;
}

.s2e-package-feature-row-ref{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  direction:rtl !important;
  color:#334155 !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1.55 !important;
  font-family:Tahoma,Arial,sans-serif !important;
  margin:0 auto 10px !important;
}

.s2e-package-feature-icon-ref{
  font-size:20px !important;
  line-height:1 !important;
  flex:0 0 auto !important;
}

.s2e-package-modal-ref .s2e-price-box{
  background:linear-gradient(to bottom,#fff8f1,#fffdf9) !important;
  border:1px solid #f5d8bb !important;
  border-radius:24px !important;
  padding:16px 14px !important;
  text-align:center !important;
  margin-bottom:16px !important;
}

.s2e-package-modal-ref .s2e-offer{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  direction:rtl !important;
  padding:9px 16px !important;
  border-radius:999px !important;
  border:3px solid #f1b37c !important;
  color:#e23a5d !important;
  background:#fff7f4 !important;
  font-size:15px !important;
  font-weight:900 !important;
  margin-bottom:14px !important;
  font-family:Tahoma,Arial,sans-serif !important;
}

.s2e-package-modal-ref .s2e-old-price{
  color:#94a3b8 !important;
  text-decoration:line-through !important;
  font-size:17px !important;
  font-weight:700 !important;
  margin:0 auto 10px !important;
  font-family:Tahoma,Arial,sans-serif !important;
}

.s2e-package-modal-ref .s2e-new-price{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  direction:rtl !important;
  color:#b85a00 !important;
  font-size:32px !important;
  font-weight:900 !important;
  margin:0 auto 10px !important;
  line-height:1.1 !important;
  font-family:Tahoma,Arial,sans-serif !important;
}

.s2e-package-modal-ref .s2e-new-price img{
  width:22px !important;
  height:24px !important;
  display:inline-block !important;
  vertical-align:middle !important;
}

.s2e-package-modal-ref .s2e-price-note{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  direction:rtl !important;
  color:#b07a48 !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1.55 !important;
  font-family:Tahoma,Arial,sans-serif !important;
}

.s2e-subscribe-now-btn-ref,
.s2e-package-wa-btn{
  display:flex !important;
  width:92% !important;
  margin-inline:auto !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  direction:rtl !important;
  text-align:center !important;
  text-decoration:none !important;
  padding:14px 12px !important;
  border-radius:18px !important;
  font-size:18px !important;
  font-weight:900 !important;
  box-sizing:border-box !important;
  font-family:Tahoma,Arial,sans-serif !important;
  transition:transform .4s ease, box-shadow .4s ease, filter .4s ease !important;
}

.s2e-subscribe-now-btn-ref{
  border:none !important;
  cursor:pointer !important;
  background:linear-gradient(135deg,#f6a000,#cf6e00) !important;
  color:#ffffff !important;
  box-shadow:0 10px 22px rgba(217,119,6,.22) !important;
  margin-bottom:14px !important;
  animation:s2ePackageSubscribePulse 1.15s infinite !important;
}

.s2e-package-wa-btn{
  background:linear-gradient(135deg,#35d56e,#1fbd56) !important;
  color:#ffffff !important;
  box-shadow:0 10px 22px rgba(37,211,102,.18) !important;
}

@keyframes s2ePackageSubscribePulse{
  0%,100%{transform:scale(1);box-shadow:0 10px 22px rgba(217,119,6,.22)}
  50%{transform:scale(1.035);box-shadow:0 16px 34px rgba(217,119,6,.36),0 0 0 6px rgba(246,160,0,.14)}
}

@media (max-width:768px){
  .s2e-package-modal.s2e-package-modal-ref{
    width:min(96vw,100%) !important;
    max-width:96vw !important;
    padding:10px !important;
    border-radius:28px !important;
  }

  .s2e-package-title-ref{font-size:18px !important;}
  .s2e-package-feature-row-ref{font-size:14px !important;gap:7px !important;margin-bottom:8px !important;}
  .s2e-package-modal-ref .s2e-offer{font-size:13px !important;padding:8px 13px !important;}
  .s2e-package-modal-ref .s2e-old-price{font-size:15px !important;}
  .s2e-package-modal-ref .s2e-new-price{font-size:30px !important;}
  .s2e-package-modal-ref .s2e-new-price img{width:20px !important;height:22px !important;}
  .s2e-package-modal-ref .s2e-price-note{font-size:13px !important;}
  .s2e-subscribe-now-btn-ref,
  .s2e-package-wa-btn{width:90% !important;font-size:16px !important;padding:13px 11px !important;border-radius:17px !important;}
}














/* ===== Fix huge empty spaces inside cards ===== */
.s2e-card{
  min-height: auto !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  gap: 10px !important;
}

@media (max-width: 768px){
  .s2e-card{
    min-height: auto !important;
    height: auto !important;
    gap: 8px !important;
  }
}

.s2e-cards-grid{
  align-items: start !important;
  grid-auto-rows: auto !important;
}


















/* 1. إجبار الموقع كله (نصوص، عناوين، اختبارات، أزرار) على استخدام خط كايرو */
body, h1, h2, h3, h4, h5, h6, p, a, div, li, span, td, th, label, button, input, textarea {
    font-family: 'Cairo', 'Tajawal', Tahoma, Arial, sans-serif !important;
}

/* 2. حماية أيقونات مودل عشان تفضل ظاهرة وماتضربش */
.icon, .fa, .fas, .far, .fab, .fal, [class^="icon-"], [class*=" icon-"], .dir-rtl .moodle-actionmenu[data-enhance] .toggle-display.textmenu .caret {
    font-family: "FontAwesome" !important;
}

/* 3. تظبيط خاص لصفحة اختبارات مودل (Quiz) عشان الأسئلة تكون واضحة ومريحة للعين */
.que .content {
    font-family: 'Cairo', 'Tajawal', Tahoma, Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 1.8 !important;
}







/* إخفاء الزر الأول والثاني من اليمين (الاختبار المحاكي وتصفح الدورات) */
.s2e-program-actions > button:nth-child(1),
.s2e-program-actions > button:nth-child(2),
.s2e-program-actions > a:nth-child(1),
.s2e-program-actions > a:nth-child(2) {
    display: none !important;
}

/* إعادة ضبط المساحة لتوسيط الزرين المتبقيين (عن الأكاديمية والتطبيقات) */
.s2e-program-actions {
    grid-template-columns: 1fr 1fr !important;
    max-width: 500px !important;
    margin: 0 auto !important;
}









/* 1. حذف اللوجو والحقوق نهائياً كما طلبت */
.footer_one img:not(a img), 
.footer_one p, 
.footer_one .footer-bottom {
    display: none !important;
}

/* 2. جعل الشريط نحيفاً جداً وضغط العناصر */
.footer_one {
    padding: 5px 0 !important; /* تقليل المسافة الرأسية الإجمالية */
    min-height: unset !important;
    height: auto !important;
}

/* 3. تقريب العناصر من بعضها (تصفير المسافات) */
.footer_one .container, 
.footer_one .row, 
.footer_one .footer_middle_area {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 2px !important; /* تقليل المسافة بين سطر الأيقونات وسطر الروابط */
    margin: 0 auto !important;
    padding: 0 !important;
}

/* 4. تقريب الأيقونات من بعضها أفقياً */
.footer_one a img {
    height: 35px !important; /* الحفاظ على حجم واضح للأيقونات */
    margin: 0 5px !important; /* تقليل المسافة الجانبية بين كل أيقونة وأخرى */
}

/* 5. تقريب الروابط (Privacy/Terms) من بعضها */
.footer_one a {
    font-size: 11px !important;
    margin: 0 5px !important; /* تقريب روابط السياسات من بعضها */
    line-height: 1 !important;
}






/* 1. إخفاء الفوتر من جميع صفحات الموقع بشكل افتراضي */
.footer_one {
    display: none !important;
}

/* 2. إعادة إظهار الفوتر في الصفحة الرئيسية فقط */
.pagelayout-frontpage .footer_one {
    display: block !important;
}

/* 3. إعادة إظهار الفوتر في صفحة التسجيل (Sign-up) */
#page-login-signup .footer_one,
.path-login .footer_one {
    display: block !important;
}





/* إخفاء حاوية الإكمال بالكامل بأكثر من طريقة */
div[data-region="completion-info"],
.completion-info,
.path-course-view .section .content .mod-indent-outer [data-region="completion-info"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* استهداف الزر نفسه مباشرة من خلال الكلاسات الظاهرة في الفحص */
button.btn-success.btn-sm.text-nowrap[data-action="toggle-manual-completion"],
button[id^="yui_3_17_2_1_"][data-action="toggle-manual-completion"] {
    display: none !important;
}










/* 1. إجبار الحاويات على التمدد (فقط عندما يكون وضع التحرير مغلقاً) */
body:not(.editing) #module-3604.activity,
body:not(.editing) #module-3604.activity .activity-item,
body:not(.editing) #module-3604.activity .activity-basis,
body:not(.editing) #module-3604.activity .activity-wrapper,
body:not(.editing) #module-3604.activity .activity-instance {
    display: block !important;
    width: 100% !important;
    grid-column: 1 / -1 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* مسافة خارجية للزرار */
body:not(.editing) #module-3604.activity {
    margin: 15px 0 !important;
}

/* 2. تحويل الرابط إلى شريط عريض (فقط للطلاب والوضع العادي) */
body:not(.editing) #module-3604.activity a.aalink {
    display: flex !important;
    width: 100% !important; 
    min-height: 85px !important;
    background-color: #033695 !important;
    border: 2px solid #ffffff !important;
    border-radius: 12px !important;
    justify-content: center !important;
    align-items: center !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    position: relative !important;
    z-index: 10 !important;
    animation: solid-pulse 2s infinite ease-in-out !important;
}

/* 3. تنسيق الكلمة وإجبارها على سطر واحد */
body:not(.editing) #module-3604.activity .instancename {
    color: #ffffff !important;
    font-size: 1.8rem !important;
    font-weight: bold !important;
    text-align: center !important;
    margin: 0 !important;
    white-space: nowrap !important;
    pointer-events: none !important;
    display: block !important;
}

/* 4. إخفاء زوائد مودل (تختفي للطلاب وتظهر لك عند التحرير) */
body:not(.editing) #module-3604.activity .activityiconcontainer, 
body:not(.editing) #module-3604.activity img,
body:not(.editing) #module-3604.activity .activity-icon,
body:not(.editing) #module-3604.activity .badge,
body:not(.editing) #module-3604.activity .actions,
body:not(.editing) #module-3604.activity .activity-alt {
    display: none !important;
}

/* 5. حركة النبض */
@keyframes solid-pulse {
    0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(3, 54, 149, 0.4); }
    70% { transform: scale(1.01); box-shadow: 0 0 0 15px rgba(3, 54, 149, 0); }
    100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(3, 54, 149, 0); }
}











/* ألوان أكاديمية Step2English */
:root {
    --s2e-navy-color: #01589b;
    --s2e-teal-color: #1CB098;
}

/* تنسيق العداد */
.s2e-timer-container {
    display: none; text-align: center; background: #eef7ff; border: 1px solid #cce2ff; 
    color: #073f91; font-weight: 900; padding: 12px 20px; border-radius: 50px; 
    margin: 0 auto 20px; width: fit-content; font-family: 'Cairo', Tahoma, sans-serif; 
    font-size: 15px; box-shadow: 0 4px 10px rgba(10, 60, 140, 0.04); direction: rtl; clear: both;
}

/* تنسيق زر الاختبار المحاكي */
.s2e-main-action-wrapper { text-align: center; margin-bottom: 30px; direction: rtl; clear: both; }
.s2e-simulator-trigger {
    display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    background-color: var(--s2e-navy-color) !important; color: #ffffff !important; border: none; 
    padding: 15px 45px; border-radius: 50px; font-family: 'Cairo', Tahoma, sans-serif; 
    font-size: 18px; font-weight: bold; box-shadow: 0 6px 20px rgba(1, 88, 155, 0.25); 
    cursor: pointer; transition: all 0.3s ease; width: min(400px, 90%); text-decoration: none !important;
}
.s2e-simulator-trigger:hover { 
    background-color: #01467a !important; transform: translateY(-2px); box-shadow: 0 8px 25px rgba(1, 88, 155, 0.35); 
}

/* تنسيق النافذة المنبثقة (Modal) */
.s2e-overlay-modal {
    display: none; position: fixed; z-index: 999999; left: 0; top: 0; width: 100%; height: 100%;
    background: rgba(15, 23, 42, 0.7); backdrop-filter: blur(6px); align-items: center; justify-content: center;
}
.s2e-modal-container {
    background: #ffffff; width: 92%; max-width: 480px; border-radius: 24px; padding: 35px;
    text-align: center; font-family: 'Cairo', Tahoma, sans-serif; position: relative; direction: rtl;
    box-shadow: 0 25px 50px rgba(0,0,0,0.2);
}
.s2e-close-btn { 
    position: absolute; top: 20px; left: 25px; font-size: 30px; cursor: pointer; color: #94a3b8; line-height: 1; 
}
.s2e-close-btn:hover { color: #ef4444; }

.s2e-exam-link {
    display: flex; align-items: center; justify-content: space-between; background: #f8fafc; 
    color: var(--s2e-navy-color) !important; padding: 18px 25px; margin-bottom: 12px;
    border-radius: 16px; text-decoration: none !important; font-weight: 800; 
    transition: 0.3s; border: 1px solid #e2e8f0; text-align: right;
}
.s2e-exam-link:hover { 
    background: #f0fdfa; border-color: var(--s2e-teal-color); color: var(--s2e-teal-color) !important; transform: scale(1.02); 
}




.s2e-simulator-trigger a {
    color: inherit !important; /* يخلي اللون زي بقية الكلام */
    text-decoration: none !important; /* يشيل الخط اللي تحت الكلمة */
    pointer-events: none; /* يخلي الضغطة تروح للزرار مش للرابط */
}



/* تنسيق زر الاختبارات المحاكية */
.s2e-simulator-trigger {
    background-color: #01589b !important; /* اللون الأزرق المطلوب */
    color: #ffffff !important;            /* لون الخط أبيض عشان يوضح */
    border: none !important;
    padding: 10px 20px !important;
    border-radius: 8px !important;
    font-weight: bold !important;
    cursor: pointer;                      /* عشان يظهر شكل اليد عند تمرير الماوس */
}
















/* إخفاء الـ Modal الافتراضي وتجهيزه ليغطي الشاشة بالكامل */
.s2epage-modal {
    display: none; /* مخفي افتراضياً */
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* خلفية داكنة شفافة */
    z-index: 99999; /* لضمان ظهوره فوق أي عنصر آخر في المنصة */
    justify-content: center;
    align-items: center;
    direction: rtl; /* ضبط الاتجاه من اليمين لليسار للعربي */
}

/* الكلاس الذي سيتم إضافته بواسطة الجافاسكريبت لإظهار الـ Modal */
.s2epage-modal.show {
    display: flex;
}

/* تصميم المربع الأبيض الداخلي */
.s2epage-modal-box {
    background-color: #ffffff;
    padding: 25px;
    border-radius: 12px;
    width: 90%;
    max-width: 450px;
    position: relative;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    text-align: right; /* تأكيد محاذاة النص لليمين */
}

/* تنسيق زر الإغلاق (X) */
.s2epage-modal-x {
    position: absolute;
    top: 10px;
    left: 10px; /* تم وضعه على اليسار ليناسب التصميم العربي */
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #333;
}

.s2epage-modal-x:hover {
    color: #ff0000;
}









/* =========================================================
   STEP2ENGLISH - KILL GAPS IN QUIZ VIEW
   القضاء على الفراغات الضخمة بين الأزرار
========================================================= */

/* 1. إلغاء الهوامش الضخمة من حاوية الانتقال (الدرس التالي/السابق) */
body#page-mod-quiz-view .mt-5.mb-5.activity-navigation,
body#page-mod-quiz-view .activity-navigation {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

/* 2. إخفاء الحاويات الفارغة اللي بتعمل مساحات بيضاء بين الأزرار */
body#page-mod-quiz-view .activity-header,
body#page-mod-quiz-view .box.quizinfo {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
    height: 0 !important;
}

/* 3. إلغاء الهامش العلوي لزر بدء/إعادة الاختبار */
body#page-mod-quiz-view .singlebutton.quizstartbuttondiv,
body#page-mod-quiz-view .quizstartbuttondiv {
    margin-top: 0 !important;
}









/* =========================================================
   STEP2ENGLISH - FORCE SHOW PREVIOUS ATTEMPTS ON MOBILE
   إجبار ظهور عنوان "المحاولات السابقة" على الموبايل والتطبيق
========================================================= */
body#page-mod-quiz-view h3.ccnMdlHeading {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 100% !important;
    height: auto !important;
    margin-top: 15px !important;
    margin-bottom: 10px !important;
}






/* إصلاح وتكبير النص داخل القائمة المنسدلة (البروفايل والإشعارات) في الهيدر */
header .dropdown-menu *,
.ccnHeader1 .dropdown-menu *,
.is-sticky .dropdown-menu *,
.sticky .dropdown-menu *,
.header-mobile .dropdown-menu *,
.ccn-mobile-header .dropdown-menu *,
header .popover-region *,
.is-sticky .popover-region * {
    color: #0b3d91 !important; /* لون أزرق غامق */
    font-size: 16px !important; /* تكبير الخط */
    font-weight: 700 !important; /* جعل الخط عريضاً وواضحاً */
}

/* تحسين تأثير المرور بالماوس (Hover) داخل القائمة */
header .dropdown-menu a:hover,
.is-sticky .dropdown-menu a:hover {
    background-color: #f4f7f9 !important;
    color: #1ea7ff !important;
}




















/* =========================================================
   🚀 الشكل النهائي المعتمد: أزرار التنقل (مسافة أمان + ضبط الحجم)
========================================================= */

/* 1. إخفاء الأزرار الأصلية لمودل وأي أزرار قديمة في كل مكان */
body#page-mod-quiz-attempt .submitbtns input[type="submit"],
body#page-mod-quiz-attempt .submitbtns input[type="button"],
body#page-mod-quiz-attempt .mod_quiz-prev-nav,
body#page-mod-quiz-attempt .mod_quiz-next-nav,
body#page-mod-quiz-attempt .s2e-quiz-nav-wrap,
body#page-mod-quiz-attempt .s2e-quiz-nav-btn {
    display: none !important;
}

/* 2. حاوية الأزرار الجديدة: إضافة مسافة أمان بالأسفل لمنع الخطأ */
body#page-mod-quiz-attempt .submitbtns {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important; 
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    
    /* 🛑 التعديل هنا: مسافة سفلية 60 بكسل لإبعاد زر العودة للجدول 🛑 */
    margin: 30px auto 60px auto !important; 
    padding-bottom: 20px !important;
    
    float: none !important; 
    clear: both !important;
    text-align: center !important;
    position: relative !important;
    visibility: visible !important;
    opacity: 1 !important;
}

body#page-mod-quiz-attempt .s2e-custom-nav-wrap {
    display: flex !important;
    flex-direction: row !important;
    direction: ltr !important; 
    justify-content: center !important;
    align-items: center !important;
    gap: 20px !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* 3. تصميم الزر الجديد (طويل + حواف بيضاء) */
body#page-mod-quiz-attempt .s2e-nav-btn-new {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    
    background: #0b4aa6 !important; 
    border: 2px solid #ffffff !important; 
    border-radius: 18px !important; 
    
    min-width: 240px !important; 
    min-height: 75px !important;
    padding: 12px 20px !important;
    
    box-shadow: 0 6px 16px rgba(11,74,166,0.2) !important;
    cursor: pointer !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease !important;
    outline: none !important;
    animation: none !important; 
    text-decoration: none !important;
}

/* 4. النصوص داخل الزر */
body#page-mod-quiz-attempt .s2e-nav-btn-new .s2e-ar {
    display: block !important;
    font-family: 'Almarai', 'Cairo', Tahoma, sans-serif !important;
    font-size: 22px !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    line-height: 1.2 !important;
    margin-bottom: 3px !important;
}

body#page-mod-quiz-attempt .s2e-nav-btn-new .s2e-en {
    display: block !important;
    font-family: 'Segoe UI', Tahoma, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: rgba(255, 255, 255, 0.85) !important;
    line-height: 1.1 !important;
}

/* 5. تأثيرات الماوس */
body#page-mod-quiz-attempt .s2e-nav-btn-new:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 20px rgba(11,74,166,0.3) !important;
    background: #083c87 !important;
}

body#page-mod-quiz-attempt .s2e-finish-btn {
    background: #16a34a !important;
    box-shadow: 0 6px 16px rgba(22,163,74,0.2) !important;
}
body#page-mod-quiz-attempt .s2e-finish-btn:hover {
    background: #15803d !important;
    box-shadow: 0 10px 20px rgba(22,163,74,0.3) !important;
}

/* 6. الموبايل (جنب بعض + ضبط الزر المفرد + تكبير الخط) */
@media (max-width: 768px) {
    body#page-mod-quiz-attempt .s2e-custom-nav-wrap { 
        flex-direction: row !important; 
        flex-wrap: nowrap !important; 
        gap: 10px !important; 
        padding: 0 10px !important;
    }
    body#page-mod-quiz-attempt .s2e-nav-btn-new { 
        flex: 1 !important; 
        min-width: 0 !important; 
        min-height: 60px !important; 
        border-radius: 14px !important; 
        padding: 8px 5px !important; 
    }
    
    /* 🚀 التعديل هنا: تكبير الخط العربي بشكل ملحوظ 🚀 */
    body#page-mod-quiz-attempt .s2e-nav-btn-new .s2e-ar { 
        font-size: 22px !important; /* كان 16px */
        margin-bottom: 0 !important; /* لغينا المسافة عشان الخط كبر */
    }
    
    /* 🚀 التعديل هنا: تكبير الخط الإنجليزي ليكون متناسق 🚀 */
    body#page-mod-quiz-attempt .s2e-nav-btn-new .s2e-en { 
        font-size: 14px !important; /* كان 11px */
    }
    
    /* 🛑 الزر وهو لوحده هياخد 48% ويكون في اليمين 🛑 */
    body#page-mod-quiz-attempt .s2e-nav-btn-new:only-child {
        flex: 0 0 48% !important; 
        max-width: 48% !important;
        margin-left: auto !important; 
        margin-right: 0 !important;
    }
}
/* =========================================================
   🚀 إصلاح لون التحديد (الأزرق الفاتح المريح)
========================================================= */
.que.multichoice input:checked + label .s2-option-card,
.que.multichoice input:checked ~ .s2-option-card,
.s2e-selected-option-card {
    background: #eff6ff !important;
    border: 2px solid #0b4aa6 !important;
    box-shadow: 0 4px 12px rgba(11, 74, 166, 0.15) !important;
}
.s2e-selected-option-card::before, .s2e-selected-option-card::after { display: none !important; }
.que.multichoice input:checked + label .s2-option-text,
.que.multichoice input:checked ~ .s2-option-card .s2-option-text,
.s2e-selected-option-card .s2-option-text,
.s2e-selected-option-card .s2-option-text * {
    color: #0b4aa6 !important; -webkit-text-fill-color: #0b4aa6 !important; text-shadow: none !important;
}








/* =========================================================
   🧹 تنظيف الإطارات المتداخلة في الشرح (منع شكل العلبة داخل علبة)
========================================================= */
.s2-explain-panel .s2-content-card {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin: 0 !important;
    border-radius: 0 !important;
}

.s2-explain-panel .s2-card-body {
    padding: 10px 0 0 0 !important; /* مسافة بسيطة من فوق فقط */
    background: transparent !important;
}

/* تظبيط مكان زرار الـ (✕) عشان يفضل متناسق بعد إزالة الإطار الداخلي */
.s2-tab-close-btn {
    margin: 0 auto 15px 0 !important; 
}










/* 🚀 التنسيق الجديد الفخم للسعر (3 سطور) 🚀 */

/* 1. السطر الأول: تنسيق السعر الأساسي (الريال) */
body.path-course .subscribe-price,
body.path-course .subscribe-price * {
    font-family: 'Cairo', 'Tajawal', Tahoma, sans-serif !important; /* توحيد الخط ليكون عصري */
    font-size: 38px !important; /* تكبير رقم الريال ليكون أبرز شيء */
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: right !important;
}

/* أيقونة الريال بجانب الرقم */
body.path-course .subscribe-price img {
    width: 32px !important; 
    height: auto !important;
    vertical-align: middle !important;
    margin-inline-start: 4px !important;
    margin-bottom: 4px !important; /* رفع الأيقونة قليلاً لتتساوى مع الرقم */
}

/* 2. السطر الثالث: حاوية الجنيه المصري */
body.path-course .subscribe-price span {
    display: block !important; /* إجبار الجنيه للنزول في سطر جديد */
    font-size: 20px !important; 
    font-weight: 800 !important;
    color: #ffffff !important;
    margin-top: 10px !important; /* مسافة عن الريال */
}

/* 3. السطر الثاني: عبارة "بما يعادل" */
body.path-course .subscribe-price span::before {
    content: "بما يعادل";
    display: block !important; /* إجبار العبارة لتكون في سطر لوحدها فوق الجنيه */
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #b3d4ff !important; /* لون سماوي فاتح متناسق وأهدأ من الأبيض */
    margin-bottom: 2px !important; /* مسافة بسيطة بينها وبين رقم الجنيه */
}

/* 📱 تظبيط المقاسات للموبايل عشان ماياخدش مساحة كبيرة 📱 */
@media (max-width: 768px) {
    body.path-course .subscribe-price,
    body.path-course .subscribe-price * {
        font-size: 28px !important;
    }
    body.path-course .subscribe-price img {
        width: 24px !important;
    }
    body.path-course .subscribe-price span {
        font-size: 16px !important;
        margin-top: 8px !important;
    }
    body.path-course .subscribe-price span::before {
        font-size: 11px !important;
        margin-bottom: 2px !important;
    }
}







#region-main, .course-content {
    padding-bottom: 40px !important;
}











/* إظهار جرس التنبيهات على الكمبيوتر */
@media (min-width: 992px) {
  .header_user_notif {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
  }

  .header_user_notif .ccn-settings-nav-notif {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    float: none !important;
    margin: 0 8px !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .header_user_notif .ccn-settings-nav-notif .popover-region-toggle {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  .header_user_notif .ccn-settings-nav-notif .popover-region-toggle::before,
  .header_user_notif .ccn-settings-nav-notif .popover-region-toggle::after {
    content: none !important;
    display: none !important;
  }

  .header_user_notif .ccn-settings-nav-notif .popover-region-toggle .icon {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    color: #ffffff !important;
  }
}














/* إظهار جرس التنبيهات */
.header_user_notif .ccn-settings-nav-notif {
    display: list-item !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.header_user_notif .ccn-settings-nav-notif .notification_icon,
.header_user_notif .ccn-settings-nav-notif i {
    visibility: visible !important;
    opacity: 1 !important;
    color: #ffffff !important;
}


/* ترتيب الجرس والإعدادات والحساب في صف واحد */
.header_user_notif {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
}

.header_user_notif > li,
.header_user_notif .ccn-settings-nav-notif {
    display: flex !important;
    float: none !important;
    margin: 0 !important;
    align-items: center !important;
}
/* إظهار وترتيب جرس التنبيهات على الموبايل */
@media (max-width: 768px) {
    .header_user_notif {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 6px !important;
    }

    .header_user_notif .ccn-settings-nav-notif {
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        float: none !important;
        margin: 0 !important;
        align-items: center !important;
    }

    .header_user_notif .ccn-settings-nav-notif .notification_icon,
    .header_user_notif .ccn-settings-nav-notif i {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        color: #ffffff !important;
    }
}







/* إظهار جرس التنبيهات */
.header_user_notif .ccn-settings-nav-notif {
    display: list-item !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.header_user_notif .ccn-settings-nav-notif .notification_icon,
.header_user_notif .ccn-settings-nav-notif i {
    visibility: visible !important;
    opacity: 1 !important;
    color: #ffffff !important;
}



















/* =========================================================
   STEP2ENGLISH
   Notifications and bells
   Clean final version
========================================================= */

/* ---------------------------------------------------------
   1. جرس الكمبيوتر
--------------------------------------------------------- */
@media (min-width: 992px) {
    .header_user_notif {
        display: flex !important;
        flex-flow: row nowrap !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 10px !important;
    }

    .header_user_notif > li,
    .header_user_notif .ccn-settings-nav-notif {
        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        float: none !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
    }

    .header_user_notif .ccn-settings-nav-notif {
        position: relative !important;
        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
    }

    .header_user_notif
    .ccn-settings-nav-notif
    .popover-region-toggle {
        position: relative !important;
        display: flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center !important;
        justify-content: center !important;

        width: 56px !important;
        height: 56px !important;
        min-width: 56px !important;
        min-height: 56px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: #063eaa !important;
        border: 0 !important;
        border-radius: 50% !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    .header_user_notif
    .ccn-settings-nav-notif
    .popover-region-toggle::before,
    .header_user_notif
    .ccn-settings-nav-notif
    .popover-region-toggle::after {
        content: none !important;
        display: none !important;
    }

    .header_user_notif
    .ccn-settings-nav-notif
    .popover-region-toggle .icon,
    .header_user_notif
    .ccn-settings-nav-notif
    .popover-region-toggle img,
    .header_user_notif
    .ccn-settings-nav-notif
    .popover-region-toggle svg {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        width: 36px !important;
        height: 36px !important;
        min-width: 36px !important;
        min-height: 36px !important;
        max-width: 36px !important;
        max-height: 36px !important;

        margin: 0 !important;
        padding: 0 !important;

        transform: translate(-50%, -50%) !important;

        color: #ffffff !important;
        fill: #ffffff !important;
        filter: brightness(0) invert(1) !important;
    }

    .header_user_notif
    .ccn-settings-nav-notif
    .count-container {
        position: absolute !important;
        top: -3px !important;
        right: -3px !important;
        z-index: 10 !important;

        min-width: 20px !important;
        height: 20px !important;
        padding: 0 5px !important;

        border-radius: 11px !important;
        background: #e00020 !important;
        color: #ffffff !important;

        font-size: 11px !important;
        font-weight: 900 !important;
        line-height: 20px !important;
        text-align: center !important;
    }
}

/* ---------------------------------------------------------
   2. جرس الموبايل والعداد
--------------------------------------------------------- */
@media (max-width: 991px) {
    .mobile-menu .header.stylehome1 {
        position: relative !important;
    }

    .s2e-mobile-bell-final {
        position: absolute !important;
        top: 50% !important;
        right: 76px !important;
        transform: translateY(-50%) !important;

        display: inline-flex !important;
        visibility: visible !important;
        opacity: 1 !important;
        align-items: center !important;
        justify-content: center !important;

        width: 44px !important;
        height: 44px !important;
        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;
        text-decoration: none !important;
        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
        z-index: 100 !important;
    }

    .s2e-mobile-bell-final::before,
    .s2e-mobile-bell-final::after {
        content: none !important;
        display: none !important;
    }

    .s2e-mobile-bell-final i {
        position: relative !important;
        top: 3px !important;

        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        color: #ffffff !important;
        font-size: 25px !important;
        line-height: 1 !important;
    }

    .s2e-mobile-bell-count {
        position: absolute !important;
        top: -8px !important;
        right: -5px !important;
        z-index: 20 !important;

        display: none;
        align-items: center !important;
        justify-content: center !important;

        min-width: 20px !important;
        height: 20px !important;
        padding: 0 5px !important;

        border-radius: 11px !important;
        background: #e00020 !important;
        color: #ffffff !important;

        font-size: 11px !important;
        font-weight: 900 !important;
        line-height: 20px !important;
        text-align: center !important;
    }
}

/* ---------------------------------------------------------
   3. تحسين صفحة التنبيهات على الكمبيوتر والموبايل
--------------------------------------------------------- */
body#page-message-output-popup-notifications .notification-area,
body#page-message-output-popup-notifications .notification-area * {
    box-sizing: border-box !important;
}

body#page-message-output-popup-notifications .notification-area {
    font-size: 18px !important;
}

body#page-message-output-popup-notifications
.notification-area
.content-item-container {
    min-height: 86px !important;
    padding: 15px 17px !important;
    cursor: pointer !important;
}

body#page-message-output-popup-notifications
.notification-area
.content-item-container .subject,
body#page-message-output-popup-notifications
.notification-area
.content-item-container [data-region="subject"] {
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1.5 !important;
}

body#page-message-output-popup-notifications
.notification-area
.content-item-container .timestamp,
body#page-message-output-popup-notifications
.notification-area
.content-item-container [data-region="time"] {
    font-size: 15px !important;
    line-height: 1.5 !important;
}

body#page-message-output-popup-notifications
.notification-area
[data-region="notification-content"],
body#page-message-output-popup-notifications
.notification-area
[data-region="notification-details"] {
    font-size: 21px !important;
    line-height: 1.8 !important;
}

/* صفحة التنبيهات على الموبايل */
@media (max-width: 768px) {
    body#page-message-output-popup-notifications
    .notification-area {
        width: 100% !important;
        font-size: 17px !important;
    }

    body#page-message-output-popup-notifications
    .notification-area
    .content-item-container {
        min-height: 80px !important;
        padding: 13px 14px !important;
    }

    body#page-message-output-popup-notifications
    .notification-area
    .content-item-container .subject,
    body#page-message-output-popup-notifications
    .notification-area
    .content-item-container [data-region="subject"] {
        font-size: 19px !important;
    }

    body#page-message-output-popup-notifications
    .notification-area
    .content-item-container .timestamp,
    body#page-message-output-popup-notifications
    .notification-area
    .content-item-container [data-region="time"] {
        font-size: 14px !important;
    }

    body#page-message-output-popup-notifications
    .notification-area
    [data-region="notification-content"],
    body#page-message-output-popup-notifications
    .notification-area
    [data-region="notification-details"] {
        font-size: 19px !important;
        line-height: 1.75 !important;
    }
}

















/* =========================================================
   إخفاء شريط التنقل السفلي بالكامل (السابق، التالي، وقائمة الانتقال) من صفحة بداية الاختبار
========================================================= */
body#page-mod-quiz-view .activity-navigation,
body#page-mod-quiz-view .mt-5.mb-5.activity-navigation {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}








/* =========================================================
   تعطيل الضغط على اللوجو داخل التطبيق فقط (بدون أي تغيير في الشكل)
========================================================= */
body.is-mobile-app .main_logo_home2 a,
body.is-mobile-app .logo a,
body.is-mobile-app .header-logo a {
    pointer-events: none !important;
    cursor: default !important;
}



/* =========================================================
   إخفاء الشريط العلوي بالكامل في صفحات (الاختبار - التسليم - المراجعة)
========================================================= */

/* استهداف الهيدر بكل طبقاته في الصفحات الثلاثة فقط */
body#page-mod-quiz-attempt header,
body#page-mod-quiz-attempt .header,
body#page-mod-quiz-attempt .mobile-menu,
body#page-mod-quiz-attempt .ccnHeader1,
body#page-mod-quiz-attempt .header-mobile,

body#page-mod-quiz-summary header,
body#page-mod-quiz-summary .header,
body#page-mod-quiz-summary .mobile-menu,
body#page-mod-quiz-summary .ccnHeader1,
body#page-mod-quiz-summary .header-mobile,

body#page-mod-quiz-review header,
body#page-mod-quiz-review .header,
body#page-mod-quiz-review .mobile-menu,
body#page-mod-quiz-review .ccnHeader1,
body#page-mod-quiz-review .header-mobile {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    top: -9999px !important;
}

/* رفع محتوى الصفحة لأعلى لسد الفراغ الذي يتركه الشريط */
body#page-mod-quiz-attempt,
body#page-mod-quiz-summary,
body#page-mod-quiz-review {
    padding-top: 0 !important;
}

body#page-mod-quiz-attempt #page,
body#page-mod-quiz-summary #page,
body#page-mod-quiz-review #page {
    padding-top: 15px !important; /* مسافة أمان بسيطة أعلى المحتوى */
    margin-top: 0 !important;
}











/* =========================================================
   STEP2ENGLISH - HIDE BLUE FOOTER INSIDE APP ONLY
========================================================= */

body.is-mobile-app .footer_one,
body.is-mobile-app footer.footer_one,
body.is-mobile-app #ccn-footer,
body.is-mobile-app footer#page-footer,
body.is-mobile-app #page-footer {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
/* =========================================================
   REMOVE EMPTY SPACE AFTER HIDING FOOTER - APP ONLY
========================================================= */

body.is-mobile-app .footer_one,
body.is-mobile-app footer.footer_one,
body.is-mobile-app #ccn-footer,
body.is-mobile-app footer#page-footer,
body.is-mobile-app #page-footer {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

/* إخفاء الحاويات الفارغة المرتبطة بالفوتر */
body.is-mobile-app .footer_middle_area,
body.is-mobile-app .footer_bottom_area,
body.is-mobile-app .footer_apps_widget,
body.is-mobile-app .footer_social_widget,
body.is-mobile-app .footer-menu,
body.is-mobile-app .footer-bottom {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* منع الصفحة من حجز ارتفاع زائد */
body.is-mobile-app,
body.is-mobile-app #page-wrapper,
body.is-mobile-app #page {
  min-height: 0 !important;
  height: auto !important;
}

/* إزالة الفراغ السفلي من آخر حاوية للمحتوى */
body.is-mobile-app #page-content,
body.is-mobile-app #ccn-main,
body.is-mobile-app #ccn-main-region,
body.is-mobile-app main,
body.is-mobile-app .main_content_container {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  min-height: 0 !important;
}

/* إزالة المسافة من آخر عنصر ظاهر */
body.is-mobile-app #ccn-main-region > :last-child,
body.is-mobile-app main > :last-child,
body.is-mobile-app .main_content_container > :last-child {
  margin-bottom: 0 !important;
}













/* زر العودة للدورة بنفس لون عرض قائمة الأسئلة */
body.path-mod .course-content-header > a[href*="/course/view.php"],
body.path-mod .course-content-header > a[href*="/course/view.php"]:link,
body.path-mod .course-content-header > a[href*="/course/view.php"]:visited,
body.path-mod .course-content-header > a[href*="/course/view.php"]:hover,
body.path-mod .course-content-header > a[href*="/course/view.php"]:focus,
body.path-mod .course-content-header > a[href*="/course/view.php"]:active {
  background: #0b55b7 !important;
  background-color: #0b55b7 !important;
  background-image: none !important;

  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;

  border: 2px solid #ffffff !important;
  border-radius: 18px !important;

  box-shadow:
    0 7px 18px rgba(11, 85, 183, 0.28),
    0 0 0 1px rgba(11, 85, 183, 0.15) !important;

  opacity: 1 !important;
  filter: none !important;
  animation: none !important;

  font-family: Tahoma, Arial, sans-serif !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}

/* إلغاء أي طبقة أو لون قديم */
body.path-mod .course-content-header > a[href*="/course/view.php"]::before,
body.path-mod .course-content-header > a[href*="/course/view.php"]::after {
  content: none !important;
  display: none !important;
}

/* النص والسهم */
body.path-mod .course-content-header > a[href*="/course/view.php"] *,
body.path-mod .course-content-header > a[href*="/course/view.php"] i,
body.path-mod .course-content-header > a[href*="/course/view.php"] span {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
  filter: none !important;
}

/* دائرة السهم */
body.path-mod .course-content-header > a[href*="/course/view.php"] i {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;

  background: rgba(255, 255, 255, 0.16) !important;
}

/* عند مرور الماوس */
body.path-mod .course-content-header > a[href*="/course/view.php"]:hover {
  background: #09499d !important;
  background-color: #09499d !important;
  background-image: none !important;
}









/* إزالة الفراغ الكبير أسفل السؤال على جميع الأجهزة */
body#page-mod-quiz-attempt
.s2-section-container:not(.s2-fast-hidden-section) {
  height: auto !important;
  min-height: 0 !important;
  padding-bottom: 15px !important;
  margin-bottom: 0 !important;
}

body#page-mod-quiz-attempt
.s2-section-container:not(.s2-fast-hidden-section)
.s2-virtual-layout,

body#page-mod-quiz-attempt
.s2-section-container:not(.s2-fast-hidden-section)
.s2-virtual-left,

body#page-mod-quiz-attempt
.s2-section-container:not(.s2-fast-hidden-section)
.s2-virtual-right {
  height: auto !important;
  min-height: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}









/* إخفاء زر التواصل من جميع الصفحات */
#s2e-app-support {
  display: none !important;
}

/* إظهار زر التواصل في الصفحة الرئيسية فقط */
body#page-site-index #s2e-app-support,
body.pagelayout-frontpage #s2e-app-support {
  display: block !important;
}











/* =========================================================
   S2E FIX: EXCLUDE GLOBAL COURSE NAV FROM QUIZ BLUE STYLE
========================================================= */

body.path-mod-quiz
#s2e-global-course-navigation
a[href*="/course/view.php"],

body.path-mod-quiz
#s2e-global-course-navigation
.s2e-global-course-btn,

body#page-mod-quiz-view
#s2e-global-course-navigation
a[href*="/course/view.php"],

body.path-mod
#s2e-global-course-navigation
a[href*="/course/view.php"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;

  width: 280px !important;
  min-width: 280px !important;
  max-width: calc(100vw - 32px) !important;
  min-height: 58px !important;

  margin: 0 !important;
  padding: 10px 18px !important;

  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;

  color: #0b55b7 !important;
  -webkit-text-fill-color: #0b55b7 !important;

  border: 2px solid #0b55b7 !important;
  border-radius: 18px !important;

  box-shadow: 0 7px 18px rgba(11, 85, 183, .18) !important;

  font-family: Cairo, Tahoma, Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;

  text-decoration: none !important;
  white-space: nowrap !important;

  opacity: 1 !important;
  visibility: visible !important;
  filter: none !important;
  animation: none !important;
  transition: none !important;
}

/* إزالة اللمعة الزرقاء القديمة */
body.path-mod-quiz
#s2e-global-course-navigation
a[href*="/course/view.php"]::before,

body.path-mod-quiz
#s2e-global-course-navigation
a[href*="/course/view.php"]::after,

body.path-mod
#s2e-global-course-navigation
a[href*="/course/view.php"]::before,

body.path-mod
#s2e-global-course-navigation
a[href*="/course/view.php"]::after {
  content: none !important;
  display: none !important;
  background: none !important;
}

/* النص والسهم */
body.path-mod-quiz
#s2e-global-course-navigation
a[href*="/course/view.php"] *,

body.path-mod
#s2e-global-course-navigation
a[href*="/course/view.php"] * {
  color: #0b55b7 !important;
  -webkit-text-fill-color: #0b55b7 !important;
  opacity: 1 !important;
  filter: none !important;
}

/* Hover أبيض فاتح بدل الأزرق */
body.path-mod-quiz
#s2e-global-course-navigation
a[href*="/course/view.php"]:hover,

body.path-mod-quiz
#s2e-global-course-navigation
a[href*="/course/view.php"]:focus {
  background: #eef6ff !important;
  background-image: none !important;
  color: #09499d !important;
  -webkit-text-fill-color: #09499d !important;
  transform: none !important;
}

@media (max-width: 768px) {
  body.path-mod-quiz
  #s2e-global-course-navigation
  a[href*="/course/view.php"],

  body.path-mod
  #s2e-global-course-navigation
  a[href*="/course/view.php"] {
    width: 250px !important;
    min-width: 0 !important;
    max-width: calc(100vw - 16px) !important;
    min-height: 52px !important;
    padding: 9px 12px !important;
    font-size: 15px !important;
  }
}




/* =========================================================
   S2E FIX: EQUAL NAV BUTTONS + UNIFIED RETURN ARROW
========================================================= */

/* توحيد مقاس جميع أزرار صندوق التنقل */
#s2e-global-course-navigation a,
#s2e-global-course-navigation button,
#s2e-global-course-navigation .s2e-global-course-btn {
    box-sizing: border-box !important;

    width: 344px !important;
    min-width: 344px !important;
    max-width: calc(100vw - 40px) !important;

    height: 72px !important;
    min-height: 72px !important;

    margin: 0 !important;
    padding: 10px 18px !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    border: 2px solid #0b55b7 !important;
    border-radius: 20px !important;

    background: #ffffff !important;
    background-image: none !important;

    color: #0b55b7 !important;
    -webkit-text-fill-color: #0b55b7 !important;

    font-family: Cairo, Tahoma, Arial, sans-serif !important;
    font-size: 21px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
    white-space: nowrap !important;

    box-shadow: 0 7px 18px rgba(11, 85, 183, 0.18) !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
}

/* إخفاء السهم النصي القديم داخل زر العودة للدورة */
#s2e-global-course-navigation
a[href*="/course/view.php"] .arrow,

#s2e-global-course-navigation
a[href*="/course/view.php"] .icon,

#s2e-global-course-navigation
a[href*="/course/view.php"] i {
    display: none !important;
}

/* إضافة سهم رجوع موحّد وجميل لزر العودة للدورة */
#s2e-global-course-navigation
a[href*="/course/view.php"]::after {
    content: "↩" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    position: static !important;
    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    background: none !important;
    border: 0 !important;
    box-shadow: none !important;

    color: #0b55b7 !important;
    -webkit-text-fill-color: #0b55b7 !important;

    font-family: Arial, sans-serif !important;
    font-size: 25px !important;
    font-weight: 900 !important;
    line-height: 1 !important;

    opacity: 1 !important;
    visibility: visible !important;
}

/* تثبيت لون النص والعناصر الداخلية */
#s2e-global-course-navigation a *,
#s2e-global-course-navigation button *,
#s2e-global-course-navigation .s2e-global-course-btn * {
    color: #0b55b7 !important;
    -webkit-text-fill-color: #0b55b7 !important;
    opacity: 1 !important;
    filter: none !important;
}

/* توحيد شكل Hover وFocus */
#s2e-global-course-navigation a:hover,
#s2e-global-course-navigation a:focus,
#s2e-global-course-navigation button:hover,
#s2e-global-course-navigation button:focus,
#s2e-global-course-navigation .s2e-global-course-btn:hover,
#s2e-global-course-navigation .s2e-global-course-btn:focus {
    background: #eef6ff !important;
    background-image: none !important;
    color: #09499d !important;
    -webkit-text-fill-color: #09499d !important;
    outline: none !important;
    transform: none !important;
}

/* لون السهم عند Hover */
#s2e-global-course-navigation
a[href*="/course/view.php"]:hover::after,

#s2e-global-course-navigation
a[href*="/course/view.php"]:focus::after {
    color: #09499d !important;
    -webkit-text-fill-color: #09499d !important;
}

/* مقاس موحّد على الموبايل */
@media (max-width: 768px) {
    #s2e-global-course-navigation a,
    #s2e-global-course-navigation button,
    #s2e-global-course-navigation .s2e-global-course-btn {
        width: 344px !important;
        min-width: 0 !important;
        max-width: calc(100vw - 24px) !important;

        height: 64px !important;
        min-height: 64px !important;

        padding: 9px 14px !important;
        font-size: 18px !important;
        border-radius: 18px !important;
    }

    #s2e-global-course-navigation
    a[href*="/course/view.php"]::after {
        font-size: 23px !important;
    }
}



/* =========================================================
   S2E FIX: MATCH COURSE AND TABLE RETURN BUTTONS
========================================================= */

/* توحيد زر العودة للدورة والعودة للجدول */
#s2e-global-course-navigation > a,
#s2e-global-course-navigation > button,
#s2e-global-course-navigation .s2e-global-course-btn {
    box-sizing: border-box !important;

    width: 344px !important;
    min-width: 344px !important;
    max-width: calc(100vw - 40px) !important;

    height: 72px !important;
    min-height: 72px !important;

    margin: 0 !important;
    padding: 10px 18px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    background: #ffffff !important;
    background-image: none !important;

    color: #0b55b7 !important;
    -webkit-text-fill-color: #0b55b7 !important;

    border: 2px solid #0b55b7 !important;
    border-radius: 20px !important;

    box-shadow: 0 7px 18px rgba(11, 85, 183, 0.18) !important;

    font-family: Cairo, Tahoma, Arial, sans-serif !important;
    font-size: 21px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;

    text-decoration: none !important;
    white-space: nowrap !important;

    opacity: 1 !important;
    filter: none !important;
    animation: none !important;
    transform: none !important;
}

/* تثبيت لون النص والسهم في الزرين */
#s2e-global-course-navigation > a *,
#s2e-global-course-navigation > button *,
#s2e-global-course-navigation .s2e-global-course-btn * {
    color: #0b55b7 !important;
    -webkit-text-fill-color: #0b55b7 !important;
    opacity: 1 !important;
    filter: none !important;
}

/* الموبايل */
@media (max-width: 768px) {
    #s2e-global-course-navigation > a,
    #s2e-global-course-navigation > button,
    #s2e-global-course-navigation .s2e-global-course-btn {
        width: 344px !important;
        min-width: 0 !important;
        max-width: calc(100vw - 24px) !important;

        height: 64px !important;
        min-height: 64px !important;

        padding: 9px 14px !important;
        font-size: 18px !important;
        border-radius: 18px !important;
    }
}


















/* =========================================================
   S2E V7 — CLEAN STUDENT ACCOUNT MENU
   Compact account card: profile + logout only for non-admin users.
   Admins keep Moodle's full user menu from the renderer.
========================================================= */
.header_user_notif li.user_setting.s2e-account-setting .s2e-account-trigger {
    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(255,255,255,.08) !important;
}

.header_user_notif li.user_setting.s2e-account-setting .s2e-account-trigger img {
    width: 46px !important;
    height: 46px !important;
    object-fit: cover !important;
    margin: 0 !important;
}

.header_user_notif li.user_setting.s2e-account-setting .dropdown-menu.s2e-account-dropdown.show {
    width: 310px !important;
    min-width: 310px !important;
    max-width: calc(100vw - 24px) !important;
    margin-top: 14px !important;
    margin-left: 0 !important;
    margin-right: 0 !important; /* cancel Edumy RTL -230px offset */
    padding: 12px !important;
    right: 0 !important;
    left: auto !important;
    border: 1px solid #e1ebf7 !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: 0 18px 46px rgba(4, 42, 105, .16) !important;
    overflow: visible !important;
}

/* Edumy RTL originally shifts user menus ~230px away from their trigger.
   Keep the S2E account card anchored directly below the profile icon. */
.dir-rtl .header_user_notif li.user_setting.s2e-account-setting .dropdown-menu.s2e-account-dropdown.show {
    margin-right: 0 !important;
    margin-left: 0 !important;
    right: 0 !important;
    left: auto !important;
}

.header_user_notif li.user_setting.s2e-account-setting .dropdown-menu.s2e-account-dropdown.show:before {
    width: 16px !important;
    height: 16px !important;
    top: -8px !important;
    right: 20px !important;
    background: #fff !important;
    border-top: 1px solid #e1ebf7 !important;
    border-left: 1px solid #e1ebf7 !important;
    transform: rotate(45deg) !important;
}

.s2e-account-dropdown .s2e-account-header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 8px 8px 14px !important;
    margin: 0 0 8px !important;
    border-bottom: 1px solid #edf2f8 !important;
}

.s2e-account-dropdown .s2e-account-avatar {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    object-fit: cover !important;
    margin: 0 !important;
    float: none !important;
}

.s2e-account-dropdown .s2e-account-meta {
    min-width: 0 !important;
    flex: 1 1 auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    text-align: right !important;
}

.s2e-account-dropdown .s2e-account-meta strong {
    color: #083f91 !important;
    font-family: Cairo, Tahoma, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.s2e-account-dropdown .s2e-account-email {
    color: #718096 !important;
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    text-align: right !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.header_user_notif li.user_setting .dropdown-menu.s2e-account-dropdown .s2e-account-actions {
    padding: 0 !important;
}

.header_user_notif li.user_setting .dropdown-menu.s2e-account-dropdown .s2e-account-actions a.s2e-account-link {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 50px !important;
    margin: 3px 0 !important;
    padding: 0 12px !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    border: 0 !important;
    border-radius: 12px !important;
    color: #0b3d91 !important;
    background: transparent !important;
    font-family: Cairo, Tahoma, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.4 !important;
    text-align: right !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    transition: background-color .16s ease, color .16s ease !important;
}

.header_user_notif li.user_setting .dropdown-menu.s2e-account-dropdown .s2e-account-actions a.s2e-account-link:hover,
.header_user_notif li.user_setting .dropdown-menu.s2e-account-dropdown .s2e-account-actions a.s2e-account-link:focus {
    padding: 0 12px !important;
    color: #075bbd !important;
    background: #f1f7ff !important;
}

.s2e-account-actions .s2e-account-link i,
.s2e-account-actions .s2e-account-link .icon {
    width: 24px !important;
    min-width: 24px !important;
    margin: 0 !important;
    color: currentColor !important;
    font-size: 19px !important;
    text-align: center !important;
}

.header_user_notif li.user_setting .dropdown-menu.s2e-account-dropdown .s2e-account-actions a.s2e-account-logout {
    color: #b42318 !important;
}

.header_user_notif li.user_setting .dropdown-menu.s2e-account-dropdown .s2e-account-actions a.s2e-account-logout:hover,
.header_user_notif li.user_setting .dropdown-menu.s2e-account-dropdown .s2e-account-actions a.s2e-account-logout:focus {
    color: #9f1d14 !important;
    background: #fff3f1 !important;
}

/* If a non-admin opens one of Edumy's dashboard utility pages directly,
   remove the obsolete side rail and let the useful page content use the width. */
@supports selector(body:has(*)) {
    body:has(.dashboard_sidebar .s2e-account-link) .dashboard_sidebar {
        display: none !important;
    }
    body:has(.dashboard_sidebar .s2e-account-link) .dashboard_main_content {
        padding-left: 20px !important;
    }
}

/* Mobile drawer: same compact account choices, without the old utility list. */
.mobile-menu .s2e-mobile-account-trigger {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
}

.mobile-menu .s2e-mobile-account-trigger img {
    width: 38px !important;
    height: 38px !important;
    object-fit: cover !important;
}

.mobile-menu .s2e-mobile-account-menu a.s2e-account-link {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    min-height: 46px !important;
    padding: 8px 14px !important;
    font-family: Cairo, Tahoma, Arial, sans-serif !important;
    font-weight: 800 !important;
}

/* =========================================================
   S2E V8 — CLEAN MOBILE DRAWER
   Removes the old Moodle navigation experience from the hamburger menu.
   The template now supplies only Home, My Courses and the compact account menu.
========================================================= */
@media (max-width: 1199.98px) {
  nav#menu.mm-menu,
  nav#menu[class*="mm-menu"] {
    background: #ffffff !important;
    color: #0b3d91 !important;
    border: 0 !important;
    box-shadow: 16px 0 45px rgba(5, 40, 95, .18) !important;
  }

  nav#menu .mm-navbar {
    min-height: 64px !important;
    background: #0b3d91 !important;
    border-bottom: 0 !important;
    color: #ffffff !important;
  }

  nav#menu .mm-navbar .mm-navbar__title,
  nav#menu .mm-navbar .mm-navbar__title span,
  nav#menu .mm-navbar a {
    color: #ffffff !important;
    font-family: Cairo, Tahoma, Arial, sans-serif !important;
    font-weight: 900 !important;
  }

  nav#menu .mm-btn:before,
  nav#menu .mm-btn:after {
    border-color: #ffffff !important;
  }

  nav#menu .mm-panel {
    background: #ffffff !important;
    color: #0b3d91 !important;
  }

  nav#menu .mm-listview,
  nav#menu .mm-listitem {
    background: #ffffff !important;
    border-color: #e6eef8 !important;
  }

  nav#menu .mm-listitem:after {
    border-color: #e6eef8 !important;
    left: 16px !important;
    right: 16px !important;
  }

  nav#menu .mm-listitem > a,
  nav#menu .mm-listitem__text {
    min-height: 58px !important;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    color: #0b3d91 !important;
    font-family: Cairo, Tahoma, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
  }

  nav#menu .mm-listitem > a:hover,
  nav#menu .mm-listitem > a:focus,
  nav#menu .mm-listitem_selected > .mm-listitem__text {
    background: #f1f7ff !important;
    color: #075bbd !important;
  }

  nav#menu .mm-btn_next:after {
    border-color: #0b3d91 !important;
  }

  nav#menu .s2e-mobile-main-link > a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    direction: rtl !important;
    text-align: right !important;
  }

  nav#menu .s2e-mobile-main-link > a i,
  nav#menu .s2e-mobile-main-link > a > span:first-child:not(:last-child) {
    width: 24px !important;
    min-width: 24px !important;
    color: #1597e5 !important;
    font-size: 19px !important;
    text-align: center !important;
  }

  nav#menu .s2e-mobile-account-trigger {
    min-height: 70px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    direction: rtl !important;
  }

  nav#menu .s2e-mobile-account-name {
    color: #0b3d91 !important;
    font-weight: 900 !important;
  }

  nav#menu .s2e-mobile-account-person {
    max-width: 62% !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #6a7890 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
  }

  nav#menu .s2e-mobile-account-person > span {
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
  }

  nav#menu .s2e-mobile-account-person img {
    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    object-fit: cover !important;
    margin: 0 !important;
  }

  /* output.user_menu is already filtered server-side for students to Profile + Logout. */
  nav#menu .s2e-mobile-account-menu .s2e-account-link {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 52px !important;
    color: #0b3d91 !important;
    direction: rtl !important;
    font-family: Cairo, Tahoma, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    text-align: right !important;
  }

  nav#menu .s2e-mobile-account-menu .s2e-account-logout {
    color: #b42318 !important;
  }

  /* Safety net: V8 should never show the old flat Moodle navigation item. */
  nav#menu .s2e-old-mobile-navigation,
  nav#menu .ccn-mobile-flat-navigation {
    display: none !important;
  }
}


/* =========================================================
   S2E V9 — ONE-LEVEL ACCOUNT MENU (DESKTOP + MOBILE)
   Desktop: hard-anchor the dropdown below the profile trigger and ignore
   Popper's translate3d offsets inherited from Edumy.
   Mobile: no nested "Account" panel; show the same three account actions
   directly in the hamburger drawer.
========================================================= */

/* The dropdown parent is the positioning context. */
.header_user_notif li.user_setting.s2e-account-setting > .dropdown {
    position: relative !important;
}

/* Bootstrap/Popper adds inline top/left/transform values. Override all of
   them for this one menu so its right edge stays under the profile icon. */
.header_user_notif li.user_setting.s2e-account-setting .dropdown-menu.s2e-account-dropdown.show,
.dir-rtl .header_user_notif li.user_setting.s2e-account-setting .dropdown-menu.s2e-account-dropdown.show {
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    bottom: auto !important;
    left: auto !important;
    transform: none !important;
    -webkit-transform: none !important;
    margin: 12px 0 0 0 !important;
    will-change: auto !important;
}

.header_user_notif li.user_setting.s2e-account-setting .dropdown-menu.s2e-account-dropdown.show:before,
.dir-rtl .header_user_notif li.user_setting.s2e-account-setting .dropdown-menu.s2e-account-dropdown.show:before {
    right: 18px !important;
    left: auto !important;
}

/* My Courses is now a first-class account action, identical to Profile/Logout. */
.s2e-account-actions .s2e-account-courses,
.s2e-mobile-direct-account-links .s2e-account-courses {
    color: #0b3d91 !important;
}

@media (max-width: 1199.98px) {
  /* Remove every trace of the V8 nested account trigger/subpanel. */
  nav#menu .s2e-mobile-account-item,
  nav#menu .s2e-mobile-account-trigger,
  nav#menu .s2e-mobile-account-menu {
    display: none !important;
  }

  nav#menu .s2e-mobile-account-summary {
    background: #f7faff !important;
    border-top: 1px solid #e6eef8 !important;
    border-bottom: 1px solid #e6eef8 !important;
  }

  nav#menu .s2e-mobile-account-summary:after,
  nav#menu .s2e-mobile-direct-account-links:after {
    display: none !important;
  }

  nav#menu .s2e-mobile-account-summary-card {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 76px !important;
    padding: 12px 18px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    color: #0b3d91 !important;
    text-align: right !important;
  }

  nav#menu .s2e-mobile-account-summary-card img {
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    margin: 0 !important;
    object-fit: cover !important;
  }

  nav#menu .s2e-mobile-account-summary-meta {
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 2px !important;
  }

  nav#menu .s2e-mobile-account-summary-meta strong {
    color: #0b3d91 !important;
    font-family: Cairo, Tahoma, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  nav#menu .s2e-mobile-account-summary-meta span {
    color: #718096 !important;
    font-family: Verdana, Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  /* One container, three visible rows. No arrow, no secondary panel. */
  nav#menu .s2e-mobile-direct-account-links {
    padding: 0 !important;
    background: #ffffff !important;
  }

  nav#menu .s2e-mobile-direct-account-links-inner {
    width: 100% !important;
    display: block !important;
  }

  nav#menu .s2e-mobile-direct-account-links-inner > a.s2e-account-link {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 14px 20px !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    border: 0 !important;
    border-bottom: 1px solid #e6eef8 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    color: #0b3d91 !important;
    direction: rtl !important;
    font-family: Cairo, Tahoma, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.5 !important;
    text-align: right !important;
    white-space: normal !important;
  }

  nav#menu .s2e-mobile-direct-account-links-inner > a.s2e-account-link:hover,
  nav#menu .s2e-mobile-direct-account-links-inner > a.s2e-account-link:focus {
    background: #f1f7ff !important;
    color: #075bbd !important;
  }

  nav#menu .s2e-mobile-direct-account-links-inner > a.s2e-account-link i,
  nav#menu .s2e-mobile-direct-account-links-inner > a.s2e-account-link .icon {
    width: 24px !important;
    min-width: 24px !important;
    margin: 0 !important;
    color: currentColor !important;
    font-size: 19px !important;
    text-align: center !important;
  }

  nav#menu .s2e-mobile-direct-account-links-inner > a.s2e-account-logout {
    color: #b42318 !important;
  }
}


/* =========================================================
   S2E V10 — MOBILE MMENU DIRECT ROWS
   V9 used output.user_menu inside a DIV. Mmenu discards that structure.
   V10 emits proper LI > A rows from the renderer, so every item is visible.
========================================================= */
@media (max-width: 1199.98px) {
  nav#menu .s2e-mobile-account-summary,
  nav#menu .s2e-mobile-direct-account-links,
  nav#menu .s2e-mobile-account-item,
  nav#menu .s2e-mobile-account-menu {
    display: none !important;
  }

  nav#menu li.s2e-mobile-direct-item {
    display: block !important;
    background: #ffffff !important;
    border: 0 !important;
  }

  nav#menu li.s2e-mobile-direct-item:after {
    content: "" !important;
    position: absolute !important;
    right: 18px !important;
    left: 18px !important;
    bottom: 0 !important;
    border-bottom: 1px solid #e6eef8 !important;
  }

  nav#menu li.s2e-mobile-direct-item > a {
    box-sizing: border-box !important;
    width: 100% !important;
    min-height: 60px !important;
    padding: 15px 22px !important;
    display: flex !important;
    align-items: center !important;
    gap: 13px !important;
    direction: rtl !important;
    text-align: right !important;
    background: #ffffff !important;
    color: #0b3d91 !important;
    font-family: Cairo, Tahoma, Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
  }

  nav#menu li.s2e-mobile-direct-item > a:hover,
  nav#menu li.s2e-mobile-direct-item > a:focus {
    background: #f1f7ff !important;
    color: #075bbd !important;
  }

  nav#menu li.s2e-mobile-direct-item > a i {
    width: 25px !important;
    min-width: 25px !important;
    margin: 0 !important;
    color: #1597e5 !important;
    font-size: 19px !important;
    text-align: center !important;
  }

  nav#menu li.s2e-mobile-direct-item.s2e-mobile-logout > a,
  nav#menu li.s2e-mobile-direct-item.s2e-mobile-logout > a i {
    color: #b42318 !important;
  }
}


/* =========================================================
   S2E V11 — CONTACT US PAGE
========================================================= */
body.s2e-contact-page #region-main {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.s2e-contact-page .s2e-contact-shell {
  box-sizing: border-box;
  width: min(1160px, calc(100% - 40px));
  margin: 46px auto 70px;
  font-family: Cairo, Tahoma, Arial, sans-serif;
}

.s2e-contact-hero {
  position: relative;
  overflow: hidden;
  padding: 34px 38px;
  border: 1px solid #d9e8fb;
  border-radius: 24px;
  background: linear-gradient(135deg, #082f6f 0%, #0b5bc2 58%, #29b7e8 100%);
  color: #fff;
  box-shadow: 0 18px 45px rgba(11, 61, 145, .16);
}

.s2e-contact-hero:after {
  content: "";
  position: absolute;
  width: 220px;
  height: 220px;
  left: -70px;
  top: -110px;
  border-radius: 50%;
  background: rgba(255,255,255,.09);
}

.s2e-contact-kicker {
  display: inline-block;
  margin-bottom: 7px;
  color: #dcecff;
  font: 800 12px Verdana, Arial, sans-serif;
  letter-spacing: .12em;
}

.s2e-contact-hero h1 {
  margin: 0 0 7px !important;
  color: #fff !important;
  font-size: clamp(27px, 3vw, 42px) !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
}

.s2e-contact-hero p {
  margin: 0 !important;
  color: rgba(255,255,255,.92) !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.s2e-contact-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-top: 24px;
}

.s2e-contact-card {
  box-sizing: border-box;
  min-height: 126px;
  padding: 22px;
  display: flex;
  align-items: center;
  gap: 15px;
  border: 1px solid #dfebf8;
  border-radius: 20px;
  background: #fff;
  color: #0b3d91 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 34px rgba(20, 68, 130, .08);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.s2e-contact-card:hover,
.s2e-contact-card:focus {
  transform: translateY(-3px);
  border-color: #9ec9f4;
  box-shadow: 0 17px 42px rgba(20, 68, 130, .14);
  color: #075bbd !important;
}

.s2e-contact-card-icon {
  width: 54px;
  height: 54px;
  min-width: 54px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  background: #edf6ff;
  color: #0b67c9;
  font-size: 24px;
}

.s2e-contact-whatsapp .s2e-contact-card-icon { background: #eafaf0; color: #159447; }
.s2e-contact-telegram .s2e-contact-card-icon { background: #eaf7ff; color: #178bcc; }
.s2e-contact-linktree .s2e-contact-card-icon { background: #effcf7; color: #147d61; }
.s2e-contact-email .s2e-contact-card-icon { background: #eef3ff; color: #244fba; }
.s2e-contact-phone .s2e-contact-card-icon { background: #fff5e9; color: #c76a00; }
.s2e-contact-address .s2e-contact-card-icon { background: #fff0f0; color: #bd3636; }

.s2e-contact-card-copy {
  min-width: 0;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.s2e-contact-card-copy strong {
  color: #0b3d91;
  font-size: 18px;
  font-weight: 900;
}

.s2e-contact-card-copy small {
  overflow: hidden;
  color: #72819a;
  font: 600 12px Verdana, Arial, sans-serif;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.s2e-contact-card-arrow {
  color: #9eb2ca;
  font: 700 28px/1 Arial, sans-serif;
}

.s2e-contact-note {
  margin-top: 22px;
  padding: 14px 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border-radius: 14px;
  background: #f6f9fd;
  color: #65758b;
  font-size: 13px;
  font-weight: 700;
}

@media (max-width: 900px) {
  .s2e-contact-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 600px) {
  body.s2e-contact-page .s2e-contact-shell {
    width: calc(100% - 24px);
    margin: 20px auto 40px;
  }
  .s2e-contact-hero { padding: 26px 22px; border-radius: 20px; }
  .s2e-contact-grid { grid-template-columns: 1fr; gap: 12px; margin-top: 16px; }
  .s2e-contact-card { min-height: 94px; padding: 16px; border-radius: 17px; }
}


/* =========================================================
   S2E V12 — Arabic primary / English helper text
========================================================= */
.s2e-bi-label{display:inline-flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.15;vertical-align:middle}
.s2e-bi-label b{font:inherit;font-weight:900;color:inherit}
.s2e-bi-label small,.s2e-ui-en{display:block;font-family:Verdana,Arial,sans-serif;font-size:10px;line-height:1.15;font-weight:600;letter-spacing:.01em;color:#7b8da8;direction:ltr;text-align:left;margin-top:2px}
.s2e-bi-inline{display:inline-flex!important;flex-direction:column;align-items:center;line-height:1.05}
.s2e-bi-inline b{font:inherit;font-weight:900}
.s2e-bi-inline small{font-size:9px;color:rgba(255,255,255,.78);font-weight:600;margin-top:2px;direction:ltr}
.s2e-ui-bilingual-link{display:inline-flex!important;flex-direction:column;justify-content:center;align-items:flex-start;line-height:1.1}
.header_user_notif .s2e-account-dropdown .s2e-bi-label small{color:#8192aa}
.header_user_notif .s2e-account-dropdown .s2e-account-logout .s2e-bi-label small{color:#c57f76}
nav#menu li.s2e-mobile-direct-item>a .s2e-bi-label{align-items:flex-end}
nav#menu li.s2e-mobile-direct-item>a .s2e-bi-label small{font-size:10px;color:#7b8da8}
nav#menu a.s2e-ui-bilingual-link .s2e-ui-en{font-size:10px;color:#7b8da8}
.s2e-form-en{display:inline!important;margin-inline-start:6px!important;font-size:11px!important;color:#8594a8!important}
.s2e-title-en{display:block!important;font-size:13px!important;margin-top:3px!important;color:#7d8da5!important}
.s2e-contact-hero h1 small{display:block;margin-top:5px;font:700 13px/1.2 Verdana,Arial,sans-serif;color:rgba(255,255,255,.82);direction:ltr}
.s2e-contact-hero p small{display:block;margin-top:6px;font:600 11px/1.5 Verdana,Arial,sans-serif;color:rgba(255,255,255,.78);direction:ltr}
@media(max-width:767.98px){
  .s2e-bi-label small,.s2e-ui-en{font-size:9px}
  nav#menu li.s2e-mobile-direct-item>a{min-height:70px}
}