/* ===== migrated from Additional HTML lines 78-213 ===== */
/* =========================================================
   STEP2ENGLISH - PREVIOUS ATTEMPTS HIGHLIGHT
   LATEST TAG + BEST GRADE HIGHLIGHT + REVIEW BUTTON
========================================================= */

/* الجدول */
body#page-mod-quiz-view table.s2e-attempts-table{
  border-radius:18px !important;
  overflow:hidden !important;
}

/* أفضل درجة فقط = الصف كله يتلون */
body#page-mod-quiz-view table.s2e-attempts-table tbody tr.s2e-best-grade{
  background:linear-gradient(180deg, #f4fff1 0%, #e7f9df 100%) !important;
  outline:3px solid #2eaf4a !important;
  outline-offset:-3px !important;
}

body#page-mod-quiz-view table.s2e-attempts-table tbody tr.s2e-best-grade > *:first-child{
  box-shadow:inset 7px 0 0 #2eaf4a !important;
}

/* خلية الدرجة الأفضل */
body#page-mod-quiz-view table.s2e-attempts-table td.s2e-best-grade-cell,
body#page-mod-quiz-view table.s2e-attempts-table th.s2e-best-grade-cell{
  color:#198754 !important;
  font-weight:900 !important;
  background:rgba(46,175,74,.10) !important;
  border-radius:10px !important;
}

/* خلية المحاولة */
body#page-mod-quiz-view table.s2e-attempts-table td.s2e-attempt-main-cell,
body#page-mod-quiz-view table.s2e-attempts-table th.s2e-attempt-main-cell{
  font-weight:900 !important;
}

/* الشارات */
body#page-mod-quiz-view .s2e-attempt-badges{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
  margin-top:6px !important;
}

body#page-mod-quiz-view .s2e-attempt-tag{
  display:inline-flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  padding:7px 12px !important;
  border-radius:14px !important;
  text-align:center !important;
  border:2px solid transparent !important;
  min-width:140px !important;
}

body#page-mod-quiz-view .s2e-attempt-tag .s2e-ar{
  display:block !important;
  font-family:Tahoma, Arial, sans-serif !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}

body#page-mod-quiz-view .s2e-attempt-tag .s2e-en{
  display:block !important;
  margin-top:3px !important;
  font-family:Verdana, Arial, sans-serif !important;
  font-size:10px !important;
  font-weight:700 !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}

body#page-mod-quiz-view .s2e-attempt-tag.latest{
  background:#e6f4ff !important;
  color:#0f63b3 !important;
  border-color:#9fd2ff !important;
}

body#page-mod-quiz-view .s2e-attempt-tag.best{
  background:#e7f9df !important;
  color:#198754 !important;
  border-color:#bfe7c8 !important;
}

/* زر Review */
body#page-mod-quiz-view table.s2e-attempts-table a.s2e-review-link,
body#page-mod-quiz-view table.s2e-attempts-table .s2e-review-link a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:38px !important;
  padding:8px 14px !important;
  border-radius:14px !important;
  text-decoration:none !important;
  font-family:Tahoma, Arial, sans-serif !important;
  font-size:14px !important;
  font-weight:900 !important;
  background:linear-gradient(180deg, #eef6ff 0%, #dcecff 100%) !important;
  color:#0f63b3 !important;
  border:2px solid #b8d8ff !important;
  box-shadow:0 6px 14px rgba(15,99,179,.10) !important;
}

/* Review في أفضل درجة */
body#page-mod-quiz-view table.s2e-attempts-table tbody tr.s2e-best-grade a.s2e-review-link{
  background:linear-gradient(180deg, #198754 0%, #2eaf4a 100%) !important;
  color:#fff !important;
  border-color:#198754 !important;
}

@media (max-width:768px){
  body#page-mod-quiz-view .s2e-attempt-tag{
    min-width:124px !important;
    padding:6px 10px !important;
  }

  body#page-mod-quiz-view .s2e-attempt-tag .s2e-ar{
    font-size:11px !important;
  }

  body#page-mod-quiz-view .s2e-attempt-tag .s2e-en{
    font-size:9px !important;
  }

  body#page-mod-quiz-view table.s2e-attempts-table a.s2e-review-link{
    min-height:34px !important;
    padding:6px 10px !important;
    font-size:12px !important;
  }
}

/* ===== migrated from Additional HTML lines 435-587 ===== */
/* =========================================================
   STEP2ENGLISH - CONTINUE LATER
   ATTEMPT -> CLICK FINISH BUTTON -> SUMMARY -> AUTO CLICK CONTINUE LATER
   FIXED: no side effects on review page buttons
========================================================= */

/* =========================
   ATTEMPT PAGE ONLY
========================= */
body#page-mod-quiz-attempt #mod_quiz_navblock .othernav{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
  align-items:stretch !important;
  width:100% !important;
  margin-top:12px !important;
}

body#page-mod-quiz-attempt #mod_quiz_navblock .othernav > a{
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  box-sizing:border-box !important;
}

body#page-mod-quiz-attempt #mod_quiz_navblock a.s2e-attempt-continue-later{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-sizing:border-box !important;
  white-space:nowrap !important;
  text-decoration:none !important;
  text-align:center !important;
  padding:8px 18px !important;
  border-radius:18px !important;
  border:2px solid #c9d6e4 !important;
  background:linear-gradient(180deg, #eef3f8 0%, #dde7f1 100%) !important;
  color:#4f6480 !important;
  -webkit-text-fill-color:#4f6480 !important;
  box-shadow:
    0 8px 16px rgba(0,25,55,.08),
    inset 0 1px 0 rgba(255,255,255,.72) !important;
  font-family:Tahoma, Arial, sans-serif !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

body#page-mod-quiz-attempt #mod_quiz_navblock a.s2e-attempt-continue-later .s2e-inline{
  display:inline-block !important;
  white-space:nowrap !important;
  font-family:Tahoma, Arial, sans-serif !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

/* موبايل + موبايل أفقي - فقط صفحة attempt */
@media (max-width: 1024px), (hover:none) and (pointer:coarse){
  body#page-mod-quiz-attempt #mod_quiz_navblock .othernav{
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  body#page-mod-quiz-attempt #mod_quiz_navblock .othernav > a{
    width:100% !important;
    min-width:0 !important;
  }
}

/* =========================
   SUMMARY PAGE - HIDE FAST
========================= */
html.s2e-auto-continue-hide,
html.s2e-auto-continue-hide body{
  background:#fff !important;
}

html.s2e-auto-continue-hide body#page-mod-quiz-summary{
  overflow:hidden !important;
}

