/* ═══════════════════════════════════════════════════════════
   إيقاع أقسام الصفحة الرئيسية — كل قسم بارز عن اللي قبله،
   + كارت الدعوة (CTA) مزخرف بنفس لغة الهيرو.
   ═══════════════════════════════════════════════════════════ */

/* تمييز الأقسام بالتبادل: أبيض ↔ أزرق فاتح، مع توهّج خفيف في ركن */
.features-section,
.blog-section,
.faq-section{
  position:relative;
  background:
    radial-gradient(680px 440px at 92% -10%, rgba(0,89,183,.07), transparent 60%),
    linear-gradient(180deg,#f1f7ff 0%,#f6faff 100%)!important;
  overflow:hidden;
}
.courses-section,
.reviews-section{
  position:relative;
  background:#ffffff!important;
  overflow:hidden;
}

/* خط فاصل ناعم بين الأقسام */
.features-section,.courses-section,.blog-section,
.reviews-section,.faq-section{
  border-top:1px solid rgba(0,51,102,.06);
}

/* نقط زينة خفيفة في ركن كل قسم ملوّن */
.features-section::before,
.blog-section::before,
.faq-section::before{
  content:"";position:absolute;width:150px;height:110px;left:2.5%;bottom:8%;z-index:0;
  background-image:radial-gradient(rgba(0,89,183,.14) 1.5px,transparent 1.5px);
  background-size:14px 14px;opacity:.6;pointer-events:none;
}
.features-section > .container,
.courses-section > .container,
.blog-section > .container,
.reviews-section > .container,
.faq-section > .container{position:relative;z-index:1}

/* شكل العنوان الموحّد — خط تحته بلون البراند */
.section-header h2,.features-section h2,.courses-section h2,
.blog-section h2,.reviews-section h2,.faq-section h2{position:relative}

/* ═══ كارت الدعوة (CTA) — مزخرف وبارز ═══ */
.cta-section{padding:20px 0 64px;position:relative}
.cta-box{
  position:relative;overflow:hidden;
  background:
    radial-gradient(520px 320px at 88% -30%, rgba(90,160,255,.35), transparent 60%),
    radial-gradient(420px 300px at 6% 130%, rgba(11,94,215,.45), transparent 60%),
    linear-gradient(135deg,#0a2a52 0%,#0d3a6e 55%,#0b4d9e 100%)!important;
  border:1px solid rgba(120,180,255,.18);
  box-shadow:0 24px 60px rgba(11,42,82,.34), inset 0 1px 0 rgba(255,255,255,.10);
  border-radius:26px!important;
  padding:56px 40px!important;
}
/* شبكة نقط في الركن */
.cta-box::before{
  content:"";position:absolute;width:180px;height:150px;right:5%;top:16%;z-index:0;
  background-image:radial-gradient(rgba(255,255,255,.22) 1.6px,transparent 1.6px);
  background-size:16px 16px;opacity:.5;pointer-events:none;
}
/* دائرة ضوئية */
.cta-box::after{
  content:"";position:absolute;width:340px;height:340px;border-radius:50%;
  left:-90px;bottom:-150px;z-index:0;pointer-events:none;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 0 90px rgba(90,160,255,.30) inset;
}
.cta-box > *{position:relative;z-index:1}
.cta-box h2{color:#fff!important;font-size:clamp(24px,3vw,36px)!important;margin-bottom:10px!important;letter-spacing:.5px}
.cta-box p{color:#bcd4f0!important;font-size:clamp(15px,1.4vw,18px)!important;margin-bottom:26px!important}

/* أيقونة صغيرة فوق العنوان */
.cta-box h2::before{
  content:"\f135";font-family:"Font Awesome 6 Free";font-weight:900;
  display:block;font-size:30px;color:#7cbcff;margin-bottom:14px;
  filter:drop-shadow(0 4px 12px rgba(124,188,255,.5));
}

/* الزرار الأبيض يبقى بارز أكتر */
.cta-box .btn-white{
  background:#fff!important;color:#0a2a52!important;
  padding:15px 40px!important;border-radius:14px!important;font-weight:800!important;
  box-shadow:0 12px 30px rgba(0,0,0,.24), inset 0 1px 0 #fff!important;
  transition:transform .2s ease,box-shadow .2s ease!important;
}
.cta-box .btn-white:hover{
  transform:translateY(-3px)!important;
  box-shadow:0 18px 40px rgba(0,0,0,.32)!important;
}

@media (max-width:640px){
  .cta-box{padding:40px 24px!important;border-radius:20px!important}
  .features-section::before,.blog-section::before,.faq-section::before{display:none}
}

/* الوضع الليلي */
[data-theme="dark"] .features-section,
[data-theme="dark"] .blog-section,
[data-theme="dark"] .faq-section{
  background:radial-gradient(680px 440px at 92% -10%, rgba(0,89,183,.14), transparent 60%),
            linear-gradient(180deg,#0e1a29 0%,#0b1420 100%)!important;
}
[data-theme="dark"] .courses-section,
[data-theme="dark"] .reviews-section{background:#0b1420!important}

/* ═══ زرار «شوف كل الآراء» — يشتغل في اللايت والدارك ═══ */
.reviews-more-btn{
  display:inline-block;background:transparent;color:#003366;border:2px solid #003366;
  padding:12px 32px;border-radius:12px;font-weight:800;text-decoration:none;transition:.25s;
}
.reviews-more-btn:hover{background:#003366;color:#fff}
[data-theme="dark"] .reviews-more-btn{color:#cfe3ff;border-color:#4a9eff}
[data-theme="dark"] .reviews-more-btn:hover{background:#0b5ed7;color:#fff;border-color:#0b5ed7}

/* ═══ CTA صفحة الآراء ياخد نفس شكل كارت الدعوة ═══ */
.rvp-cta.cta-box{max-width:none;margin-top:10px}
.rvp-cta.cta-box a{background:#fff!important;color:#0a2a52!important;
  padding:15px 40px!important;border-radius:14px!important;font-weight:800!important;
  box-shadow:0 12px 30px rgba(0,0,0,.24), inset 0 1px 0 #fff!important;display:inline-block}
.rvp-cta.cta-box a:hover{transform:translateY(-3px)!important;background:#fff!important;color:#0a2a52!important}