/* ===================================
   GCAS كامل CSS المخصص
   ===================================
/* ===================================
   إصلاح: إزالة التسطير غير المرغوب فيه
   =================================== */

/* روابط التنقل في رأس القائمة *//
.nav-menu a,
.nav-menu> li> a,
.nav-menu .sub-menu a,
الرأس أ,
.رأس الموقع أ {
    زخرفة النص: لا شيء !مهم;
}

/* أزرار تسجيل الدخول والتقديم *//
.nav-cta,
.nav-cta-outline,
.btn-login,
.btn-apply,
أ[href*="تسجيل دخول الطالب"],
.a[href*="/apply"] { {
    زخرفة النص: لا شيء !مهم;
}

/* زر CTA البطل (حجز مكالمة توجيهية) *//
.hero-cta,
.hero-cta a,
a[href*="book-a-meeting"],
.btn,
.button,
a.btn,
a.button {
    زخرفة النص: لا شيء !مهم;
}
*/

/* إخفاء عناوين صفحات ووردبريس الافتراضية *//
.الصفحة .عنوان الإدخال,
.page-title,
h1.entry-title {
    العرض: لا شيء;
}

/* إخفاء أزرار المشاركة/الإعجاب *//
.Shareaddy,
.sd-sharing,
.sd-like,
.مشاركة-هذا
.أعجبني-الأداة
.post-likes-widget
.مشاركة
.أزرار المشاركة {
    العرض: لا شيء !مهم;
}

/* إضافة مساحة لالتقاط الأنفاس لأبطال الصفحات المخصصة *//
.صفحة الأفلام
.محاضرات-صفحة
.الصفحة المالية
صفحة الشهادات
.about-page
.صفحة القبول - الصفحة {
    الهامش الأعلى: 40 بكسل;
}

/ ** إخفاء القوائم المنسدلة بشكل افتراضي */ .*
.nav-menu .sub-menu {
    العرض: لا شيء;
    الموضع: مطلق;
    أعلى: 100%;
    اليسار: 0;
    الخلفية: #P5T0a0a0a0a0a0a;
    الحد الأدنى للعرض: 220 بكسل;
    الحشو: 10 بكسل 0;
    نصف قطر الحدود: 4 بكسل;
    مربع الظل: 0 10 بكسل 30 بكسل rgba(0,0,0,0,0.3);
    مؤشر z: 1000;
}

/* إظهار القائمة المنسدلة عند التمرير *//
.nav-menu li:hover> .sub-menu {
    العرض: كتلة;
}

/* نمط عناصر القائمة المنسدلة */ .*/
.nav-menu .sub-menu li {
    العرض: كتلة;
}

.nav-menu.sub-menu menu a {
    العرض: كتلة;
    الحشو: 10 بكسل 20 بكسل;
    اللون: #ffffff;
    زخرفة النص: لا شيء;
    مقاس الخط: 0.9ريم;
    الانتقال: خلفية 0.2 ثانية سهولة;
}

.nav-menu .sub-menu a:hover {
    الخلفية: rgba(22, 155, 98, 0.2);
    اللون: #169B62;
}

/* تحديد موضع عنصر القائمة الرئيسية */
.nav-menu > li {
    الموضع: نسبي;
}

/* تباعد أكثر سخاءً *//
.nav-menu > li {
    الهامش: 0 25 بكسل;
}

.nav-menu> li > li> a {
    الحشو: 12 بكسل 20 بكسل;
}

/* تغيير لون القائمة الرئيسية إلى اللون الأزرق *//.
.nav-menu> li> a {
    اللون: #P5T4A90D9;
}

.nav-menu> li> a:hover {
    اللون: #P5T6BB3FF;
}

/* تغيير زر 'تطبيق الآن' إلى اللون الأزرق *//
.nav-cta {
    لون الحدود: #P5T4A90D9;
    اللون: #P5T4A90D9;
}

.nav-cta:hover {
    الخلفية: #P5T4A90D9;
    اللون: #P5Tffffff;
}

/* ===================================
   سطح المكتب - قوائم منسدلة من المستوى الثاني
   =================================== */

@ شاشة الوسائط و (الحد الأدنى للعرض: 1000 بكسل) { .media screen و (الحد الأدنى للعرض: 1000 بكسل) {
    .sub-menu .sub-menu {
        العرض: لا شيء;
        الموضع: مطلق;
        اليسار: 100%;
        أعلى: 0;
        الخلفية: #1T1a1a2e;
        الحد الأدنى للعرض: 200 بكسل;
        مربع الظل: 0 4 بكسل 15 بكسل rgba(0,0,0,0,0.3);
    }

    .sub-menu li:hover> .sub-menu {
        العرض: كتلة;
    }

    .sub-menuu menu .sub-menu li {
        الموضع: نسبي;
    }

    .sub-menu menu .sub-menu menu a {
        حشوة: 12 بكسل 20 بكسل;
        العرض: كتلة;
        اللون: #fff;
        زخرفة النص: لا شيء;
    }

    .sub-menu menu .sub-menu a:hover {
        الخلفية: #169B62;
    }

    /* مؤشر السهم للعناصر التي لها أبناء */.
    .menu-item-has-children > a::after {
        المحتوى: " ▸";
    }
}

/*
 * /* ===================================
   قائمة الجوال - جميع العناصر مرئية
   =================================== */

@ شاشة الوسائط و (الحد الأقصى للعرض: 999 بكسل) {
    
    /* إظهار جميع القوائم الفرعية - بدون تبديل *//
    .قائمة فرعية,
    .sub-menu .sub-menu,
    .قائمة-عنصر-عنصر-لها-أطفال> .قائمة فرعية {
        العرض: كتلة !مهم;
        الموضع: ثابت !مهم;
        العرض: 100% !مهم;
        الخلفية: شفاف !مهم;
        تظليل الصندوق: لا شيء !مهم
        الحشو: 0 !مهم;
        الهامش: 0 !مهم;
    }
    
    /* نمط عناصر المستوى الأول *//
    .nav-menu> li> a,
    .menu> li> a {
        حجم الخط: 1.1ريم;
        وزن الخط: 600;
        الحشو: 15 بكسل 20 بكسل !مهم;
    }
    
    /* نمط عناصر القائمة المنسدلة من المستوى الأول - المسافة البادئة */
    .sub-menue > li > أ {
        الحشو: 12 بكسل 20 بكسل 12 بكسل 12 بكسل 35 بكسل !مهم;
        حجم الخط: 1ريم;
        اللون: #333 !مهم;
    }
    
    /* نمط عناصر القائمة المنسدلة من المستوى الثاني - ضع مسافة بادئة أكثر *//
    .sub-menue .sub-menu > li > a {
        الحشو: 10 بيكسل 20 بيكسل 10 بيكسل 10 بيكسل 55 بيكسل !مهم;
        مقاس الخط: 0.95ريم;
        اللون: #555 !مهم;
    }
    
    /* إزالة الأسهم حيث أن كل شيء مرئي *//
    .menu-item-has-children > a::after {
        العرض: لا شيء !مهم;
        المحتوى: لا شيء !مهم;
    }
    
    /* إضافة فاصل دقيق بين الأقسام *//
    .nav-menu > li {
        الحدود السفلية: 1 بكسل صلب rgba(0,0,0,0,0.1);
        الحشو السفلي: 5 بكسل;
        الهامش السفلي: 5 بكسل;
    }
    
    /* جعل القائمة قابلة للتمرير *//
    .قائمة الجوال,
    .mobile-navigation,
    [class*=’mobile-menu’] { {
        أقصى ارتفاع: 85 فهرنهايت !مهم;
        overflow-y: تلقائي !مهم;
        -webkit-overflow-scrolling: اللمس !مهم;
        الحشو السفلي: 100 بكسل !مهم;
    }
}
```

انقر على **انشر**.

---

#P5T# النتيجة:

ستظهر قائمة الهاتف المحمول **كل شيء موسع**:
```
الصفحة الرئيسية
نبذة عن
    عن مركز الخليج للأعمال الخيرية
    فريق العمل
    ...
الأكاديميون
    القبول
    المساعدات المالية
    أعضاء هيئة التدريس
        أعضاء هيئة التدريس الأساسيين
        هيئة التدريس الأساسية
        أعضاء هيئة التدريس للدراسات العليا
        الزملاء الباحثون
        أعضاء هيئة التدريس المنتسبين
    ...
برامج الدرجات العلمية
    بكالوريوس في الدراسات متعددة التخصصات
    ماجستير الفلسفة
    ...
/* إصلاح تمرير قائمة الجوال *//
.قائمة الجوال,
.menu-container,
.nav-menu {
    التجاوز ص: تلقائي !مهم;
    الحد الأقصى للارتفاع: 100vh !مهم;
    -webkit-overflow-overflow-scrolling: لمس;
}
.nav-menu.active {
    overflow-y: تلقائي !مهم;
    أقصى ارتفاع: 90vh !مهم;
    -webkit-overflow-scrolling: اللمس;
}
//* إصلاح تمرير قائمة الجوال التمرير *//
الوسائط (الحد الأقصى للعرض: 900 بكسل) {
    .nav-menu.active {
        الموضع: ثابت !مهم;
        أعلى: 0 !مهم;
        يسار: 0 !مهم;
        العرض: 100% !مهم;
        الارتفاع: 100vh !مهم
        الحد الأقصى للارتفاع: 100vh !مهم
        تجاوز التدفق الزائد: تلقائي !مهم
        -webkit-overflow-scrolling: اللمس !مهم
        الحشو من الأعلى: 80 بكسل !مهم;
        الحشو من الأسفل: 120 بكسل !مهم
        تحجيم الصندوق: مربع الحدود !مهم;
    }
}
@media (الحد الأقصى للعرض: 991 بكسل) {
    .mobile-menu-menu-overlay.active {
        الموضع: ثابت !مهم;
        أعلى: 0 !مهم;
        يسار: 0 !مهم;
        يمين: 0 !مهم;
        أسفل: 0 !مهم;
        العرض: 100vw !مهم
        الارتفاع: 100vh !مهم;
        الحد الأدنى للارتفاع: 100% !مهم;
        الخلفية: #P5Td1dce5 !مهم;
        مؤشر z: 99999999 !مهم
        تجاوز التدفق الزائد: تلقائي !مهم
        -webkit-overflow-scrolling: اللمس !مهم;
    }
    
    body.mobile-menu-en-open {
        التجاوز: مخفي !مهم;
        الموضع: ثابت !مهم;
        العرض: 100% !مهم;
    }
}
/* ============================================
   إصلاحات CSS لقالب GCAS
   أضف هذا إلى المظهر †' تخصيص †' CSS إضافية
   أو أضفه إلى ملف CSS الرئيسي لقالبك
   ============================================ */

/* ============================================
   1. سمة مستمرة - بدون تلعثم
   ============================================ */

.marquee-section {
    الحشو: 15 بكسل 0;
    الخلفية: متغير (-لون-أبرز، #4a90d9);
    التجاوز: مخفي;
    الموضع: نسبي;
}

.سرادق {
    العرض: مرن;
    الفجوة: 0;
    الرسوم المتحركة: تمرير سرادق 25 ثانية خطي لانهائي;
    العرض: الحد الأقصى للمحتوى;
}

.سرادق-عنصر {
    العرض: مرن;
    محاذاة العناصر: في المنتصف;
    الفجوة: 40 بكسل;
    تقليص مرن: 0;
    الحشو لليمين: 40 بكسل;
}

.marquee-text {
    font-family: var(--font-display, 'Cormorant Garamond', serif);
    حجم الخط: 1.1ريم;
    وزن الخط: 400;
    المسافة البيضاء: nowrap;
    اللون: #ffffff;
}

.marquee-dot {
    العرض: 6 بكسل;
    الارتفاع: 6 بكسل;
    الخلفية: #e53935;
    نصف قطر الحدود: 50%;
    تقليص مرن: 0;
}

@keyframes marquee-scroll {
    0% {
        التحويل: translateX(0);
    }
    100% {
        التحويل: translateX(-50%);
    }
}

/* إيقاف مؤقت عند التحويم *//
.marquee-section:hover .marquee {
    حالة تشغيل الرسوم المتحركة: متوقف مؤقتًا;
}


/* ============================================
   2. قسم الكليات - إصلاح محاذاة المركز
   ============================================ */

.faculty-section .container,
.faculty .container {
    الحد الأقصى للعرض: 1200 بكسل;
    الهامش: 0 تلقائي;
    الحشو: 0 20 بكسل;
}

.أعضاء هيئة التدريس-شبكة {
    العرض: الشبكة;
    شبكة-قالب-أعمدة الشبكة: تكرار (احتواء تلقائي، الحد الأدنى (280 بكسل، 1fr));
    الفجوة: 30 بكسل;
    تبرير المحتوى: في المنتصف;
    الحد الأقصى للعرض: 1200 بكسل;
    الهامش: 0 تلقائي;
}

/* إذا كانت هناك بطاقتان أو ثلاث بطاقات أعضاء هيئة تدريس فقط، فقم بتوسيطها */
.faculty-grid {
    تبرير العناصر: في المنتصف;
}

.faculty-card {
    العرض: 100%;
    الحد الأقصى للعرض: 350 بكسل;
}

/* التأكد من توسيط رأس القسم *//
.قسم الكلية .رأس القسم,
.faculty .section-header .section-header {
    محاذاة النص: في المنتصف;
    الهامش السفلي: 50 بكسل;
}


/* ============================================
   3. أصوات الطلاب - الارتفاع الثابت
   ============================================ */

.قسم الشهادات
.student-voices-section {
    الموضع: نسبي;
    التجاوز: مخفي;
}

.شهادات-كاريوسيل
.Student-voices-carousel {
    الموضع: نسبي;
    الحد الأدنى للارتفاع: 350 بكسل؛ /* الحد الأدنى الثابت للارتفاع */
    العرض: مرن;
    محاذاة العناصر: في المنتصف;
}

.بطاقة الشهادة
بطاقة صوت الطالب {
    الموضع: مطلق;
    أعلى: 0;
    يسار: 0;
    اليمين: 0;
    التعتيم: 0;
    الرؤية: مخفي;
    الانتقال: التعتيم 0.6 ثانية سهولة، الرؤية 0.6 ثانية سهولة;
    الحد الأدنى للارتفاع: 300 بكسل;
    العرض: مرن;
    الاتجاه المرن: عمود;
    تبرير المحتوى: في المنتصف;
    الحشو: 40 بكسل;
}

.testimonial-card.active.active,
.student-voice-card.active {
    الموضع: نسبي;
    التعتيم: 1;
    الرؤية: مرئي;
}

/* نص الاقتباس - الحد من الارتفاع المتسق *//
.شهادة-اقتباس-اقتباس,
.student-voice-quote {
    font-family: var(--font-display, "Cormorant Garamond", serif);
    حجم الخط: 1.4ريم;
    نمط الخط: مائل;
    ارتفاع الخط: 1.6;
    الهامش السفلي: 30 بكسل;
    أقصى ارتفاع: 200 بكسل;
    التجاوز: مخفي;
    العرض: -webkit-box;
    -webkit خط المشبك: 6;
    -webkit-box-orient: عمودي;
}

/* حاوية نقاط التنقل *//
.certonial-dots,
.student-voices-dots {
    العرض: مرن;
    تبرير المحتوى: في المنتصف;
    الفجوة: 10 بكسل;
    الهامش الأعلى: 30 بكسل;
}

.certonial-dot,
.Student-voice-dot {
    العرض: 12 بكسل;
    الارتفاع: 12 بكسل;
    نصف قطر الحدود: 50%;
    الخلفية: rgba(0, 0, 0, 0, 0.2);
    الحدود: لا شيء;
    المؤشر: مؤشر;
    الانتقال: خلفية 0.3 ثانية سهولة، وتحويل 0.3 ثانية سهولة;
}

.testimonial-dot.active,
.student-voice-dot.active {
    الخلفية: متغير (- لون-أبرز، #4a90d9);
    التحويل: مقياس (1.2);
}

/* تعديلات سريعة الاستجابة *//
وسائط (الحد الأقصى للعرض: 768 بكسل) {
    .شهادات-عروض الشهادات,
    .student-voices-carousel {
        الحد الأدنى للارتفاع: 400 بكسل;
    }
    
    .شهادة-اقتباس-شهادة,
    .طالب-صوت-صوت-اقتباس {
        مقاس الخط: 1.2ريم;
        -webkit خط المشبك: 8;
    }
}

.قسم الدرجات، .البرامج الأكاديمية، .قسم البرامج { لون الخلفية: #2T2a2a2a4e !مهم؛ }

/* GCAS - عرض فريق Elfsight Team Showcase (هذه الأداة فقط): استبدل عناوين URL الطويلة بـ CTA */
.elfsight-app-1f7f4a29-2567-4704-8838-d34d9d22df70 a[href*="calendar.app.google"],
.elfsight-app-1f7f4a29-2567-4704-8838-d34d9d22df70 a[href*=“shorturl.at”]{
  حجم الخط: 0 !مهم؛ /* إخفاء نص عنوان URL *//
  زخرفة النص: لا شيء !مهم؛ /* يزيل التسطير *//
  اللون: شفاف !مهم؛ /* يمنع النص "الشبح" *//
}

.elfsight-app-1f7f4a29-2567-4704-8838-d34d9d22df70 a[href*="calendar.app.google"]::after,
.elfsight-app-1f7f4a29-2567-4704-8838-d34d9d22df70 a[href*="shorturl.at"]::after{
  المحتوى: "لقاء مع باحث GCAS →";
  العرض: مضمنة كتلة;
  حجم الخط: 14 بكسل;
  وزن الخط: 600;
  ارتفاع الخط: 1.2;
  الحشو: 10p 14px 14px;
  نصف قطر الحدود: 999 بكسل;
  الحدود: 1px rgba(255,255,255,255,.35);
  background: rgba(255,255,255,.10);
  اللون: #P5Tffffff;
}

/* GCAS - أداة مقابلة Elfsight Widget: استبدل عناوين URL الطويلة بأزرار CTA */
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.app.google"],
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.google.com"],
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="shorturl.at"]{
  حجم الخط: 0 !مهم;
  زخرفة النص: لا شيء !مهم;
  اللون: شفاف !مهم;
}

/* إظهار تسمية الزر *//
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.app.google"]::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.google.com"]::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="shorturl.at"]::after{
  المحتوى: "حدد المحاور →";
  العرض: مضمنة كتلة;
  حجم الخط: 14 بكسل;
  وزن الخط: 600;
  ارتفاع الخط: 1.2;
  الحشو: 10p 14px 14px;
  نصف قطر الحدود: 999 بكسل;
  الحدود: 1px rgba(255,255,255,255,.35);
  background: rgba(255,255,255,.10);
  اللون: #P5Tffffff;
}

/* تلميع التحويم/التركيز *//
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.app.google"]:hover::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.google.com"]:hover::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="shorturl.at"]:hover::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.app.google"]:focus::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="calendar.google.com"]:focus::after,
.elfsight-app-ac73d1c8-41f7-439b-bc87-f6c0a73d751c a[href*="shorturl.at"]:focus::after{
  background: rgba(255,255,255,.18);
  التحويل: ترجمةY(-1 بكسل);
}
/* بديل: استهداف جميع القوائم الفرعية المتداخلة *//
.sub-menu > li {
    الموضع: نسبي;
}

.sub-menu menu > li > .sub-menu menu {
    أعلى: 0 !مهم;
    الهامش العلوي: 0 !مهم;
}
/* إصلاح سرادق كامل - تمرير لا نهائي سلس *//
.قسم السرادق {
    التجاوز: مخفي !مهم;
}

.سرادق {
    العرض: مرن !مهم;
    العرض: الحد الأقصى للمحتوى !مهم;
    الرسوم المتحركة: تمرير غير ملحوم 25 ثانية خطي لانهائي !مهم;
}

.سرادق-عنصر {
    العرض: مرن !مهم;
    محاذاة العناصر: في المنتصف !مهم;
    الفجوة: 60 بكسل !مهم;
    تقليص مرن: 0 !مهم;
    الحشو لليمين: 60 بكسل !مهم;
}

@إطارات رئيسية للتمرير السلس {
    0% {
        تحويل: ترجمةX(0);
    }
    100% {
        التحويل: translateX(-100% / 3));
    }
}
.page-title,
   .عنوان الإدخال {
       العرض: لا شيء;
.خلفية الكلية {
    الموضع: نسبي;
    z-index: 100;
}