html.s2e-auto-continue-hide body#page-mod-quiz-summary #page,
html.s2e-auto-continue-hide body#page-mod-quiz-summary #page-content,
html.s2e-auto-continue-hide body#page-mod-quiz-summary #region-main,
html.s2e-auto-continue-hide body#page-mod-quiz-summary .activity-header,
html.s2e-auto-continue-hide body#page-mod-quiz-summary header,
html.s2e-auto-continue-hide body#page-mod-quiz-summary footer{
  opacity:0 !important;
  pointer-events:none !important;
}

html.s2e-auto-continue-hide body#page-mod-quiz-summary::before{
  content:"" !important;
  position:fixed !important;
  inset:0 !important;
  background:#fff !important;
  z-index:2147483647 !important;
}

/* =========================
   SAVE MESSAGE OVERLAY
========================= */
#s2e-save-overlay{
  position:fixed !important;
  inset:0 !important;
  background:rgba(255,255,255,.96) !important;
  z-index:2147483648 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:20px !important;
}

#s2e-save-overlay .s2e-save-box{
  width:min(760px, calc(100% - 24px)) !important;
  background:#fff !important;
  border:2px solid #d7e9fb !important;
  border-radius:28px !important;
  padding:28px 20px !important;
  box-shadow:0 18px 40px rgba(13,31,92,.14) !important;
  text-align:center !important;
}

#s2e-save-overlay .s2e-save-ar{
  font-family:Tahoma, Arial, sans-serif !important;
  font-size:32px !important;
  font-weight:900 !important;
  color:#123b82 !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}

#s2e-save-overlay .s2e-save-en{
  margin-top:10px !important;
  font-family:Verdana, Arial, sans-serif !important;
  font-size:18px !important;
  font-weight:700 !important;
  color:#6b86a4 !important;
  line-height:1.2 !important;
  white-space:nowrap !important;
}

@media (max-width:768px){
  #s2e-save-overlay .s2e-save-ar{
    font-size:25px !important;
  }
  #s2e-save-overlay .s2e-save-en{
    font-size:14px !important;
  }
}

/* ===== migrated from Additional HTML lines 796-956 ===== */
/* =========================================================
   QUIZ VIEW NAV - LAPTOP SIDE BY SIDE / MOBILE STACKED
========================================================= */

/* البلوك نفسه */
body#page-mod-quiz-view .mt-5.mb-5.activity-navigation{
  margin-top:12px !important;
  margin-bottom:16px !important;
}

/* =========================
   LAPTOP / DESKTOP
========================= */
body#page-mod-quiz-view .mt-5.mb-5.activity-navigation > .row{
  display:grid !important;
  grid-template-columns: 1fr 126px 1fr !important;
  align-items:stretch !important;
  gap:8px !important;
  width:100% !important;
  margin:0 !important;
}

body#page-mod-quiz-view .mt-5.mb-5.activity-navigation > .row > div{
  min-width:0 !important;
  max-width:none !important;
  flex:unset !important;
}

/* السابق يسار */
body#page-mod-quiz-view .mt-5.mb-5.activity-navigation > .row > div:first-child{
  justify-self:start !important;
  width:96px !important;
  min-width:96px !important;
  max-width:96px !important;
}

/* الانتقال في الوسط */
body#page-mod-quiz-view .mt-5.mb-5.activity-navigation > .row > div:nth-child(2){
  justify-self:center !important;
  width:126px !important;
  min-width:126px !important;
  max-width:126px !important;
  margin:0 auto !important;
}

/* التالي يمين */
body#page-mod-quiz-view .mt-5.mb-5.activity-navigation > .row > div:last-child{
  justify-self:end !important;
  width:96px !important;
  min-width:96px !important;
  max-width:96px !important;
}

/* السابق / التالي */
body#page-mod-quiz-view .prev-activity-link,
body#page-mod-quiz-view .next-activity-link{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:52px !important;
  min-height:52px !important;
  padding:0 10px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
  white-space:nowrap !important;
  text-overflow:ellipsis !important;
  font-family:Tahoma, Arial, sans-serif !important;
  font-size:14px !important;
  font-weight:900 !important;
}

/* التالي فقط */
body#page-mod-quiz-view .next-activity-link{
  font-size:clamp(9px, 1.2vw, 14px) !important;
}

/* انتقال */
body#page-mod-quiz-view .urlselect,
body#page-mod-quiz-view form.form-inline{
  width:100% !important;
  margin:0 !important;
}

body#page-mod-quiz-view label[for*="jump"]{
  display:none !important;
}

body#page-mod-quiz-view select[name="jump"],
body#page-mod-quiz-view select[id*="jump"],
body#page-mod-quiz-view .custom-select{
  width:126px !important;
  min-width:126px !important;
  max-width:126px !important;
  height:52px !important;
  min-height:52px !important;
  padding:0 8px !important;
  box-sizing:border-box !important;
  font-family:Tahoma, Arial, sans-serif !important;
  font-size:13px !important;
  font-weight:900 !important;
  text-align:center !important;
  margin:0 auto !important;
}

/* =========================
   MOBILE
========================= */
@media (max-width:768px){
  body#page-mod-quiz-view .mt-5.mb-5.activity-navigation > .row{
    display:flex !important;
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
  }

  body#page-mod-quiz-view .mt-5.mb-5.activity-navigation > .row > div:first-child,
  body#page-mod-quiz-view .mt-5.mb-5.activity-navigation > .row > div:nth-child(2),
  body#page-mod-quiz-view .mt-5.mb-5.activity-navigation > .row > div:last-child{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    justify-self:auto !important;
    margin:0 !important;
  }

  body#page-mod-quiz-view .prev-activity-link,
  body#page-mod-quiz-view .next-activity-link{
    width:100% !important;
    height:48px !important;
    min-height:48px !important;
    font-size:12px !important;
  }

  body#page-mod-quiz-view .next-activity-link{
    font-size:clamp(8px, 2.2vw, 12px) !important;
  }

  body#page-mod-quiz-view .urlselect,
  body#page-mod-quiz-view form.form-inline,
  body#page-mod-quiz-view select[name="jump"],
  body#page-mod-quiz-view select[id*="jump"],
  body#page-mod-quiz-view .custom-select{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:48px !important;
    min-height:48px !important;
    font-size:12px !important;
    margin:0 !important;
  }
}

/* مسافة بسيطة تحت البلوك بعد نقله فوق */
body#page-mod-quiz-view .quizstartbuttondiv,
body#page-mod-quiz-view .singlebutton.quizstartbuttondiv,
body#page-mod-quiz-view .singlebutton{
  margin-top:10px !important;
}

/* ===== migrated from Additional HTML lines 976-990 ===== */
/* فراغ وهمي أسفل جدول summary حتى لا يغطيه الكارت الثابت */
body#page-mod-quiz-summary .s2e-summary-app-spacer{
  width:100% !important;
  height:220px !important;
  pointer-events:none !important;
  background:transparent !important;
}

