/* =========================================================
   STEP2ENGLISH - SMART PLAN | MOBILE TIGHT FIX
========================================================= */

#s2e-plan-root{
  width:min(100%,860px);
  margin:2px auto 12px !important;
  direction:rtl;
  box-sizing:border-box;
  font-family:Tahoma,Arial,sans-serif;
}
#s2e-plan-root *,#s2e-plan-root *::before,#s2e-plan-root *::after{box-sizing:border-box}

body#page-mod-page-view .activity-header,
body#page-mod-page-view .page-header-headings,
body#page-mod-page-view .secondary-navigation,
body#page-mod-page-view .singlebutton:has(a[href*="course/view.php"]),
body#page-mod-page-view .singlebutton:has(input[value*="Back to course"]),
body#page-mod-page-view .singlebutton:has(input[value*="العودة للدورة"]){
  margin:0 !important;
  padding:0 !important;
}

#s2e-plan-root,
.s2e-dialog-text,.s2e-plan-sub,.s2e-progress-note,.s2e-warning-note,.s2e-payment-note,.s2e-prev-sub,.s2e-day-state,.s2e-popup-sub,.s2e-plan-desc-text,.s2e-progress-submeta,.s2e-day-progress-mini{direction:rtl !important;unicode-bidi:plaintext !important}

