/*
 Theme Name:   Eduma Child
 Theme URI:    http://educationwp.thimpress.com/
 Description:  Eduma Child Theme
 Author:       ThimPress
 Author URI:   http://thimpress.com
 Template:     eduma
 Version:      1.0.0
 Text Domain:  eduma-child
*/
.course-curriculum-info .wpc--darklup-element {
  visibility: hidden;
}


/* فك إخفاء الصفحة لو الـ html عليه display:none */
html[style*="display: none"] {
  display: block !important;
}
html, body {
  visibility: visible !important;
  opacity: 1 !important;
}

/* ===== 1) الاسكرول يرجع طبيعي ويقفّل الأفقي ===== */
html, body{
  overflow-y: auto !important;
  overflow-x: hidden;
  max-width: 100%;
}

/* ===== 2) الغِ أي خلفيات على ::before/::after (كانت بتعطل السّكرول) ===== */
.features-plain::before,
.features-plain::after{
  content: none !important;
  display: none !important;
}

/* ===== 3) الخلفية المخططة على العنصر نفسه (خفيفة وسريعة) ===== */
.features-plain{
  /* خطوط رأسية بلون الأزرق الأساسي #356DF1 بوضوح خفيف */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='1' viewBox='0 0 24 1'><rect width='2' height='1' fill='%23356DF1' fill-opacity='.07'/></svg>");
  background-size: 24px 100%;
  background-repeat: repeat;
  background-attachment: scroll; /* علشان السّكرول يبقى انسيابي */
}

/* دارك مود (لو البلجن مفعّل) */
html.dark .features-plain,
body.dark .features-plain,
[data-theme='dark'] .features-plain{
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='1' viewBox='0 0 24 1'><rect width='2' height='1' fill='%23356DF1' fill-opacity='.14'/></svg>");
}

/* تأكيد لون الكلمة المميزة في العنوان */
.features-plain .fp-title .accent{ color:#356DF1 !important; }

/* ===== 4) محتوى السكشن ثابت ومتمركز ===== */
.features-plain .fp-wrap{
  max-width: 1100px;
  margin-inline: auto;
  padding-inline: 16px;
  position: relative;
  z-index: 1;
}
.features-plain .fp-grid{ justify-items: center; }
.features-plain .fp-item{ max-width: 420px; }

/* أي عنصر جوّه السكشن واخد 100vw يرجع 100% */
.features-plain [style*="100vw"]{ width: 100% !important; }

/* ===== 5) الـstretch — ديسكتوب بس، ومن 768–1369 يرجع طبيعي ===== */

/* تابلت لحد 1369px: بدون تمديد */
@media (min-width: 768px) and (max-width: 1369px){
  .features-plain.stretch-vw{
    left: 0 !important; right: 0 !important;
    margin-left: 0 !important; margin-right: 0 !important;
    width: 100% !important; max-width: 100% !important;
  }
}

/* ديسكتوب عريض: فعّل التمديد الكامل */
@media (min-width: 1370px){
  .features-plain.stretch-vw{
    position: relative;
    left: 50%; right: 50%;
    margin-left: -50vw; margin-right: -50vw;
    width: 100vw; max-width: 100vw;
  }
}

/* ===== 6) أمان إضافي لعناصر Elementor المتمددة على التابلت ===== */
@media (max-width: 1369px){
  .elementor-section.elementor-section-stretched{ left: 0 !important; width: 100% !important; }
}


/* ====== UNLOCK PACK (يفتح السكروول ويمنع أي قفل بالخطأ) ====== */

/* رجّع السكروول الرأسي وقفل الأفقي */
html, body{
  overflow-y: auto !important;
  overflow-x: hidden !important;
  height: auto !important;
  max-height: none !important;
  position: static !important;
  touch-action: pan-y !important;
  -webkit-overflow-scrolling: touch !important;
  scroll-behavior: auto !important;   /* لو كان فيه smooth بيبطّأ */
}

/* أي wrappers رئيسية ممكن تكون عاملة overflow:hidden أو fixed */
#page, .site, .site-content, .content, .wrapper,
.thim-app, .thim-ekits-container, .elementor,
.elementor-location-single, .elementor-section-wrap{
  overflow-y: visible !important;
  overflow-x: hidden !important;
  height: auto !important;
  max-height: none !important;
  position: static !important;
  transform: none !important;          /* يمنع طبقة ثابتة تقفل الأحداث */
}

/* لو فيه scroll-snap مفعّل بالخطأ */
html, body, .site, .site-content, .elementor{ scroll-snap-type: none !important; }

/* عطّل أي أوفرلاي يمسك الأحداث */
.thim-ekits-offcanvas-overlay,
.mm-wrapper__blocker,
.elementor-overlay,
.wpc-darklup-overlay{ pointer-events: none !important; }

/* منع تمديد السكشنات على التابلت (هو سبب العرض الزيادة غالبًا) */
@media (min-width:768px) and (max-width:1369px){
  .features-plain.stretch-vw,
  .elementor-section.elementor-section-stretched,
  .thim-ekits-container-stretched,
  .container-stretched{
    left:0 !important; right:0 !important;
    margin-left:0 !important; margin-right:0 !important;
    width:100% !important; max-width:100% !important;
  }
}

/* الديسكتوب العريض فقط: اسمح بالتمديد */
@media (min-width:1370px){
  .features-plain.stretch-vw{
    position:relative;
    left:50%; right:50%;
    margin-left:-50vw; margin-right:-50vw;
    width:100vw; max-width:100vw;
  }
}

/* الخلفية المخططة الخفيفة على العنصر نفسه (مش ::before) */
.features-plain{
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='1' viewBox='0 0 24 1'><rect width='2' height='1' fill='%23356DF1' fill-opacity='.07'/></svg>");
  background-size: 24px 100%;
  background-repeat: repeat;
}

/* دارك مود */
html.dark .features-plain,
body.dark .features-plain,
[data-theme='dark'] .features-plain{
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='1' viewBox='0 0 24 1'><rect width='2' height='1' fill='%23356DF1' fill-opacity='.14'/></svg>");
}

/* المحتوى في النص */
.features-plain .fp-wrap{ max-width:1100px; margin-inline:auto; padding-inline:16px; position:relative; z-index:1; }
.features-plain .fp-grid{ justify-items:center; }
.features-plain .fp-item{ max-width:420px; }