@media (max-width:768px){
  body#page-mod-quiz-summary .s2e-summary-app-spacer{
    height:260px !important;
  }
}

/* ===== migrated from Additional HTML lines 1589-2221 ===== */
/* =========================================================
   STEP2ENGLISH - QUIZ SUMMARY FINAL COMPLETE
========================================================= */

body#page-mod-quiz-summary {
  --s2e-blue-1: #0d1f5c;
  --s2e-blue-2: #002e94;
  --s2e-blue-3: #1e90ff;
  --s2e-light-1: #eef7ff;
  --s2e-light-2: #d7ebff;
  --s2e-save-bg: #eef3f8;
  --s2e-save-border: #c9d6e4;
  --s2e-save-text: #4f6480;
  --s2e-red-soft: #fff3f5;
  --s2e-red-border: #f0b8c2;
  --s2e-shadow: 0 14px 34px rgba(13, 31, 92, .10);
}

/* =========================
   HIDE SUMMARY PAGE FROM FIRST MOMENT
   Then show only if needed
========================= */
/* FAIL-SAFE: the Summary page is visible by default.
   We only hide it during an explicit final-submit transition.
   This prevents a JavaScript error or slow file from leaving a white page. */
body#page-mod-quiz-summary #page,
body#page-mod-quiz-summary #page-content,
body#page-mod-quiz-summary #region-main,
body#page-mod-quiz-summary .activity-header,
body#page-mod-quiz-summary header,
body#page-mod-quiz-summary footer {
  opacity: 1 !important;
  pointer-events: auto !important;
}

html.s2e-fast-direct-hide body#page-mod-quiz-summary #page,
html.s2e-fast-direct-hide body#page-mod-quiz-summary #page-content,
html.s2e-fast-direct-hide body#page-mod-quiz-summary #region-main,
html.s2e-fast-direct-hide body#page-mod-quiz-summary .activity-header,
html.s2e-fast-direct-hide body#page-mod-quiz-summary header,
html.s2e-fast-direct-hide body#page-mod-quiz-summary footer {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* =========================
   PULSE
========================= */
@keyframes s2ePulseBlue {
  0%,100% {
    transform: scale(1);
    box-shadow:
      0 14px 26px rgba(13,31,92,.16),
      inset 0 1px 0 rgba(255,255,255,.18);
  }
  50% {
    transform: scale(1.03);
    box-shadow:
      0 18px 34px rgba(30,144,255,.32),
      0 0 0 8px rgba(30,144,255,.10),
      inset 0 1px 0 rgba(255,255,255,.18);
  }
}

.s2e-pulse-primary {
  animation: s2ePulseBlue 1.8s ease-in-out infinite !important;
}

/* =========================
   CLEANUP ONLY FOR SUMMARY PAGE
========================= */
body#page-mod-quiz-summary #mod_quiz_navblock,
body#page-mod-quiz-summary aside[id="mod_quiz_navblock"],
body#page-mod-quiz-summary .block.block_fake.blog_tag_widget[role="navigation"],
body#page-mod-quiz-summary .block_fake.blog_tag_widget[role="navigation"],
body#page-mod-quiz-summary [aria-label="Navigation"],
body#page-mod-quiz-summary .qn_buttons.block {
  display: none !important;
}

body#page-mod-quiz-summary #region-main aside.block:has(#mod_quiz_navblock),
body#page-mod-quiz-summary #region-main .block-region .block:has(#mod_quiz_navblock) {
  display: none !important;
}

body#page-mod-quiz-summary h2.ccnMdlHeading:first-of-type,
body#page-mod-quiz-summary .page-header-headings,
body#page-mod-quiz-summary .activity-header h1,
body#page-mod-quiz-summary .activity-header h2,
body#page-mod-quiz-summary .activity-header .h1,
body#page-mod-quiz-summary .activity-header .h2 {
  display: none !important;
}

/* =========================
   FAST DIRECT SUBMIT HIDE
========================= */
html.s2e-fast-direct-hide,
body#page-mod-quiz-summary.s2e-fast-direct-hide {
  background: #fff !important;
}
html.s2e-fast-direct-hide body#page-mod-quiz-summary #page,
html.s2e-fast-direct-hide body#page-mod-quiz-summary #page-content,
html.s2e-fast-direct-hide body#page-mod-quiz-summary #region-main,
html.s2e-fast-direct-hide body#page-mod-quiz-summary .activity-header,
html.s2e-fast-direct-hide body#page-mod-quiz-summary header,
html.s2e-fast-direct-hide body#page-mod-quiz-summary footer {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* =========================
   MAIN HEADING
========================= */
body#page-mod-quiz-summary .s2e-summary-main-heading {
  margin: 8px 0 8px !important;
  padding: 0 !important;
  text-align: center !important;
  line-height: 1.2 !important;
}
body#page-mod-quiz-summary .s2e-summary-main-heading .s2e-ar {
  display: block !important;
  font-family: Tahoma, Arial, sans-serif !important;
  font-size: 34px !important;
  font-weight: 900 !important;
  color: #0f4e8c !important;
  line-height: 1.15 !important;
}
body#page-mod-quiz-summary .s2e-summary-main-heading .s2e-en {
  display: block !important;
  margin-top: 6px !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #6a86a6 !important;
  line-height: 1.25 !important;
}

body#page-mod-quiz-summary .s2e-summary-note {
  display: none !important;
}

/* =========================
   TABLE
========================= */
body#page-mod-quiz-summary .quizsummaryofattempt,
body#page-mod-quiz-summary .quizsummaryofattempt table,
body#page-mod-quiz-summary .table.quizsummaryofattempt,
body#page-mod-quiz-summary table.generaltable.quizsummaryofattempt {
  border-radius: 22px !important;
  overflow: hidden !important;
}

body#page-mod-quiz-summary .quizsummaryofattempt thead th,
body#page-mod-quiz-summary .quizsummaryofattempt th,
body#page-mod-quiz-summary table.generaltable.quizsummaryofattempt thead th {
  background: linear-gradient(135deg, var(--s2e-blue-1) 0%, var(--s2e-blue-2) 52%, var(--s2e-blue-3) 100%) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.12) !important;
  font-family: Tahoma, Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  text-align: center !important;
}

body#page-mod-quiz-summary .quizsummaryofattempt td,
body#page-mod-quiz-summary .quizsummaryofattempt th[scope="row"],
body#page-mod-quiz-summary table.generaltable.quizsummaryofattempt td,
body#page-mod-quiz-summary table.generaltable.quizsummaryofattempt th[scope="row"] {
  vertical-align: middle !important;
  text-align: center !important;
  font-family: Tahoma, Arial, sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #26435f !important;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
}