.s2e-plan-topbox{background:linear-gradient(180deg,#f8fbff 0%,#eef5ff 100%);border:2px solid #dbe7fb;border-radius:22px;padding:12px 12px;text-align:center;box-shadow:0 8px 16px rgba(0,0,0,.05);margin-bottom:8px}
.s2e-setup-only{padding-bottom:14px}
.s2e-plan-title{font-size:28px;font-weight:900;color:#153f88;line-height:1.12;margin:0 0 4px}
.s2e-plan-sub{font-size:15px;font-weight:900;color:#607ca7;margin:0 0 10px;line-height:1.5;text-align:center}

.s2e-plan-tabs{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:nowrap;margin-bottom:10px}
.s2e-plan-tab{border:none;cursor:pointer;min-height:48px;padding:10px 18px;border-radius:17px;background:linear-gradient(180deg,#ffffff 0%,#f3f8ff 100%);border:2px solid #d7e7fb;color:#114d9c;font-size:20px;font-weight:900;line-height:1.1;white-space:nowrap;box-shadow:0 4px 10px rgba(0,0,0,.03);transition:.18s ease}
.s2e-plan-tab.active{background:linear-gradient(180deg,#0d1f5c 0%,#002e94 55%,#1e90ff 100%);color:#fff;border-color:transparent;box-shadow:0 10px 22px rgba(13,56,145,.22)}
.s2e-plan-tab-main{display:block}

.s2e-plan-tab-pulse-1,.s2e-plan-tab-pulse-2,.s2e-plan-tab-pulse-3{animation:s2ePlanPulse 1.8s infinite}
.s2e-plan-tab-pulse-2{animation-delay:.35s}.s2e-plan-tab-pulse-3{animation-delay:.7s}
.s2e-plan-tab.active{animation:none !important}
@keyframes s2ePlanPulse{0%,100%{transform:scale(1);box-shadow:0 4px 10px rgba(0,0,0,.03)}50%{transform:scale(1.055);box-shadow:0 10px 18px rgba(13,56,145,.16)}}

.s2e-plan-desc-card{width:min(100%,700px);margin:2px auto 12px;background:#fff;border:2px solid #dbe7fb;border-radius:20px;padding:12px 12px;box-shadow:0 6px 14px rgba(0,0,0,.04)}
.s2e-plan-desc-card.muted{background:#f9fbff}
.s2e-plan-desc-title{font-size:20px;font-weight:900;color:#153f88;line-height:1.2;margin-bottom:2px}
.s2e-plan-desc-text{font-size:15px;font-weight:800;color:#607ca7;line-height:1.6}
.s2e-start-bottom-wrap{margin-top:6px;padding-top:0}
.s2e-plan-start-btn{border:none;cursor:pointer;min-height:52px;padding:12px 18px;border-radius:18px;font-size:22px;font-weight:900;line-height:1.1;white-space:nowrap;background:linear-gradient(180deg,#1a7f45 0%,#26a65b 55%,#4cd17d 100%);color:#fff;box-shadow:0 12px 22px rgba(38,166,91,.20);animation:s2eStartPulse 1.35s infinite}
.s2e-plan-start-big{width:min(100%,560px)}
.s2e-plan-start-btn.disabled{opacity:.55;filter:grayscale(.15)}
@keyframes s2eStartPulse{0%{transform:scale(1);box-shadow:0 12px 22px rgba(38,166,91,.20)}50%{transform:scale(1.03);box-shadow:0 18px 28px rgba(38,166,91,.28)}100%{transform:scale(1);box-shadow:0 12px 22px rgba(38,166,91,.20)}}

.s2e-progress-stack{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.s2e-progress-line{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:nowrap}
.s2e-progress-meta,#s2e-days-done-text{display:block !important;text-align:center !important;margin:0 !important;color:#234a86;font-size:18px;font-weight:900;line-height:1.4;font-family:Verdana,Arial,sans-serif}
.s2e-progress-pill{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:82px;min-height:44px;padding:6px 12px;border-radius:16px;background:linear-gradient(180deg,#0d1f5c 0%,#002e94 55%,#1e90ff 100%);color:#fff;font-size:18px;font-weight:900;box-shadow:0 10px 18px rgba(13,56,145,.16)}
.s2e-progress-submeta{display:block;width:100%;text-align:center;margin:0 auto;color:#607ca7;font-size:16px;font-weight:900;line-height:1.5}
.s2e-progress-bar{width:100% !important;height:14px;border-radius:999px;background:#eaf2ff;overflow:hidden;margin:0}
.s2e-progress-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#0d1f5c 0%,#002e94 55%,#1e90ff 100%);border-radius:999px;transition:width .25s ease}
.s2e-progress-note{width:100% !important;font-size:15px;font-weight:900;color:#315c94;line-height:1.5;background:#ffffff;border:2px solid #dce8fa;border-radius:16px;padding:8px 10px;text-align:center}

.s2e-top-actions{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:nowrap}.s2e-top-actions-row1{margin-bottom:4px}.s2e-top-actions-row2{margin-top:0}
.s2e-top-secondary-btn{border:none;cursor:pointer;min-height:48px;padding:10px 14px;border-radius:16px;font-size:17px;font-weight:900;line-height:1.1;white-space:nowrap;min-width:0}
.s2e-view-plan-btn{background:linear-gradient(180deg,#0d1f5c 0%,#002e94 55%,#1e90ff 100%);color:#fff;border:2px solid transparent;box-shadow:0 10px 22px rgba(13,56,145,.18)}
.s2e-prevdays-btn{background:linear-gradient(180deg,#eef6ff 0%,#dcecff 100%);color:#0f63b3;border:2px solid #bad8ff}
.s2e-reset-plan-btn{background:linear-gradient(180deg,#fff1f1 0%,#ffe7e7 100%);color:#ca2d2d;border:2px solid #f1b6b6;padding:8px 14px;min-height:42px;font-size:15px}
.s2e-subscribe-blue-pulse{animation:s2eSubscribePulse 1.35s infinite !important}
@keyframes s2eSubscribePulse{0%{transform:scale(1);box-shadow:0 10px 22px rgba(13,56,145,.22)}50%{transform:scale(1.03);box-shadow:0 16px 28px rgba(13,56,145,.30)}100%{transform:scale(1);box-shadow:0 10px 22px rgba(13,56,145,.22)}}

.s2e-days-wrap{display:flex;flex-direction:column;gap:8px}
.s2e-day-card{border:2px solid #d9e8fb;border-radius:22px;background:#fff;box-shadow:0 6px 12px rgba(0,0,0,.04);overflow:hidden;transition:.18s ease}
.s2e-day-card.current{border-color:#ef8f8f;background:linear-gradient(180deg,#fffafb 0%,#fff4f4 100%);box-shadow:0 0 0 4px rgba(239,143,143,.09),0 10px 18px rgba(0,0,0,.05)}
.s2e-day-card.done{border-color:#8cc69d;background:#f7fdf9}.s2e-day-card.prev-missing{border-color:#ef8f8f;background:#fff9f9}.s2e-day-card.future,.s2e-day-card.locked{background:#fcfdff}.s2e-day-card.friday .s2e-day-head{background:linear-gradient(180deg,#faf8ff 0%,#f2ecff 100%)}
.s2e-day-head{padding:10px 10px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;text-align:center;background:linear-gradient(180deg,#f8fbff 0%,#eef6ff 100%);border-bottom:1px solid #e7eef8}
.s2e-day-weekday{font-size:28px;font-weight:900;color:#1d4fb7;line-height:1.1;font-family:Verdana,Arial,sans-serif}.s2e-day-date{font-size:17px;font-weight:900;color:#667fa7;line-height:1.3}
.s2e-day-label{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 12px;border-radius:999px;background:#eaf3ff;color:#0f63b3;font-size:15px;font-weight:900;white-space:nowrap}
.s2e-day-badge-free,.s2e-day-special{display:inline-flex;align-items:center;justify-content:center;min-height:31px;padding:4px 10px;border-radius:999px;font-size:14px;font-weight:900;white-space:nowrap}
.s2e-day-badge-free{background:#fff3cf;color:#a46b00;border:2px solid #f4d98d}.s2e-day-special{background:#f2ecff;color:#6c46c7}
.s2e-day-state{font-size:14px;font-weight:900;color:#5d7b68;line-height:1.5;text-align:center}.s2e-day-progress-mini{font-size:13px;font-weight:900;color:#6b7f98;line-height:1.4;text-align:center}
.s2e-day-actions{padding:10px;display:flex;flex-direction:row;gap:10px;align-items:stretch}
.s2e-done-btn{flex:0 0 86px;width:86px;min-width:86px;max-width:86px;border:none;cursor:pointer;min-height:52px;border-radius:16px;font-size:17px;font-weight:900;padding:8px 4px;background:linear-gradient(180deg,#eef6ff 0%,#dcecff 100%);color:#0f63b3;border:2px solid #bad8ff;white-space:nowrap;line-height:1.1}
.s2e-done-btn.done{background:linear-gradient(180deg,#eaf9ef 0%,#dff4e6 100%);color:#198754;border-color:#bfe7c8}.s2e-done-btn.locked{background:linear-gradient(180deg,#f4f6f9 0%,#e9eef4 100%);color:#62758f;border:2px solid #d6dfe8}
.s2e-open-btn{flex:1 1 auto;min-width:0;border:none;cursor:pointer;min-height:52px;border-radius:17px;font-size:20px;font-weight:900;padding:10px 12px;background:linear-gradient(180deg,#0d1f5c 0%,#002e94 55%,#1e90ff 100%);color:#fff;white-space:nowrap;line-height:1.1}

body.s2e-no-scroll{overflow:hidden}.s2e-overlay{position:fixed;inset:0;z-index:999999;background:rgba(11,22,45,.52);display:flex;align-items:center;justify-content:center;padding:10px}
.s2e-popup-box,.s2e-prevdays-box{width:min(760px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:24px;border:2px solid #d9e8fb;box-shadow:0 20px 48px rgba(0,0,0,.20);padding-top:12px}
.s2e-dialog-box{width:min(640px,100%);background:#fff;border-radius:28px;border:2px solid #d9e8fb;box-shadow:0 20px 48px rgba(0,0,0,.20);padding:16px 16px 16px;text-align:center;position:relative}
.s2e-package-modal{width:min(760px,100%);background:#fff;border-radius:28px;border:2px solid #d9e8fb;box-shadow:0 20px 48px rgba(0,0,0,.20);padding:14px 18px 18px;position:relative}
.s2e-close-mini,.s2e-close-btn{border:none;cursor:pointer;border-radius:14px;background:linear-gradient(180deg,#0d1f5c 0%,#002e94 55%,#1e90ff 100%);color:#fff;font-weight:900;white-space:nowrap}
.s2e-close-mini{min-height:40px;padding:8px 12px;font-size:15px;margin:0 0 10px auto;display:flex}.s2e-close-btn{position:sticky;top:0;z-index:99999;margin:0 0 12px auto;display:flex;align-items:center;justify-content:center;min-height:42px;padding:8px 14px;font-size:16px}.s2e-close-fixed{position:sticky;top:0}
.s2e-dialog-title{font-size:28px;font-weight:900;color:#153f88;margin-bottom:8px;line-height:1.2}.s2e-dialog-text{font-size:18px;font-weight:800;color:#5a769c;line-height:1.7;margin-bottom:16px;text-align:center}
.s2e-dialog-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.s2e-primary-small,.s2e-danger-small{border:none;cursor:pointer;min-height:48px;padding:10px 18px;border-radius:16px;font-size:20px;font-weight:900;white-space:nowrap}.s2e-primary-small{background:linear-gradient(180deg,#0d1f5c 0%,#002e94 55%,#1e90ff 100%);color:#fff}.s2e-danger-small{background:linear-gradient(180deg,#cf2e2e 0%,#b71c1c 100%);color:#fff}
.s2e-package-header{width:100%;background:#eef3fa;border:1px solid #d9e5f3;border-radius:22px;padding:16px 18px;font-size:28px;font-weight:900;color:#1c4d94;margin-bottom:14px;line-height:1.35;text-align:center}.s2e-package-mini-features{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.s2e-package-mini-card{min-height:66px;display:flex;align-items:center;justify-content:center;text-align:center;background:#eef3fa;border:1px solid #d9e5f3;border-radius:18px;padding:10px 12px;font-size:20px;font-weight:900;color:#334155;line-height:1.6}
.s2e-price-box{width:100%;background:linear-gradient(to bottom,#fff8f1,#fffdf9);border:1px solid #f5d8bb;border-radius:24px;padding:16px 14px;text-align:center;margin-bottom:14px}.s2e-offer{display:inline-flex;align-items:center;justify-content:center;gap:8px;direction:rtl;padding:9px 16px;border-radius:999px;border:3px solid #f1b37c;color:#e23a5d;background:#fff7f4;font-size:18px;font-weight:900;margin-bottom:12px}.s2e-old-price{color:#94a3b8;text-decoration:line-through;font-size:20px;font-weight:700;margin:0 auto 8px}.s2e-new-price{display:inline-flex;align-items:center;justify-content:center;gap:8px;direction:rtl;color:#b85a00;font-size:42px;font-weight:900;margin:0 auto 8px;line-height:1.15}.s2e-new-price img{width:24px;height:26px;display:inline-block;vertical-align:middle}.s2e-price-note{display:inline-flex;align-items:center;justify-content:center;gap:8px;direction:rtl;color:#b07a48;font-size:16px;font-weight:900;line-height:1.8}.s2e-subscribe-now-btn{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;direction:rtl;text-align:center;text-decoration:none;padding:16px 12px;border:none;cursor:pointer;border-radius:20px;font-size:28px;font-weight:900;background:linear-gradient(135deg,#f6a000,#cf6e00);color:#fff;box-shadow:0 10px 22px rgba(217,119,6,.22);white-space:nowrap}
.s2e-popup-head{padding:14px 14px 10px;background:linear-gradient(180deg,#f8fbff 0%,#eef6ff 100%);border-bottom:1px solid #e6eefb;text-align:center}.s2e-popup-title{font-size:30px;font-weight:900;color:#1d4fb7;line-height:1.15}.s2e-popup-sub{font-size:17px;font-weight:900;color:#667fa7;margin-top:4px;line-height:1.6;text-align:center}.s2e-popup-chip{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:5px 12px;border-radius:999px;background:#eaf3ff;color:#0f63b3;font-size:16px;font-weight:900;margin-top:8px;white-space:nowrap}.s2e-popup-chip.alt{background:#f2ecff;color:#6c46c7;margin-inline-start:6px}
.s2e-popup-body,.s2e-prevdays-body{padding:12px;display:flex;flex-direction:column;gap:8px}
.s2e-item-row{display:flex;flex-direction:row;align-items:stretch;gap:10px;flex-wrap:nowrap}.s2e-item-done{flex:0 0 82px;width:82px;min-width:82px;max-width:82px;border:none;cursor:pointer;min-height:48px;border-radius:15px;font-size:16px;font-weight:900;padding:8px 4px;background:linear-gradient(180deg,#eef6ff 0%,#dcecff 100%);color:#0f63b3;border:2px solid #bad8ff;white-space:nowrap}.s2e-item-done.done{background:linear-gradient(180deg,#eaf9ef 0%,#dff4e6 100%);color:#198754;border-color:#bfe7c8}
.s2e-item-link{flex:1 1 auto;min-width:0;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:17px;background:linear-gradient(180deg,#f9fbff 0%,#f0f6ff 100%);border:2px solid #dce8f8;color:inherit}.s2e-item-text{min-width:0;flex:1 1 auto;text-align:right}.s2e-item-ar{display:block;font-size:21px;font-weight:900;line-height:1.35;color:#173f97;text-align:right}.s2e-item-en{display:block;margin-top:4px;font-family:Verdana,Arial,sans-serif;font-size:13px;font-weight:700;line-height:1.35;color:#6e86a3;direction:ltr;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.s2e-item-go{flex:0 0 auto;min-width:70px;min-height:42px;padding:8px 6px;border-radius:14px;background:linear-gradient(180deg,#0d1f5c 0%,#002e94 55%,#1e90ff 100%);color:#fff;font-size:16px;font-weight:900;display:flex;align-items:center;justify-content:center;white-space:nowrap}
.s2e-empty{display:flex;align-items:center;justify-content:center;min-height:56px;padding:12px;border-radius:14px;background:#f4f7fb;color:#69809d;border:2px dashed #d5dfeb;font-size:17px;font-weight:800;text-align:center}
.s2e-prevday-row{width:100%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px;border-radius:16px;background:linear-gradient(180deg,#f9fbff 0%,#f0f6ff 100%);border:2px solid #dce8f8;text-align:right}.s2e-prevday-row.done{border-color:#bfe7c8;background:#f4fbf6}.s2e-prevday-row.notdone{border-color:#ef8f8f;background:#fff9f9}.s2e-prevday-right{display:flex;flex-direction:column;gap:4px}.s2e-prevday-day{font-size:18px;font-weight:900;color:#234a86;line-height:1.5}.s2e-prevday-label{font-size:15px;font-weight:900;color:#6a7f9b;line-height:1.4}.s2e-prevday-status{white-space:nowrap;font-size:15px;font-weight:900;color:#556b86}

@media (max-width:768px){
  #s2e-plan-root{width:min(94vw,430px);margin:0 auto 8px !important}
  .s2e-plan-topbox{padding:10px 10px 10px;border-radius:20px}
  .s2e-plan-title{font-size:26px}.s2e-plan-sub{font-size:14px}
  .s2e-plan-tabs{gap:6px}.s2e-plan-tab{font-size:18px;min-height:46px;padding:10px 14px;flex:1 1 0}
  .s2e-plan-desc-title{font-size:18px}.s2e-plan-desc-text{font-size:14px}.s2e-plan-start-btn{font-size:21px;min-height:50px}
  .s2e-progress-meta,#s2e-days-done-text{font-size:16px}.s2e-progress-pill{min-width:74px;min-height:40px;font-size:17px}.s2e-progress-submeta{font-size:14px}.s2e-progress-note{font-size:14px;padding:8px 8px}
  .s2e-top-secondary-btn{font-size:16px;min-height:44px;padding:9px 10px;flex:1 1 0}.s2e-reset-plan-btn{font-size:14px;min-height:40px;flex:0 1 auto;padding:8px 12px}
  .s2e-day-weekday{font-size:24px}.s2e-day-date{font-size:16px}.s2e-day-label{font-size:14px}.s2e-day-badge-free,.s2e-day-special{font-size:13px}.s2e-day-state{font-size:13px}.s2e-day-progress-mini{font-size:12px}
  .s2e-done-btn{width:74px;min-width:74px;max-width:74px;min-height:46px;font-size:14px}.s2e-open-btn{font-size:17px;min-height:46px;padding:8px 8px}
  .s2e-dialog-title{font-size:22px}.s2e-dialog-text{font-size:15px}.s2e-close-mini{font-size:14px}.s2e-package-modal{width:min(94vw,100%);padding:12px 12px 16px}.s2e-package-header{font-size:22px}.s2e-package-mini-features{grid-template-columns:1fr}.s2e-package-mini-card{font-size:16px;min-height:56px}.s2e-offer{font-size:14px}.s2e-old-price{font-size:17px}.s2e-new-price{font-size:32px}.s2e-price-note{font-size:13px}.s2e-subscribe-now-btn{font-size:22px}
  .s2e-popup-title{font-size:24px}.s2e-popup-sub{font-size:14px}.s2e-popup-chip{font-size:13px}.s2e-item-done{width:66px;min-width:66px;max-width:66px;min-height:42px;font-size:13px}.s2e-item-ar{font-size:16px}.s2e-item-en{font-size:11px}.s2e-item-go{min-width:58px;min-height:40px;font-size:13px}.s2e-prevday-day{font-size:14px}.s2e-prevday-label,.s2e-prevday-status{font-size:12px}
}




/* =========================================================
   STEP2ENGLISH - FINAL SMALL MOBILE SAFE FIX
   ضعيه آخر الكود الحالي
========================================================= */

body#page-mod-page-view,
body#page-mod-page-view #page,
body#page-mod-page-view #region-main,
body#page-mod-page-view #region-main-box{
  overflow-x:hidden !important;
}

#s2e-plan-root{
  width:100% !important;
  max-width:860px !important;
  margin:0 auto 10px !important;
  padding-inline:8px !important;
}

#s2e-plan-root,
#s2e-plan-root *{
  max-width:100%;
}

@media (max-width:768px){
  #s2e-plan-root{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto 8px !important;
    padding-inline:6px !important;
  }

  .s2e-plan-topbox,
  .s2e-plan-desc-card,
  .s2e-day-card,
  .s2e-popup-box,
  .s2e-prevdays-box,
  .s2e-dialog-box,
  .s2e-package-modal{
    width:100% !important;
    max-width:100% !important;
    margin-inline:0 !important;
  }

  .s2e-progress-line{
    flex-wrap:wrap !important;
    gap:8px !important;
  }
}

@media (max-width:430px){
  #s2e-plan-root{
    padding-inline:4px !important;
  }

  /* تبويب الخطة */
  .s2e-plan-tabs{
    display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    gap:6px !important;
  }

  .s2e-plan-tab{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    padding:10px 6px !important;
    font-size:17px !important;
    white-space:normal !important;
    text-align:center !important;
  }

  /* أزرار الأيام السابقة / القادمة */
  .s2e-top-actions{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:6px !important;
  }

  .s2e-top-secondary-btn{
    width:100% !important;
    min-width:0 !important;
    max-width:100% !important;
    padding:10px 6px !important;
    font-size:15px !important;
    white-space:normal !important;
    text-align:center !important;
  }

  /* سطر التقدم */
  .s2e-progress-line{
    flex-wrap:wrap !important;
    justify-content:center !important;
    gap:6px !important;
  }

  .s2e-progress-pill{
    min-width:68px !important;
    min-height:38px !important;
    font-size:16px !important;
  }

  .s2e-progress-meta,
  #s2e-days-done-text,
  .s2e-progress-submeta,
  .s2e-progress-note{
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
  }

  .s2e-progress-meta,
  #s2e-days-done-text{
    font-size:15px !important;
  }

  /* أزرار كارت اليوم */
  .s2e-day-actions,
  .s2e-item-row{
    display:grid !important;
    grid-template-columns:62px minmax(0,1fr) !important;
    gap:8px !important;
    width:100% !important;
  }

  .s2e-done-btn,
  .s2e-item-done{
    width:62px !important;
    min-width:62px !important;
    max-width:62px !important;
    font-size:12px !important;
  }

  .s2e-open-btn,
  .s2e-item-link,
  .s2e-plan-start-btn,
  .s2e-subscribe-now-btn{
    min-width:0 !important;
    max-width:100% !important;
    white-space:normal !important;
    line-height:1.2 !important;
  }

  .s2e-open-btn{
    font-size:18px !important;
    padding:8px 8px !important;
  }

  .s2e-plan-start-btn,
  .s2e-subscribe-now-btn{
    font-size:18px !important;
  }

  /* أحجام النص داخل الكروت */
  .s2e-day-weekday{font-size:22px !important;}
  .s2e-day-date{font-size:15px !important;}
  .s2e-day-label,
  .s2e-day-badge-free,
  .s2e-day-special{font-size:12px !important;}
  .s2e-day-state,
  .s2e-day-progress-mini{font-size:12px !important;}

  .s2e-day-card,
  .s2e-plan-topbox,
  .s2e-plan-desc-card{
    border-radius:18px !important;
  }
  
  /* ===== FIX: زر فتح اليوم المجاني لو كان وحده ===== */
@media (max-width:430px){

  .s2e-day-actions > .s2e-open-btn:only-child,
  .s2e-item-row > .s2e-item-link:only-child{
    grid-column:1 / -1 !important;
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    justify-self:stretch !important;
  }

  .s2e-day-actions > .s2e-open-btn:only-child{
    min-height:54px !important;
    padding:10px 12px !important;
    border-radius:18px !important;
    font-size:18px !important;
    line-height:1.15 !important;
    white-space:normal !important;
    text-align:center !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

}
}

/* ===== FIX: توسيط زر اشترك لو كان وحده ===== */
@media (max-width:430px){

  .s2e-top-actions > .s2e-top-secondary-btn:only-child,
  .s2e-top-actions-row2 > .s2e-top-secondary-btn:only-child{
    grid-column:1 / -1 !important;
    justify-self:center !important;
    width:min(260px, 100%) !important;
    max-width:100% !important;
    min-width:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    margin-inline:auto !important;
  }

}




/* =========================================================
   STEP2ENGLISH - CLEARER PROGRESS BAR ONLY
   ضعه آخر الـ CSS الحالي
========================================================= */

.s2e-progress-stack{
  gap:10px !important;
}

.s2e-progress-bar{
  width:100% !important;
  height:22px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#edf2f8 0%, #dfe7f1 100%) !important;
  border:2px solid #cfd9e6 !important;
  box-shadow:
    inset 0 2px 6px rgba(0,0,0,.08),
    0 4px 10px rgba(13,56,145,.08) !important;
  overflow:hidden !important;
  margin:2px 0 0 !important;
}

.s2e-progress-bar span,
#s2e-progress-fill{
  display:block !important;
  height:100% !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#0d1f5c 0%, #003cb3 55%, #2ca0ff 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    0 0 10px rgba(30,144,255,.22) !important;
  position:relative !important;
  transition:width .3s ease !important;
}

.s2e-progress-bar span::after,
#s2e-progress-fill::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  width:34px;
  background:linear-gradient(90deg,rgba(255,255,255,0) 0%, rgba(255,255,255,.35) 100%);
  border-radius:999px;
}

.s2e-progress-pill{
  box-shadow:0 8px 18px rgba(13,56,145,.22) !important;
}

.s2e-progress-meta,
#s2e-days-done-text{
  color:#173f86 !important;
}

@media (max-width:430px){
  .s2e-progress-bar{
    height:20px !important;
  }

  .s2e-progress-bar span::after,
  #s2e-progress-fill::after{
    width:26px !important;
  }
}





/* =========================================================
   STEP2ENGLISH - CLEAN PROGRESS BAR VISUAL ONLY (SAFE)
   استخدمه بدل الملف السابق
   هذا الملف CSS فقط بدون أي JavaScript
========================================================= */

.s2e-progress-stack{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:8px !important;
  margin-bottom:8px !important;
}

.s2e-progress-stack::before{
  content:"تقدمك في الخطة";
  display:block;
  text-align:center;
  color:#153f88;
  font-size:17px;
  font-weight:900;
  line-height:1.4;
  margin-bottom:2px;
  font-family:Tahoma,Arial,sans-serif;
}

.s2e-progress-line{
  display:contents !important;
}

.s2e-progress-pill{
  display:none !important;
}

.s2e-progress-bar{
  order:1;
  width:100% !important;
  height:22px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#edf2f8 0%,#dfe7f1 100%) !important;
  border:2px solid #cfd9e6 !important;
  box-shadow:inset 0 2px 6px rgba(0,0,0,.08), 0 4px 10px rgba(13,56,145,.08) !important;
  overflow:hidden !important;
  margin:0 !important;
}

.s2e-progress-bar span,
#s2e-progress-fill{
  display:block !important;
  height:100% !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#0d1f5c 0%,#003cb3 55%,#2ca0ff 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 0 10px rgba(30,144,255,.22) !important;
  position:relative !important;
  transition:width .3s ease !important;
}

.s2e-progress-bar span::after,
#s2e-progress-fill::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  width:34px;
  background:linear-gradient(90deg,rgba(255,255,255,0) 0%, rgba(255,255,255,.35) 100%);
  border-radius:999px;
}

.s2e-progress-meta,
#s2e-days-done-text{
  order:2;
  display:block !important;
  text-align:center !important;
  color:#173f86 !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1.5 !important;
  margin:0 !important;
  font-family:Tahoma,Arial,sans-serif !important;
}

.s2e-progress-submeta,
#s2e-day-units-text{
  order:3;
  display:block !important;
  text-align:center !important;
  color:#607ca7 !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1.5 !important;
  margin:0 !important;
  font-family:Tahoma,Arial,sans-serif !important;
}

.s2e-progress-note{
  order:4;
  margin-top:2px !important;
}

@media (max-width:430px){
  .s2e-progress-stack::before{
    font-size:15px !important;
  }

  .s2e-progress-bar{
    height:20px !important;
  }

  .s2e-progress-bar span::after,
  #s2e-progress-fill::after{
    width:26px !important;
  }

  .s2e-progress-meta,
  #s2e-days-done-text{
    font-size:16px !important;
  }

  .s2e-progress-submeta,
  #s2e-day-units-text{
    font-size:14px !important;
  }
}



/* =========================================================
   STEP2ENGLISH - PROGRESS BAR + PERCENT SAFE PATCH
   آمن: CSS فقط
   الهدف: إظهار النسبة المئوية بوضوح + شريط أوضح
   ضعه بعد CSS الخطة الذكية الحالية
========================================================= */

.s2e-progress-stack{
  gap:10px !important;
}

.s2e-progress-line{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  flex-wrap:nowrap !important;
}

.s2e-progress-meta,
#s2e-days-done-text{
  display:block !important;
  text-align:center !important;
  margin:0 !important;
  color:#173f86 !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1.45 !important;
}

.s2e-progress-pill{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-width:88px !important;
  min-height:46px !important;
  padding:6px 14px !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,#0d1f5c 0%,#002e94 55%,#1e90ff 100%) !important;
  color:#fff !important;
  font-size:19px !important;
  font-weight:900 !important;
  box-shadow:0 10px 20px rgba(13,56,145,.22) !important;
}

.s2e-progress-bar{
  width:100% !important;
  height:22px !important;
  border-radius:999px !important;
  background:linear-gradient(180deg,#edf2f8 0%, #dfe7f1 100%) !important;
  border:2px solid #cfd9e6 !important;
  box-shadow:inset 0 2px 6px rgba(0,0,0,.08), 0 4px 10px rgba(13,56,145,.08) !important;
  overflow:hidden !important;
  margin:2px 0 0 !important;
}

.s2e-progress-bar span,
#s2e-progress-fill{
  display:block !important;
  height:100% !important;
  border-radius:999px !important;
  background:linear-gradient(90deg,#0d1f5c 0%, #003cb3 55%, #2ca0ff 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 0 10px rgba(30,144,255,.22) !important;
  position:relative !important;
  transition:width .3s ease !important;
}

.s2e-progress-bar span::after,
#s2e-progress-fill::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  right:0;
  width:34px;
  background:linear-gradient(90deg,rgba(255,255,255,0) 0%, rgba(255,255,255,.35) 100%);
  border-radius:999px;
}

.s2e-progress-submeta{
  color:#5e79a4 !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1.5 !important;
}

.s2e-progress-note{
  width:100% !important;
  font-size:15px !important;
  font-weight:900 !important;
  color:#315c94 !important;
  line-height:1.5 !important;
  background:#ffffff !important;
  border:2px solid #dce8fa !important;
  border-radius:16px !important;
  padding:8px 10px !important;
  text-align:center !important;
}

@media (max-width:768px){
  .s2e-progress-meta,
  #s2e-days-done-text{
    font-size:16px !important;
  }

  .s2e-progress-pill{
    min-width:78px !important;
    min-height:42px !important;
    font-size:17px !important;
  }

  .s2e-progress-bar{
    height:20px !important;
  }
}

@media (max-width:430px){
  .s2e-progress-line{
    flex-wrap:wrap !important;
    gap:6px !important;
  }

  .s2e-progress-meta,
  #s2e-days-done-text{
    font-size:15px !important;
  }

  .s2e-progress-pill{
    min-width:72px !important;
    min-height:38px !important;
    font-size:16px !important;
    border-radius:14px !important;
  }

  .s2e-progress-bar span::after,
  #s2e-progress-fill::after{
    width:26px !important;
  }

  .s2e-progress-submeta,
  .s2e-progress-note{
    font-size:14px !important;
  }
}









/* STEP2ENGLISH - STEP TIMETABLE FINAL PATCH */
.s2e-plan-loading-box{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.s2e-close-mini{margin:0 auto 10px 0 !important;}
.s2e-close-btn{margin:0 auto 12px 0 !important;}