body#page-mod-quiz-summary .quizsummaryofattempt tbody tr.s2e-answered-row,
body#page-mod-quiz-summary table.generaltable.quizsummaryofattempt tbody tr.s2e-answered-row {
  background: #f8fcff !important;
}
body#page-mod-quiz-summary .quizsummaryofattempt tbody tr.s2e-notanswered-row,
body#page-mod-quiz-summary table.generaltable.quizsummaryofattempt tbody tr.s2e-notanswered-row {
  background: #fff7f8 !important;
}

body#page-mod-quiz-summary .quizsummaryofattempt tbody tr.s2e-answered-row > *:first-child,
body#page-mod-quiz-summary table.generaltable.quizsummaryofattempt tbody tr.s2e-answered-row > *:first-child {
  box-shadow: inset 6px 0 0 #1d88e5 !important;
}
body#page-mod-quiz-summary .quizsummaryofattempt tbody tr.s2e-notanswered-row > *:first-child,
body#page-mod-quiz-summary table.generaltable.quizsummaryofattempt tbody tr.s2e-notanswered-row > *:first-child {
  box-shadow: inset 6px 0 0 #df5866 !important;
}

body#page-mod-quiz-summary .s2e-question-cell {
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  color: #0f63b3 !important;
}

body#page-mod-quiz-summary .s2e-status-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 215px !important;
  max-width: 100% !important;
  padding: 10px 14px !important;
  border-radius: 18px !important;
  border: 2px solid transparent !important;
  line-height: 1.4 !important;
  font-family: Tahoma, Arial, sans-serif !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  text-align: center !important;
}
body#page-mod-quiz-summary .s2e-status-badge.answered {
  color: #0f6ec6 !important;
  background: #edf7ff !important;
  border-color: #b8dbf8 !important;
}
body#page-mod-quiz-summary .s2e-status-badge.notanswered {
  color: #c73f4f !important;
  background: #fff1f3 !important;
  border-color: #f4c1c9 !important;
}
body#page-mod-quiz-summary .s2e-status-badge.neutral {
  color: #49637d !important;
  background: #f5f8fb !important;
  border-color: #dde7f0 !important;
}

/* إخفاء زر التسليم الأصلي */
body#page-mod-quiz-summary .btn-finishattempt,
body#page-mod-quiz-summary .submitbtns {
  position: absolute !important;
  left: -99999px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

/* =========================
   STICKY BAR
========================= */
body#page-mod-quiz-summary.s2e-summary-has-sticky {
  padding-bottom: 158px !important;
}
body#page-mod-quiz-summary .s2e-sticky-submit {
  position: fixed !important;
  left: 50% !important;
  bottom: 12px !important;
  transform: translateX(-50%) !important;
  width: min(1180px, calc(100% - 18px)) !important;
  z-index: 99999 !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: 12px !important;
  padding: 14px !important;
  background: rgba(255,255,255,.97) !important;
  border: 2px solid #cfe6f8 !important;
  border-radius: 24px !important;
  box-shadow: 0 16px 34px rgba(11, 68, 127, .18) !important;
  backdrop-filter: blur(8px) !important;
}

body#page-mod-quiz-summary .s2e-sticky-meta {
  width: 100% !important;
  text-align: center !important;
  padding: 2px 8px 0 !important;
}

body#page-mod-quiz-summary .s2e-sticky-line {
  display: block !important;
  font-family: Tahoma, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #345575 !important;
  line-height: 1.25 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body#page-mod-quiz-summary .s2e-sticky-line-en {
  display: block !important;
  margin-top: 4px !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #6e86a3 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

body#page-mod-quiz-summary .s2e-sticky-line .count,
body#page-mod-quiz-summary .s2e-sticky-line-en .count {
  color: #c94b5e !important;
  font-weight: 900 !important;
}

body#page-mod-quiz-summary .s2e-sticky-actions {
  width: 100% !important;
  display: flex !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 12px !important;
}

/* الأزرار */
body#page-mod-quiz-summary .s2e-sticky-submit-btn,
body#page-mod-quiz-summary .s2e-sticky-return-btn,
body#page-mod-quiz-summary .s2e-sticky-save-btn,
body#page-mod-quiz-summary .s2e-modal-btn-primary,
body#page-mod-quiz-summary .s2e-modal-btn-secondary {
  border-radius: 22px !important;
  min-height: 72px !important;
  padding: 14px 22px !important;
  cursor: pointer !important;
  text-align: center !important;
  min-width: 240px !important;
  box-shadow:
    0 14px 26px rgba(13,31,92,.16),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
}

body#page-mod-quiz-summary .s2e-sticky-submit-btn,
body#page-mod-quiz-summary .s2e-modal-btn-primary {
  background: linear-gradient(135deg, #0d1f5c 0%, #002e94 52%, #1e90ff 100%) !important;
  color: #fff !important;
  border: 2px solid rgba(255,255,255,.12) !important;
}

body#page-mod-quiz-summary .s2e-sticky-return-btn,
body#page-mod-quiz-summary .s2e-modal-btn-secondary {
  background: linear-gradient(135deg, var(--s2e-light-1) 0%, var(--s2e-light-2) 100%) !important;
  color: #123b82 !important;
  border: 2px solid #9bcfff !important;
}

body#page-mod-quiz-summary .s2e-sticky-save-btn {
  background: linear-gradient(135deg, var(--s2e-save-bg) 0%, #dde7f1 100%) !important;
  color: var(--s2e-save-text) !important;
  border: 2px solid var(--s2e-save-border) !important;
}

body#page-mod-quiz-summary .s2e-btn-ar {
  display: block !important;
  font-family: Tahoma, Arial, sans-serif !important;
  font-size: 23px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  white-space: nowrap !important;
}
body#page-mod-quiz-summary .s2e-btn-en {
  display: block !important;
  margin-top: 5px !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  opacity: .96 !important;
  white-space: nowrap !important;
}

body#page-mod-quiz-summary .s2e-sticky-submit-btn:disabled,
body#page-mod-quiz-summary .s2e-sticky-return-btn:disabled,
body#page-mod-quiz-summary .s2e-sticky-save-btn:disabled,
body#page-mod-quiz-summary .s2e-modal-btn-primary:disabled,
body#page-mod-quiz-summary .s2e-modal-btn-secondary:disabled {
  opacity: .82 !important;
  cursor: wait !important;
}

/* طبقة التسليم بدون نص */
#s2e-direct-finish-overlay {
  position: fixed;
  inset: 0;
  background: #ffffff;
  z-index: 1000000;
}

/* طبقة حفظ وإكمال */
#s2e-save-overlay{
  position:fixed;
  inset:0;
  background:rgba(255,255,255,.96);
  z-index:1000002;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
}
#s2e-save-overlay .s2e-save-box{
  width:min(760px, calc(100% - 24px));
  background:#fff;
  border:2px solid #d7e9fb;
  border-radius:28px;
  padding:28px 20px;
  box-shadow:0 18px 40px rgba(13,31,92,.14);
  text-align:center;
}
#s2e-save-overlay .s2e-save-ar{
  font-family:Tahoma, Arial, sans-serif;
  font-size:32px;
  font-weight:900;
  color:#123b82;
  line-height:1.2;
  white-space:nowrap;
}
#s2e-save-overlay .s2e-save-en{
  margin-top:10px;
  font-family:Verdana, Arial, sans-serif;
  font-size:18px;
  font-weight:700;
  color:#6b86a4;
  line-height:1.2;
  white-space:nowrap;
}

/* المودال */
body#page-mod-quiz-summary .s2e-modal-overlay {
  position: fixed !important;
  inset: 0 !important;
  z-index: 1000001 !important;
  background: rgba(9, 28, 59, .46) !important;
  backdrop-filter: blur(3px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 18px !important;
}
body#page-mod-quiz-summary .s2e-modal {
  width: min(760px, 100%) !important;
  border-radius: 30px !important;
  overflow: hidden !important;
  border: 3px solid #1e90ff !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  box-shadow:
    0 24px 60px rgba(0,0,0,.24),
    0 10px 30px rgba(0,46,148,.18) !important;
}
body#page-mod-quiz-summary .s2e-modal-head {
  background: linear-gradient(135deg, #0d1f5c 0%, #002e94 52%, #1e90ff 100%) !important;
  padding: 24px 28px 18px !important;
  text-align: center !important;
  position: relative !important;
}
body#page-mod-quiz-summary .s2e-modal-title {
  margin: 0 !important;
  color: #fff !important;
  font-family: Tahoma, Arial, sans-serif !important;
  font-size: 36px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
}
body#page-mod-quiz-summary .s2e-modal-title .s2e-sub-en {
  display: block !important;
  margin-top: 7px !important;
  color: rgba(255,255,255,.97) !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
body#page-mod-quiz-summary .s2e-modal-close {
  position: absolute !important;
  top: 8px !important;
  right: 8px !important;
  width: 42px !important;
  height: 42px !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.14) !important;
  border: 1.5px solid rgba(255,255,255,.22) !important;
  box-shadow:
    0 6px 16px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}
body#page-mod-quiz-summary .s2e-modal-body {
  padding: 22px 22px 10px !important;
  text-align: center !important;
}
body#page-mod-quiz-summary .s2e-modal-card {
  margin: 0 0 16px !important;
  padding: 22px 18px !important;
  border: 2px solid rgba(30,144,255,.18) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.9),
    0 6px 18px rgba(18,59,130,.05) !important;
  text-align: center !important;
}
body#page-mod-quiz-summary .s2e-modal-ar {
  color: #123b82 !important;
  font-family: Tahoma, Arial, sans-serif !important;
  font-size: 31px !important;
  font-weight: 900 !important;
  line-height: 1.65 !important;
  direction: rtl !important;
}
body#page-mod-quiz-summary .s2e-modal-en {
  display: block !important;
  margin-top: 8px !important;
  color: #1a428f !important;
  font-family: Verdana, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.5 !important;
}
body#page-mod-quiz-summary .s2e-modal-count {
  color: #d97706 !important;
  font-weight: 900 !important;
}
body#page-mod-quiz-summary .s2e-modal-footer {
  display: flex !important;
  justify-content: center !important;
  gap: 14px !important;
  padding: 0 22px 24px !important;
  flex-wrap: wrap !important;
}

/* الموبايل */
@media (max-width: 768px) {
  body#page-mod-quiz-summary .s2e-summary-main-heading .s2e-ar {
    font-size: 28px !important;
  }
  body#page-mod-quiz-summary .s2e-summary-main-heading .s2e-en {
    font-size: 13px !important;
  }
  body#page-mod-quiz-summary .quizsummaryofattempt td,
  body#page-mod-quiz-summary .quizsummaryofattempt th[scope="row"],
  body#page-mod-quiz-summary table.generaltable.quizsummaryofattempt td,
  body#page-mod-quiz-summary table.generaltable.quizsummaryofattempt th[scope="row"] {
    font-size: 16px !important;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
  }
  body#page-mod-quiz-summary .s2e-status-badge {
    min-width: auto !important;
    width: 100% !important;
    font-size: 15px !important;
    padding: 10px !important;
  }
  body#page-mod-quiz-summary .s2e-question-cell {
    font-size: 19px !important;
  }
  body#page-mod-quiz-summary.s2e-summary-has-sticky {
    padding-bottom: 228px !important;
  }
  body#page-mod-quiz-summary .s2e-sticky-submit {
    width: calc(100% - 14px) !important;
    padding: 10px !important;
    border-radius: 20px !important;
    gap: 10px !important;
  }
  body#page-mod-quiz-summary .s2e-sticky-line {
    font-size: 13px !important;
  }
  body#page-mod-quiz-summary .s2e-sticky-line-en {
    font-size: 11px !important;
  }

  body#page-mod-quiz-summary .s2e-sticky-actions {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    grid-template-areas:
      "return save"
      "submit submit" !important;
    gap: 10px !important;
  }

  body#page-mod-quiz-summary .s2e-sticky-return-btn {
    grid-area: return !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 66px !important;
  }
  body#page-mod-quiz-summary .s2e-sticky-save-btn {
    grid-area: save !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 66px !important;
  }
  body#page-mod-quiz-summary .s2e-sticky-submit-btn {
    grid-area: submit !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 68px !important;
  }

  body#page-mod-quiz-summary .s2e-modal-btn-primary,
  body#page-mod-quiz-summary .s2e-modal-btn-secondary {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 66px !important;
  }

  body#page-mod-quiz-summary .s2e-btn-ar {
    font-size: 21px !important;
  }
  body#page-mod-quiz-summary .s2e-modal-title {
    font-size: 28px !important;
  }
  body#page-mod-quiz-summary .s2e-modal-ar {
    font-size: 24px !important;
  }
  body#page-mod-quiz-summary .s2e-modal-en {
    font-size: 14px !important;
  }

  #s2e-save-overlay .s2e-save-ar{
    font-size:25px;
    white-space:nowrap;
  }
  #s2e-save-overlay .s2e-save-en{
    font-size:14px;
    white-space:nowrap;
  }
}

/* ===== migrated from Additional HTML lines 2816-2860 ===== */
/* =========================================================
   STEP2ENGLISH - HIDE CLEAR MY CHOICE BUTTON STRONG
========================================================= */
body.path-mod-quiz .imclearchoice,
body.path-mod-quiz .que .imclearchoice,
body.path-mod-quiz button.imclearchoice,
body.path-mod-quiz input.imclearchoice,
body.path-mod-quiz [class*="clearchoice"],
body.path-mod-quiz [id*="clearchoice"],
body.path-mod-quiz input[name*="clear"],
body.path-mod-quiz button[name*="clear"],
body.path-mod-quiz input[value*="Clear"],
body.path-mod-quiz input[value*="clear"],
body.path-mod-quiz input[value*="مسح"],
body.path-mod-quiz button[value*="Clear"],
body.path-mod-quiz button[value*="clear"],
body.path-mod-quiz button[value*="مسح"],
body.path-mod-quiz .que .controls input[type="submit"][value*="Clear"],
body.path-mod-quiz .que .controls input[type="submit"][value*="مسح"],
body.path-mod-quiz .que .controls button[type="submit"][value*="Clear"],
body.path-mod-quiz .que .controls button[type="submit"][value*="مسح"],
body.path-mod-quiz .singlebutton:has(input[value*="Clear"]),
body.path-mod-quiz .singlebutton:has(input[value*="مسح"]),
body.path-mod-quiz .singlebutton:has(button[value*="Clear"]),
body.path-mod-quiz .singlebutton:has(button[value*="مسح"]) {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
}

body.path-mod-quiz .singlebutton:has(input[value*="Clear"]),
body.path-mod-quiz .singlebutton:has(input[value*="مسح"]),
body.path-mod-quiz .singlebutton:has(button[value*="Clear"]),
body.path-mod-quiz .singlebutton:has(button[value*="مسح"]) {
  min-height: 0 !important;
}

/* ===== migrated from Additional HTML lines 2964-3072 ===== */
/* =========================================================
   STEP2ENGLISH - LUXURY SELECTED OPTION HIGHLIGHT
   فخم + واضح + نفس روح الأزرق الجانبي
========================================================= */

/* الكارت المختار */
.s2e-selected-option-card {
  background:
    linear-gradient(180deg, #001f46 0%, #003a73 34%, #005f9f 68%, #00a8e8 100%) !important;
  border: 2px solid rgba(130, 225, 255, 0.95) !important;
  box-shadow:
    0 0 0 3px rgba(0, 168, 232, 0.12),
    0 12px 28px rgba(0, 25, 55, 0.22),
    inset 0 1px 0 rgba(255,255,255,0.10) !important;
  border-radius: 24px !important;
  overflow: hidden !important;
  transition: all .22s ease !important;
  position: relative !important;
}

/* لمعة خفيفة فخمة */
.s2e-selected-option-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  background:
    linear-gradient(180deg,
      rgba(255,255,255,0.14) 0%,
      rgba(255,255,255,0.05) 22%,
      rgba(255,255,255,0.00) 48%,
      rgba(255,255,255,0.04) 100%) !important;
  pointer-events: none !important;
  z-index: 0 !important;
}

/* كل العناصر فوق اللمعة */
.s2e-selected-option-card > * {
  position: relative !important;
  z-index: 1 !important;
}

/* الحفاظ على الاستدارة */
.s2e-selected-option-card,
.s2e-selected-option-card .s2-option-wrap,
.s2e-selected-option-card .s2-option-card,
.s2e-selected-option-card .s2-option-row,
.s2e-selected-option-card .s2-option-text,
.s2e-selected-option-card .s2-option-number {
  border-radius: 24px !important;
}

/* إزالة الخلفية البيضاء من الكارت الداخلي عند التحديد */
.s2e-selected-option-card .s2-option-card {
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* النص فقط أبيض */
.s2e-selected-option-card .s2-option-text,
.s2e-selected-option-card .s2-option-text * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 1px rgba(0,0,0,.12) !important;
}

/* مربع الحرف */
.s2e-selected-option-card .s2-option-number {
  background: linear-gradient(180deg, #f8fbff 0%, #eaf4ff 100%) !important;
  border: 1px solid rgba(201, 218, 243, 0.95) !important;
  color: #083e8f !important;
  -webkit-text-fill-color: #083e8f !important;
  box-shadow:
    0 3px 10px rgba(0,0,0,.10),
    inset 0 1px 0 rgba(255,255,255,.9) !important;
  border-radius: 12px !important;
}

/* الحرف داخل المربع */
.s2e-selected-option-card .s2-option-number,
.s2e-selected-option-card .s2-option-number * {
  color: #083e8f !important;
  -webkit-text-fill-color: #083e8f !important;
  font-weight: 950 !important;
  opacity: 1 !important;
}

/* الشريط الجانبي يصير أفتح قليلًا ليبان فوق الخلفية */
.s2e-selected-option-card .s2-option-card > div > div:first-child {
  background: linear-gradient(180deg, #ffffff 0%, #d7f2ff 100%) !important;
  box-shadow: inset -1px 0 0 rgba(255,255,255,.22) !important;
}

/* إحساس فاخر عند المرور */
.s2e-selected-option-card:hover {
  transform: translateY(-1px) !important;
  box-shadow:
    0 0 0 3px rgba(0, 168, 232, 0.14),
    0 16px 34px rgba(0, 25, 55, 0.25),
    inset 0 1px 0 rgba(255,255,255,0.12) !important;
}

/* دائرة الاختيار */
.que.multichoice .answer input[type="radio"],
.que.multichoice .answer input[type="checkbox"] {
  accent-color: #ffffff !important;
}

/* ===== migrated from Additional HTML lines 3181-3263 ===== */
/* =========================================================
sees full question info box
=======================   STEP2ENGLISH - Students see only "Flag question"
   Admin
 ================================== */

/* 1) افتراضيًا للطلاب: نخلي صندوق info موجود لكن نخفي كل ما داخله */
body.path-mod-quiz .que .info {
قط رابط/منطقة Flag question   display: block !important;
}

/* نخفي كل عناصر الكارت للطلاب */
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"] {
in: 0 0 10px 0 !important;
   display: block !important;
}

/* تحسين شكل الجزء الظاهر للطلاب */
body.path-mod-quiz .que .info {
  width: auto !important;
  min-width: 70px !important;
  padding: 0 !important;
  mar
g background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* لو حبيتي المحتوى ياخذ المساحة كاملة */
body.path-mod-quiz .que .content {
  margin: 0 !important;
  float: none !important;
  width: 100% !important;
}

body.path-mod-quiz .que .formulation,
body.path-mod-quiz .que .qtext,
body.path-mod-quiz .que .ablock,
body.path-mod-quiz .que .answer {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* 2) للأدمن: نرجع كل شيء طبيعي */
body.path-mod-quiz.s2e-show-qinfo-admin-only .que .info > * {
  display: block !important;
}

/* بعض عناصر مودل قد تكون inline أو flex */
body.path-mod-quiz.s2e-show-qinfo-admin-only .que .info a,
body.path-mod-quiz.s2e-show-qinfo-admin-only .que .info span,
nt;
  border: revert !important;
  box-shadow: revert !importbody.path-mod-quiz.s2e-show-qinfo-admin-only .que .info div {
  display: revert !important;
}

body.path-mod-quiz.s2e-show-qinfo-admin-only .que .info {
  width: revert !important;
  min-width: revert !important;
  padding: revert !important;
  margin: revert !important;
  background: revert !import
aant;
}

body.path-mod-quiz.s2e-show-qinfo-admin-only .que .content {
  margin: inherit !important;
  float: inherit !important;
  width: inherit !important;
}

/* ===== migrated from Additional HTML lines 3306-3381 ===== */
/* =========================================================
   STEP2ENGLISH - FINAL MOBILE FIX FOR DONE BUTTON
   الكود الكامل النهائي
========================================================= */

@media (max-width: 767px) {

  /* الحاوية التي تجمع اسم النشاط + زر تم */
  body.path-course-view .activity-item .activity-basis > .d-flex.flex-column.flex-md-row.w-100.align-self-start {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    column-gap: 8px !important;
    row-gap: 0 !important;
    width: 100% !important;
  }

  /* اسم النشاط يأخذ المساحة المتبقية */
  body.path-course-view .activity-item .activity-instance {
    min-width: 0 !important;
    width: auto !important;
    flex: unset !important;
  }

  /* منطقة زر تم */
  body.path-course-view .activity-item .activity-info {
    margin-top: 0 !important;
    margin-left: 8px !important;
    width: auto !important;
    min-width: max-content !important;
    align-self: center !important;
    justify-self: end !important;
    flex: unset !important;
  }

  /* الحاويات الداخلية للزر */
  body.path-course-view .activity-item .activity-information,
  body.path-course-view .activity-item [data-region="completion-info"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    overflow: visible !important;
  }

  /* الزر نفسه */
  body.path-course-view button[data-action="toggle-manual-completion"],
  body.path-course-view button.btn.btn-outline-secondary.btn-sm.text-nowrap {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
    width: auto !important;
    min-width: max-content !important;
    max-width: none !important;
    line-height: 1 !important;
    padding: 4px 8px !important;
    font-size: 11px !important;
    gap: 4px !important;
  }

  body.path-course-view button[data-action="toggle-manual-completion"] *,
  body.path-course-view button.btn.btn-outline-secondary.btn-sm.text-nowrap * {
    white-space: nowrap !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    line-height: 1 !important;
  }
}

/* ===== migrated from Additional HTML lines 3619-3677 ===== */
/* 1. إخفاء الدخول التقليدي */
body.path-login #login .group_1,
body.path-login #login .group_2,
body.path-login #login #loginbtn,
body.path-login input[name="username"],
body.path-login input[name="password"],
body.path-login button[type="submit"] {
    display: none !important;
}

/* 2. تنسيق البانر الرئيسي */
.hero-image-wrapper {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero-image {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* 3. تنسيقات عامة */
h2, h3, .top-courses-title, h2 span, h3 span { color: #0b3d91 !important; }
#our-courses { margin-top: 0 !important; }
.ccn_breadcrumb_widgets { display: none !important; }

/* 4. إجبار زري جوجل وأبل على التطابق التام 100% في المقاس والخط */
.potentialidplist .btn.btn-secondary,
.apple-sign-in {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 700 !important; /* خط بولد إجباري */
    font-size: 16px !important; /* توحيد حجم الخط */
    color: #002e94 !important;
    background-color: #ffffff !important;
    border: 1px solid #ced4da !important;
    border-radius: 4px !important;
    padding: 10px 15px !important; /* توحيد الهوامش ليتطابق المستطيل */
    min-height: 48px !important; /* إجبارهم على نفس الارتفاع */
    text-decoration: none !important;
}

/* مسافة زر أبل وتنسيق الأيقونة */
.apple-sign-in {
    margin-top: 15px !important; 
}
.apple-sign-in i {
    font-size: 24px !important; 
    margin-right: 8px !important;
    position: relative;
    top: -1px;
}

/* ===== migrated from Additional HTML lines 3994-4107 ===== */
@keyframes s2ePulseSoft {
  0% { transform: scale(1); }
  50% { transform: scale(1.10); }
  100% { transform: scale(1); }
}

.s2e-app-box {
  max-width: 420px;
  margin: 14px auto;
  padding: 18px 18px 16px;
  border-radius: 22px;
  background: linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
  border: 1px solid rgba(11, 61, 145, 0.10);
  box-shadow: 0 10px 28px rgba(11, 61, 145, 0.10);
  text-align: center;
}

.s2e-app-title-en {
  font-family: system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
  font-size: 24px;
  font-weight: 800;
  color: #0b3d91;
  line-height: 1.2;
  margin: 0;
}

.s2e-app-title-ar {
  margin-top: 6px;
  font-family: 'Cairo', 'Tajawal', 'Noto Kufi Arabic', system-ui, Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #0b3d91;
  line-height: 1.35;
}

.s2e-app-icons {
  margin-top: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.s2e-app-icons a {
  width: 58px;
  height: 58px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 18px;
  background: #ffffff;
  border: 1px solid rgba(11, 61, 145, 0.08);
  box-shadow: 0 6px 16px rgba(11, 61, 145, 0.08);
  text-decoration: none;
  transition: transform .22s ease, box-shadow .22s ease;
}

.s2e-app-icons a:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(11, 61, 145, 0.14);
}

.s2e-app-icons img {
  width: 44px;
  height: 44px;
  display: block;
  transform-origin: center;
}

.s2e-app-icons a:nth-child(1) img {
  animation: s2ePulseSoft 1.8s ease-in-out infinite;
  animation-delay: 0s;
}

.s2e-app-icons a:nth-child(2) img {
  animation: s2ePulseSoft 1.8s ease-in-out infinite;
  animation-delay: 0.3s;
}

.s2e-app-icons a:nth-child(3) img {
  animation: s2ePulseSoft 1.8s ease-in-out infinite;
  animation-delay: 0.6s;
}

@media (max-width: 576px) {
  .s2e-app-box {
    max-width: 100%;
    margin: 12px auto;
    padding: 16px 14px 14px;
    border-radius: 18px;
  }

  .s2e-app-title-en {
    font-size: 22px;
  }

  .s2e-app-title-ar {
    font-size: 17px;
  }

  .s2e-app-icons a {
    width: 54px;
    height: 54px;
    border-radius: 16px;
  }

  .s2e-app-icons img {
    width: 40px;
    height: 40px;
  }
}

/* ===== migrated from Additional HTML lines 4123-4211 ===== */
/* =========================================================
   STEP2ENGLISH - REVIEW CLOSE BUTTON
   BIG + HIGH + REAL JS PULSE
========================================================= */

body#page-mod-quiz-review a.mod_quiz-next-nav{
  position: fixed !important;
  left: 50% !important;
  bottom: 95px !important;
  transform: translateX(-50%) !important;
  z-index: 99999 !important;
  margin: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  text-decoration: none !important;
  white-space: nowrap !important;

  min-width: 410px !important;
  max-width: calc(100vw - 40px) !important;
  min-height: 82px !important;
  padding: 18px 36px !important;

  background: linear-gradient(180deg, #0b2a6d 0%, #173f97 46%, #36b8ff 100%) !important;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;

  border: 2px solid rgba(255,255,255,.18) !important;
  border-radius: 28px !important;

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

  box-shadow:
    0 14px 30px rgba(0,25,55,.22),
    inset 0 1px 0 rgba(255,255,255,.20) !important;

  filter: brightness(1) !important;
  transition:
    box-shadow .28s ease,
    filter .28s ease,
    transform .18s ease !important;

  -webkit-tap-highlight-color: transparent !important;
  touch-action: manipulation !important;
}

/* حالة النبض */
body#page-mod-quiz-review a.mod_quiz-next-nav.s2e-pulse-on{
  box-shadow:
    0 20px 38px rgba(0,25,55,.30),
    0 0 24px 6px rgba(54,184,255,.28),
    inset 0 1px 0 rgba(255,255,255,.24) !important;
  filter: brightness(1.08) !important;
}

body#page-mod-quiz-review a.mod_quiz-next-nav:hover{
  filter: brightness(1.04) !important;
}

body#page-mod-quiz-review a.mod_quiz-next-nav:active{
  transform: translateX(-50%) translateY(1px) !important;
}

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

@media (max-width:768px){
  body#page-mod-quiz-review a.mod_quiz-next-nav{
    bottom: 68px !important;
    min-width: 300px !important;
    max-width: calc(100vw - 20px) !important;
    min-height: 74px !important;
    padding: 16px 24px !important;
    border-radius: 24px !important;
    font-size: 24px !important;
  }

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

/* ===== migrated from Additional HTML lines 4375-4534 ===== */
/* =========================================================
   STEP2ENGLISH - QUIZ PREV / NEXT / FINISH
   العربي فوق - الإنجليزي تحت - نفس الحجم - يسار / يمين
   + PULSE EFFECT
========================================================= */

body#page-mod-quiz-attempt .submitbtns{
  display:flex !important;
  justify-content:space-between !important;
  align-items:stretch !important;
  gap:14px !important;
  width:100% !important;
  margin-top:14px !important;
}

/* إخفاء الأزرار الأصلية شكليًا فقط */
body#page-mod-quiz-attempt .submitbtns input[name="previous"],
body#page-mod-quiz-attempt .submitbtns input[name="next"]{
  position:absolute !important;
  left:-99999px !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* الحاوية الجديدة */
body#page-mod-quiz-attempt .s2e-quiz-nav-wrap{
  display:flex !important;
  justify-content:space-between !important;
  align-items:stretch !important;
  gap:14px !important;
  width:100% !important;
}

body#page-mod-quiz-attempt .s2e-quiz-nav-wrap .s2e-prev-btn{
  margin-right:auto !important;
}

body#page-mod-quiz-attempt .s2e-quiz-nav-wrap .s2e-next-btn{
  margin-left:auto !important;
}

/* شكل الزر */
body#page-mod-quiz-attempt .s2e-quiz-nav-btn{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  width:calc(50% - 7px) !important;
  min-height:84px !important;
  padding:12px 14px !important;
  border-radius:24px !important;
  border:2px solid rgba(255,255,255,.16) !important;
  background:linear-gradient(180deg, #0b2a6d 0%, #173f97 46%, #36b8ff 100%) !important;
  box-shadow:
    0 10px 22px rgba(0,0,0,.12),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
  color:#fff !important;
  cursor:pointer !important;
  text-align:center !important;
  white-space:normal !important;
  line-height:1 !important;
  transition:transform .22s ease, box-shadow .22s ease !important;
  animation:s2eQuizPulse 1.9s infinite ease-in-out !important;
}

/* نخلي النبض متبادل بين الزرين */
body#page-mod-quiz-attempt .s2e-quiz-nav-btn.s2e-prev-btn{
  animation-delay:0s !important;
}
body#page-mod-quiz-attempt .s2e-quiz-nav-btn.s2e-next-btn{
  animation-delay:.95s !important;
}

body#page-mod-quiz-attempt .s2e-quiz-nav-btn:hover{
  transform:translateY(-1px) scale(1.01) !important;
}

body#page-mod-quiz-attempt .s2e-quiz-nav-btn .s2e-ar{
  display:block !important;
  font-family:Tahoma, Arial, sans-serif !important;
  font-size:23px !important;
  font-weight:900 !important;
  line-height:1.08 !important;
  color:#fff !important;
}

body#page-mod-quiz-attempt .s2e-quiz-nav-btn .s2e-en{
  display:block !important;
  margin-top:6px !important;
  font-family:Verdana, Arial, sans-serif !important;
  font-size:14px !important;
  font-weight:700 !important;
  line-height:1.05 !important;
  color:#eaf6ff !important;
}

body#page-mod-quiz-attempt .s2e-quiz-nav-btn:active{
  transform:translateY(1px) scale(.99) !important;
  animation:none !important;
}

/* نبض هادئ */
@keyframes s2eQuizPulse{
  0%{
    transform:scale(1);
    box-shadow:
      0 10px 22px rgba(0,0,0,.12),
      0 0 0 0 rgba(54,184,255,.28),
      inset 0 1px 0 rgba(255,255,255,.18);
  }
  50%{
    transform:scale(1.028);
    box-shadow:
      0 14px 28px rgba(0,0,0,.16),
      0 0 0 10px rgba(54,184,255,0),
      inset 0 1px 0 rgba(255,255,255,.20);
  }
  100%{
    transform:scale(1);
    box-shadow:
      0 10px 22px rgba(0,0,0,.12),
      0 0 0 0 rgba(54,184,255,0),
      inset 0 1px 0 rgba(255,255,255,.18);
  }
}

/* موبايل */
@media (max-width:768px){
  body#page-mod-quiz-attempt .submitbtns,
  body#page-mod-quiz-attempt .s2e-quiz-nav-wrap{
    gap:10px !important;
  }

  body#page-mod-quiz-attempt .s2e-quiz-nav-btn{
    width:calc(50% - 5px) !important;
    min-height:76px !important;
    padding:10px 10px !important;
    border-radius:22px !important;
  }

  body#page-mod-quiz-attempt .s2e-quiz-nav-btn .s2e-ar{
    font-size:20px !important;
  }

  body#page-mod-quiz-attempt .s2e-quiz-nav-btn .s2e-en{
    font-size:13px !important;
    margin-top:5px !important;
  }
}

/* تقليل الحركة لمن يفضل ذلك */
@media (prefers-reduced-motion: reduce){
  body#page-mod-quiz-attempt .s2e-quiz-nav-btn{
    animation:none !important;
  }
}