/* ============================================================
   أكاديمية الزمالة العربية البريطانية — ABF Academy
   ------------------------------------------------------------
   Direction: classic academic. Centred, serif, and ruled.

   This institute has no colours of its own yet, so every
   variable here falls back to Institute's. The layout is entirely
   its own, which is what keeps the two apart until its palette
   is decided.
   ============================================================ */

body.theme-abfa { --ac-ink: #101a33; --ac-line: #d5dae4; --ac-bg: #fbfcfe; }

body.theme-abfa .btn,
body.theme-abfa .form-control,
body.theme-abfa .card,
body.theme-abfa .courselisting { border-radius: 0 !important; box-shadow: none !important; }

body.theme-abfa .courselisting,
body.theme-abfa .card {
    border: 1px solid var(--ac-line) !important;
    border-top: 2px solid var(--site-primary, #012169) !important;
}

body.theme-abfa h1, body.theme-abfa h2, body.theme-abfa h3,
body.theme-abfa .institute-footer h6 {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
}

/* ── البنر: فيلم بعرض الشاشة والكلام فوقه ────────────────────*/
body.theme-abfa .ab-hero {
    /* الطبقة والفيلم بيتقاسوا على البنر نفسه: من غير السطرين دول
       بيتقاسوا على جد أعلى وبينزلوا على الأقسام اللي تحت. */
    position: relative;
    isolation: isolate;

    /* الفيلم بيملا البنر كله والكلام فوقه. الكحلي تحته مش زخرفة:
       هو اللي بيبان لو يوتيوب متحجوب أو الشاشة ضيّقة أو الزائر طالب
       حركة أقل — الحالات اللي السكربت بيرفض يحمّل فيها الفيديو. */
    background: var(--site-primary, #012169);
    aspect-ratio: 16 / 6.6;
    padding: 0;
    text-align: start;
}

/* الاتجاه بقى حر: العمود بيمشي مع اللغة — شمال في الإنجليزي ويمين
   في العربي. كان متثبّت LTR عشان صورة لندن فراغها كان على الشمال
   فعلياً، والصورة اتشالت والفيلم بقى بعرض البنر كله. */

body.theme-abfa .ab-hero-inner {
    /* شريط بحث /plus أفقي بسبع حقول، فالعمود بقى بعرض البنر بدل
       40% اللي كانت لنموذج الشبكة العمودي. */
    max-width: none;
    width: 100%;
    margin: 0;

    /* العمود متمركز رأسياً (justify-content: center تحت)، فحشو
       فوق/تحت متساوي كان بيسيب البحث في نص البنر بالظبط. حشو تحت
       أكبر من فوق بيضيّق مساحة التمركز من تحت بس، فالكتلة كلها
       (وآخرها البحث) بتتحرك لفوق شوية من غير ما تلزق في الحافة. */
    padding-block-start: 1.4vw;
    padding-block-end: 5vw;

    /* حشو منطقي مش فيزيائي: العمود بقى بيمشي مع اللغة، فلو الحشو
       اتثبّت على الشمال كان بيقع على الناحية الداخلية في العربي
       والحقول تلزق في طرف الشاشة. */
    padding-inline: 2vw;
}

/* العمود متمركز رأسياً في البنر. كان بيتمطّ لآخره عشان يطابق ارتفاع
   صورة لندن، فالحقول كانت بتطلع تخينة — والصورة اتشالت خلاص. */
body.theme-abfa .ab-hero-inner {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

body.theme-abfa .ab-hero-crest {
    width: 54px; height: 54px; margin: 0 auto 26px;
    border: 3px solid var(--site-primary, #012169);
    position: relative;
    transform: rotate(45deg);
}
body.theme-abfa .ab-hero-crest::after {
    content: ""; position: absolute; inset: 8px;
    background: var(--site-accent, #C8102B);
}

body.theme-abfa .ab-hero h1 {
    font-size: 2.7rem; line-height: 1.24; font-weight: 400;
    color: var(--ac-ink); margin: 0 0 16px;
}

body.theme-abfa .ab-hero-lede { color: #66707e; font-size: 1.02rem; margin: 0 0 30px; }

body.theme-abfa .ab-hero-rule {
    height: 1px; background: var(--ac-line); margin: 26px auto; max-width: 560px;
}

/* ── البحث الكامل ────────────────────────────────────────────
   تمن حقول في عمود ضيّق — فشبكة عمودين متساويين، والعبارة والاعتماد
   بياخدوا الصف كله لأن نصّهم أطول. */
body.theme-abfa .ab-hero-search {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    max-width: 100%;
    margin: 0;
}

body.theme-abfa .ab-hero-search .ab-f-wide,
body.theme-abfa .ab-hero-search .ab-f-go { grid-column: 1 / -1; }

body.theme-abfa .ab-hero-search .ab-f {
    width: 100%;
    min-width: 0;
    border: 1px solid var(--ac-line);
    background: #fff;
    padding: 9px 11px;
    font-size: .88rem;
    color: var(--ac-ink);
    border-radius: 2px;
}

body.theme-abfa .ab-hero-search .ab-f:focus {
    outline: none;
    border-color: var(--site-primary, #012169);
}

body.theme-abfa .ab-hero-search .ab-f-go {
    border: 0;
    background: var(--site-primary, #012169);
    color: #fff;
    padding: 11px;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    font-size: .85rem;
    border-radius: 2px;
    cursor: pointer;
}

body.theme-abfa .ab-hero-search .ab-f-go:hover { background: var(--site-accent, #C8102B); }

body.theme-abfa .ab-hero-links {
    display: flex; justify-content: center; flex-wrap: wrap; gap: 26px;
    font-size: .9rem; text-transform: uppercase; letter-spacing: .08em;
}

body.theme-abfa .ab-hero-links a { color: var(--site-primary, #012169); font-weight: 700; text-decoration: none; }
body.theme-abfa .ab-hero-links a:hover { text-decoration: underline; }

@media (max-width: 991px) {
    body.theme-abfa .ab-hero h1 { font-size: 1.8rem; }
    body.theme-abfa .ab-hero-links { gap: 14px; }
}

/* ── الأقسام: أعمدة مفصولة بخطوط، عناوين مشجّرة ── */
body.theme-abfa .inst-values { background: #fff; border-block: 1px solid var(--ac-line); }
body.theme-abfa .inst-tiles-grid { gap: 0; }
body.theme-abfa .inst-tile { background: transparent; border: 0; border-inline-end: 1px solid var(--ac-line); align-items: center; text-align: center; padding: 30px 18px; }
body.theme-abfa .inst-tile:last-child { border-inline-end: 0; }
body.theme-abfa .inst-tile:hover { transform: none; box-shadow: none; background: #f7f8fa; }
body.theme-abfa .inst-tile-label { font-family: Georgia, "Times New Roman", "Amiri", serif; font-weight: 600; }
body.theme-abfa .inst-tile-more { letter-spacing: .1em; }
body.theme-abfa .inst-values-head { text-align: center; margin-inline: auto; }
body.theme-abfa .inst-values-list li { border-top: 1px solid var(--ac-line); padding-top: 18px; }
body.theme-abfa .inst-assoc { text-align: center; }
body.theme-abfa .inst-assoc p { margin-inline: auto; }
body.theme-abfa .inst-assoc-link { border-radius: 0; letter-spacing: .08em; text-transform: uppercase; font-size: .85rem; }

/* ── الصور: رمادية بخط سفلي رفيع، هيئة أكاديمية ── */
body.theme-abfa .widget-icon,
body.theme-abfa .common-banner-image,
body.theme-abfa .course-image { border-radius: 0; border-bottom: 2px solid var(--site-primary, #012169); }
body.theme-abfa .widget-icon img,
body.theme-abfa .course-image img { filter: grayscale(.55) contrast(1.04); }
body.theme-abfa .citymain-listing-wrap-box:hover .widget-icon img { filter: grayscale(0); }
/* ── القائمة: مشجّرة بحروف كبيرة ── */
body.theme-abfa .nav-link { text-transform: uppercase; font-size: .8rem; letter-spacing: .07em; }
body.theme-abfa .navbar-nav .nav-link.active { border-radius: 0 !important; }
body.theme-abfa #dt-header-section { border-bottom: 2px solid var(--site-primary, #012169); }

/* ── الداخلية: تركيب متمركز بين فاصلين، هيئة أكاديمية ── */
body.theme-abfa #common-banner-section-icon .common-banner-section-box,
body.theme-abfa #common-banner-section-image .common-banner-section-box {
    flex-direction: column; align-items: center; text-align: center; gap: 20px;
}
body.theme-abfa .common-banner-icon { border-radius: 0; flex-basis: 92px; width: 92px; height: 92px; }
body.theme-abfa .common-banner-text { text-align: center; }
body.theme-abfa .common-banner-text h1 {
    font-family: Georgia, "Times New Roman", "Amiri", serif; font-weight: 400;
    padding-bottom: 16px; margin-bottom: 16px;
    border-bottom: 1px solid rgba(255,255,255,.4);
    display: inline-block;
}
body.theme-abfa .common-banner-text p { margin-inline: auto; }

/* ── الشريط العلوي: متمركز بخطّ مشجّر بين فاصلين ── */
body.theme-abfa .ab-topbar {
    background: #fbfbfc; color: #5a6474;
    border-top: 3px solid var(--site-primary, #012169);
    border-bottom: 1px solid var(--ac-line);
}
body.theme-abfa .ab-topbar-links {
    justify-content: center; gap: 0; min-height: 36px; font-size: .78rem;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
}
body.theme-abfa .ab-topbar-links li + li::before { content: "•"; margin: 0 14px; opacity: .45; }
body.theme-abfa .ab-topbar-links li.active a { color: var(--site-primary, #012169); font-weight: 700; }

/* ── الشريط العلوي: مصدّر بخطّ مشجّر ── */
body.theme-abfa .ab-topbar {
    background: #fbfbfc; color: #56606f;
    border-top: 3px solid var(--site-primary, #012169);
    border-bottom: 1px solid var(--ac-line);
}
body.theme-abfa .ab-topbar-row {
    min-height: 46px; font-family: Georgia, "Times New Roman", "Amiri", serif; font-size: .82rem;
}
body.theme-abfa .ab-topbar-name {
    letter-spacing: .08em; text-transform: uppercase; font-size: .7rem;
    font-family: Archivo, "Segoe UI", sans-serif; color: #8b94a3; font-weight: 700;
}
body.theme-abfa .ab-topbar-line { flex: 1; text-align: center; font-style: italic; }
body.theme-abfa .ab-topbar-lang {
    font-family: Archivo, "Segoe UI", sans-serif; color: var(--site-primary, #012169);
}

/* ══════════════════════════════════════════════════════════
   القائمة الرئيسية — العلامة على تبويب لوني في شريط داكن
   The mark is cut into the dark bar as a block in the accent,
   so it reads as a plate the bar is built around.
   ══════════════════════════════════════════════════════════ */
/* Light bar: the mark is dark, and it stands on the bar itself rather than on
   a tab cut into it. */
body.theme-abfa nav.navbar { background: #fff; border-bottom: 3px solid var(--site-primary, #012169); }
body.theme-abfa nav.navbar .container { display: flex; align-items: stretch; }
body.theme-abfa .navbar-nav > li > .nav-link {
    color: #2b3644 !important; font-size: .84rem; font-weight: 600;
    background: transparent !important; border-radius: 0 !important;
    text-transform: none !important;
}
body.theme-abfa .navbar-nav > li > .nav-link.active { color: var(--site-primary, #012169) !important; }

/* حبر هذا الشريط: يستعمله الرابط ساكناً ومحوَّماً عليه سواء. */
body.theme-abfa nav.navbar { --nav-ink: #2b3644; }

/* ── عمود الكلام ────────────────────────────────────────────
   رجع لألوان الثيم الأصلية: الكلام مبقاش قاعد على صورة، هو في نصّه
   على أرضية فاتحة. والعناصر اللي كانت متمركزة بتبدأ من الجنب دلوقتي
   لأن العمود ضيّق. */
body.theme-abfa .ab-hero-inner { max-width: none; margin: 0; }
body.theme-abfa .ab-hero-crest { margin-inline: 0; }
body.theme-abfa .ab-hero-rule { margin-inline: 0; max-width: none; }
body.theme-abfa .ab-hero-search { margin-inline: 0; max-width: 100%; }
body.theme-abfa .ab-hero-links { justify-content: flex-start; }
body.theme-abfa .ab-hero .inst-h1,
body.theme-abfa .ab-hero .inst-lede { text-align: start; }

@media (max-width: 991px) {
    /* الشاشة الضيّقة: الصورة بتبقى ضيّقة أوي والكلام مش هيلاقي مكان
       جوّه الفراغ — فبتنزل تحت كشريط، والكلام فوقها على الأبيض. */
    body.theme-abfa .ab-hero {
        aspect-ratio: auto;
        padding: 26px 0 0;
        background-position: center bottom;
    }

    body.theme-abfa .ab-hero-inner {
        width: 100%;
        height: auto;
        padding-block: 0 calc(100vw * 2048 / 4442);
        padding-inline-start: 0;
        text-align: center;
    }

    body.theme-abfa .ab-hero-crest { margin-inline: auto; }
    body.theme-abfa .ab-hero-links { justify-content: center; }
    body.theme-abfa .ab-hero .inst-h1,
    body.theme-abfa .ab-hero .inst-lede { text-align: center; }
}

/* ── مقاسات عمود الكلام ─────────────────────────────────────
   العمود عرضه 46% من الشاشة، فمقاسات البنر القديم (اللي كان بعرض
   الصفحة كلها) بقت كبيرة عليه: العنوان 43px والفواصل والحشو كانوا
   بيطلّعوا الكلام برّه الصورة. */
body.theme-abfa .ab-hero .inst-h1 {
    font-size: clamp(1.35rem, .9rem + 1.15vw, 1.95rem);
    line-height: 1.2;
    margin-bottom: 10px;
}

body.theme-abfa .ab-hero .inst-lede {
    font-size: .95rem;
    line-height: 1.5;
    margin-bottom: 0;
}

/* الشعار الماسي أصغر وألزق بالعنوان. */
body.theme-abfa .ab-hero-crest {
    width: 34px; height: 34px;
    border-width: 2px;
    margin: 0 0 14px;
}
body.theme-abfa .ab-hero-crest::after { inset: 5px; }

/* الفاصلين اللي كانوا حوالين البحث: واحد بس وأنحف. */
body.theme-abfa .ab-hero-rule { margin: 14px 0; }
body.theme-abfa .ab-hero-rule + .ab-hero-search + .ab-hero-rule { display: none; }

body.theme-abfa .ab-hero-links {
    gap: 14px;
    font-size: .78rem;
    margin-top: 14px;
}

/* ── التواصل في الشريط العلوي ────────────────────────────────
   نزلوا هنا من تحت مربع البحث. الصف بقى تلات مناطق: الاسم في
   الأول، السطر في النص، والتواصل في الآخر. */
body.theme-abfa .ab-topbar-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    flex-wrap: wrap;
}

body.theme-abfa .ab-topbar-reach {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    margin-inline-start: auto;
    font-family: Archivo, 'Segoe UI', sans-serif;
    font-size: .78rem;
}

body.theme-abfa .ab-topbar-reach a {
    color: #56606f;
    text-decoration: none;
    white-space: nowrap;
}

body.theme-abfa .ab-topbar-reach a:hover { text-decoration: underline; }
body.theme-abfa .ab-topbar-reach i { opacity: .6; margin-inline-end: 4px; }

/* أرضية الشريط فاتحة، فحبر الوقوف الافتراضي (--site-primary) مقروء
   عليها — بس بنقوله صراحة عشان القاعدة الجامعة متلخبطش. */
body.theme-abfa #dt-top-section { --link-hover-ink: var(--site-primary, #012169); }

@media (max-width: 767px) {
    body.theme-abfa .ab-topbar-reach { gap: 10px; font-size: .72rem; }
    body.theme-abfa .ab-topbar-line { display: none; }
    /* طلب صريح: على الموبايل اسم المعهد يتخفي من الشريط العلوي،
       ويفضل بس التليفون والإيميل. */
    body.theme-abfa .ab-topbar-name { display: none; }
}

/* ── الشريط العلوي بألوان العلم ──────────────────────────────
   كحلي العلم أرضية، والأحمر شريط تحته — التلاتة (كحلي وأبيض وأحمر)
   في نفس الترتيب اللي في العلم. القاعدة الجامعة في _institute.css
   بتلوّن الأرضية بـ--site-primary أصلاً، فاللي زايد هنا الأحمر
   والحبر الأبيض. */
body.theme-abfa #dt-top-section {
    border-top: 0;
    border-bottom: 3px solid var(--site-accent, #C8102B);
    color: #eef1f7;
}

body.theme-abfa #dt-top-section .ab-topbar-name { color: #ffffff; opacity: .92; }
body.theme-abfa #dt-top-section .ab-topbar-line { color: #c6cfe2; }
body.theme-abfa #dt-top-section .ab-topbar-reach a { color: #eef1f7; }

/* أرضية الشريط بقت كحلي غامق، فحبر الوقوف الافتراضي (--site-primary)
   هو نفس الأرضية — الكلمة كانت هتختفي. الأحمر هو المقروء عليها. */
body.theme-abfa #dt-top-section { --link-hover-ink: #ffffff; }

/* الشريط السفلي (الحقوق) بياخد نفس المعالجة. */
body.theme-abfa #dt-copyright-section {
    border-top: 3px solid var(--site-accent, #C8102B);
    --link-hover-ink: #ffffff;
}

/* ── الفيلم في الخلفية ───────────────────────────────────────
   الـiframe نسبته 16:9 ثابتة ومبتتغيّرش، والبنر أعرض من كده — فبيتحط
   بعرض يكفي يغطّي الارتفاع (56.25vw = 16:9) ومتمركز، والزيادة بتتقص
   من فوق وتحت. لو اتحط 100%×100% كان هيتمطّ. */
body.theme-abfa .ab-film {
    position: absolute;
    inset: 0;
    z-index: -2;
    overflow: hidden;
    pointer-events: none;
}

body.theme-abfa .ab-film iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 56.25vw;
    min-height: 100%;
    min-width: 177.78vh;
    border: 0;
    opacity: 0;
    transition: opacity .6s ease;
}

/* مبيظهرش غير لما المشغّل يقول PLAYING — التضمين المرفوض بيترسم
   مستطيل أسود، والانتظار بيخلي المحجوب ببساطة ميظهرش. */
body.theme-abfa.ab-film-on .ab-film iframe { opacity: 1; }

/* الطبقة: بتغمّق الفيلم عشان الكلام الأبيض يفضل مقروء فوقه، وبتكون
   أغمق على الناحية اللي الكلام فيها. */
body.theme-abfa .ab-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(
        to var(--ab-wash-dir, right),
        rgba(1, 20, 60, .92) 0%,
        rgba(1, 20, 60, .80) 46%,
        rgba(1, 20, 60, .52) 74%,
        rgba(1, 20, 60, .44) 100%);
}

/* ── الكلام فوق الفيلم: كله بيتقلب لأبيض ────────────────────
   كان متحسّب لأرضية بيضا، ودلوقتي قاعد على فيلم غامق. */
body.theme-abfa .ab-hero .inst-h1 { color: #ffffff; }
body.theme-abfa .ab-hero .inst-lede { color: rgba(255, 255, 255, .86); }
body.theme-abfa .ab-hero .ab-hero-rule { background: rgba(255, 255, 255, .26); }

/* الحقول بتفضل بيضا مصمتة: شفافة فوق فيلم متحرك مبتتقريش. */
body.theme-abfa .ab-hero-search .ab-f {
    border-color: rgba(255, 255, 255, .28);
    box-shadow: 0 8px 24px rgba(2, 12, 36, .28);
}

/* الجانب الغامق من الطبقة بيمشي مع الكلام: يمين في العربي. */
body.theme-abfa[dir='rtl'] .ab-hero { --ab-wash-dir: left; }

/* ── شريط بحث /plus فوق الفيلم ───────────────────────────────
   الشريط بيتنده من search/home_search زي ما هو، واللي هنا بس
   بيخليه يقرا فوق فيلم غامق: الصندوق الملوّن بتاعه بيبقى شفاف
   عشان الفيلم يبان، والحقول بتفضل بيضا مصمتة عشان تتقرا. */
body.theme-abfa .ab-searchwrap #dt-search-section,
body.theme-abfa .ab-searchwrap .dt-search-section-wrap {
    background: transparent !important;
    padding: 0 !important;
}

body.theme-abfa .ab-searchwrap #dt-search-section .box {
    background: rgba(255, 255, 255, .10) !important;
    border: 1px solid rgba(255, 255, 255, .22) !important;
    padding: 14px !important;
    border-radius: 3px;
    backdrop-filter: blur(2px);
}

body.theme-abfa .ab-searchwrap .container { padding: 0; max-width: none; }

body.theme-abfa .ab-searchwrap .form-control {
    border: 1px solid rgba(255, 255, 255, .3);
    border-radius: 2px;
    font-size: .86rem;
}

body.theme-abfa .ab-searchwrap .btn-primary {
    background: var(--site-accent, #C8102B) !important;
    border-color: var(--site-accent, #C8102B) !important;
    color: #fff !important;
    font-weight: 700;
}

/* الأحمر هو أرضية الزرار، و_brand.css بيفرض --site-primary على
   .btn-primary عند الوقوف — الكحلي على الأحمر مقروء، بس بنقولها
   صراحة عشان متتغيّرش من تحتنا. */
body.theme-abfa .ab-searchwrap .btn-primary:hover,
body.theme-abfa .ab-searchwrap .btn-primary:focus {
    background: var(--site-accent, #C8102B) !important;
    color: #fff !important;
    filter: brightness(1.12);
}

body.theme-abfa .ab-searchwrap .btn-secondary { color: #fff !important; }

/* ═══ الشريط: مسطرة أكاديمية ═════════════════════════════════
   اتجاه المعهد 'أكاديمي كلاسيكي'، فالشريط بيتعامل كمسطرة عنوان:
   بنود متباعدة، خط صغير بحروف كبيرة، وخط شعرة تحت البند الحالي بدل
   أي مربع ملوّن. والحد السفلي بقى طبقتين — كحلي فوق أحمر — زي ترتيب
   العلم.
   ═══════════════════════════════════════════════════════════ */

body.theme-abfa nav.navbar {
    background: #fff;
    border-bottom: 1px solid var(--ac-line);
    box-shadow: none;
}

body.theme-abfa #dt-header-section .navbar-nav {
    align-items: center;
    gap: 26px;
}

body.theme-abfa #dt-header-section .navbar-nav > li { margin: 0 !important; }

body.theme-abfa #dt-header-section .navbar-nav > li > .nav-link {
    font-size: .78rem !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    padding: 12px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
}

/* تباعد الحروف للاتيني بس: على العربي بيفكّ وصل الحروف ويكسر الكلمة. */
body.theme-abfa:not([dir='rtl']) #dt-header-section .navbar-nav > li > .nav-link {
    letter-spacing: .05em;
}

/* البند الحالي: خط شعرة تحته. */
body.theme-abfa #dt-header-section .navbar-nav > li > .nav-link.active {
    color: var(--site-primary, #012169) !important;
    box-shadow: inset 0 -2px 0 0 var(--site-primary, #012169);
}

body.theme-abfa #dt-header-section .navbar-nav > li > .nav-link:hover {
    box-shadow: inset 0 -1px 0 0 var(--site-accent, #C8102B);
}

/* الـ NEW: كلمة بلون العلم الأحمر، مش كبسولة وردي. */
body.theme-abfa #dt-header-section .navbar-nav .blink {
    background: none !important;
    color: var(--site-accent, #C8102B) !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    font-weight: 700 !important;
    animation: none !important;
}

/* البحث واللغة في آخر الصف، ومفصولين عن باقي البنود بخط رفيع. */
body.theme-abfa #dt-header-section .navbar-nav > li:nth-last-child(2) {
    margin-inline-start: auto !important;
    padding-inline-start: 26px;
    border-inline-start: 1px solid var(--ac-line);
}

@media (max-width: 1199px) {
    body.theme-abfa #dt-header-section .navbar-nav { gap: 0; }
    body.theme-abfa #dt-header-section .navbar-nav > li:nth-last-child(2) {
        margin-inline-start: 0 !important;
        padding-inline-start: 0;
        border-inline-start: 0;
    }
}

/* الشريط الأحمر تحت التوب بار مباشرة: كحلي فوقه وأبيض المنيو تحته
   — ترتيب العلم من فوق لتحت. كان تحت المنيو. */
/* الخط الأحمر على حد المنيو العلوي مش على حد التوب بار: التوب بار
   position: fixed والمنيو بيركب على آخر 3px منه ويغطّي أي بوردر
   تحته. المكان اللي بيتشاف واحد — الفاصل بين الشريطين. */
body.theme-abfa nav.navbar { border-top: 3px solid var(--site-accent, #C8102B); }
body.theme-abfa #dt-top-section { border-bottom: 0; }

/* ── مفتاح اللغة: قطعتين ─────────────────────────────────────
   المرجع realhandson.com: علبة واحدة جواها قطعتين، الحالية متعلّمة
   بأرضية مصمتة والتانية شفافة. قياساتهم مقروءة من صفحتهم — 12px،
   وزن 600، حشو 4×10، حواف 6px جوّه علبة 8px.

   الفرق إن علبتهم على شريط غامق فبتاخد أبيض شفاف، وشريط المعهد
   أبيض — فالعلبة بتاخد رمادي فاتح والقطعة الحالية كحلي العلم. */
body.theme-abfa .ab-lang {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    
    /* اتجاه ثابت: من غيره الصف بينقلب في العربي فيبقى AR|EN، والمفتاح
       يبان كإنه اتغيّر مكانه أول ما تستعمله. */
    direction: ltr;
    padding: 4px;
    border: 1px solid var(--ac-line);
    border-radius: 8px;
    background: #f3f5f9;
    line-height: 1;
}

body.theme-abfa .ab-lang-seg {
    padding: 4px 10px;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .04em;
    text-decoration: none !important;
    color: rgba(16, 26, 51, .62) !important;
    transition: background .15s ease, color .15s ease;
}

body.theme-abfa .ab-lang-seg:hover {
    color: var(--site-primary, #012169) !important;
    background: rgba(1, 33, 105, .07);
    box-shadow: none;
}

body.theme-abfa .ab-lang-seg.is-on,
body.theme-abfa .ab-lang-seg.is-on:hover {
    background: var(--site-primary, #012169);
    color: #ffffff !important;
}

/* ── لوحة الدورات: مسطرة أكاديمية ─────────────────────────── */
body.theme-abfa .inst-mega { --inst-mega-line: #dbe0ea; }

body.theme-abfa .inst-mega-grid {
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 6px 14px;
}

/* الأيقونات هنا مش مستبعدة عمداً زي global/omani — أيقونات abfa
   لسه بلون institute الافتراضي (#244298) مش هوية abfa (كحلي #012169 +
   أحمر #C8102B)، فعرضها هنا كانت هتبان لون غريب وسط الهوية. العلامة
   الحمراء (›) فضلت زي ما هي بدالها، بس جوّه كارت حقيقي دلوقتي. */
body.theme-abfa .inst-mega-icon { display: none; }

body.theme-abfa .inst-mega-card {
    border: 1px solid var(--inst-mega-line);
    border-radius: 10px;
    padding: 6px 10px;
    background: #fff;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

/* اللوحة بعدد فئات abfa الكبير كانت بتطلع أطول من الشاشة وتحتاج
   سكرول. الحشو العلوي/السفلي للوحة نفسها (26px/22px من _institute.css
   المشترك) اتقلل هنا لـabfa بس، فوق تقليل حشو كل بطاقة فوق. */
body.theme-abfa #dt-header-section .megamenu { padding: 12px 0 8px; }

body.theme-abfa .inst-mega-card::before {
    content: "\203A";
    color: var(--site-accent, #C8102B);
    font-size: 1.05rem;
    line-height: 1;
    margin-inline-end: 10px;
    flex: 0 0 auto;
}

body.theme-abfa .inst-mega-name { font-size: .85rem; line-height: 1.25; }

body.theme-abfa .inst-mega-card:hover {
    background: #fff;
    border-color: var(--site-accent, #C8102B);
    box-shadow: 0 8px 18px rgba(1, 33, 105, .12);
    transform: translateY(-2px);
}
body.theme-abfa .inst-mega-card:hover::before { color: var(--site-primary, #012169); }
body.theme-abfa .inst-mega-card:hover .inst-mega-name { color: var(--site-primary, #012169); }
body.theme-abfa .inst-mega-n { background: #eef1f7; color: var(--site-primary, #012169); }

/* "عربي"/"اللغة العربية" طالعة أعلى شوية من باقي بنود المنيو —
   فرق ارتفاع حروف الخط العربي عن اللاتيني. نزول بسيط بمقدار ثابت،
   على النص العربي بس (صفحة الإنجليزي، مش "ENGLISH" في صفحة العربي). */
body.theme-abfa:not([dir="rtl"]) .navbar-nav > li > .nav-link.custom-languagenew {
    position: relative;
    top: 5px;
}

/* ═══════════════════════════════════════════════════════════
   التذييل — برنامج أكاديمي، مش شبكة أعمدة
   ------------------------------------------------------------
   طلب صريح: تصميم مختلف عن almawred/global/glomac — التلاتة
   لوحة غامقة بأعمدة صناديق. الاتجاه المكتوب فوق الملف ده أصلاً
   ("classic academic. Centred, serif, and ruled.") بيودّي مكان
   تاني خالص: عمود واحد متمركز، فواصل خيطية بدل كروت، عنوان-صغير
   بحروف كابيتال فوق سطر روابط متصلة بنقط — زي برنامج حفل تخرّج،
   مش لوحة إعلانات.
   ═══════════════════════════════════════════════════════════ */
body.theme-abfa #dt-home-footer-section {
    background: var(--ac-bg, #fbfcfe);
    border-top: 1px solid var(--ac-line);
}
body.theme-abfa .ab-footer {
    max-width: 720px;
    margin-inline: auto;
    text-align: center;
    padding: 56px 0 40px;
}

/* الشعار الماسي: نفس .ab-hero-crest بالظبط بس أصغر — نفس العلامة
   في مكانين مختلفين من الصفحة، مش رسمة جديدة. */
body.theme-abfa .ab-footer-crest {
    width: 30px; height: 30px; margin: 0 auto 18px;
    border: 2px solid var(--site-primary, #012169);
    position: relative;
    transform: rotate(45deg);
}
body.theme-abfa .ab-footer-crest::after {
    content: ""; position: absolute; inset: 6px;
    background: var(--site-accent, #C8102B);
}

body.theme-abfa .ab-footer-name {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.3rem;
    color: var(--ac-ink);
    margin: 0 0 30px;
}

body.theme-abfa .ab-footer-rule {
    height: 1px;
    background: var(--ac-line);
    max-width: 340px;
    margin: 30px auto;
}
/* خط مزدوج — تفصيلة شهادة/برنامج أكاديمي، مش موجودة في أي فوتر
   تاني بالموقع. */
body.theme-abfa .ab-footer-rule--double {
    height: auto;
    background: none;
    border-top: 1px solid var(--ac-line);
    border-bottom: 1px solid var(--ac-line);
    padding-top: 3px;
    max-width: 340px;
}

body.theme-abfa .ab-footer-label {
    font-family: Archivo, "Segoe UI", sans-serif;
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .16em;
    font-weight: 700;
    color: #8b94a3;
    margin: 0 0 12px;
}

body.theme-abfa .ab-footer-inline {
    margin: 0 0 30px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .95rem;
    line-height: 2;
}
body.theme-abfa .ab-footer-inline a,
body.theme-abfa .ab-footer-reach a {
    color: var(--ac-ink);
    text-decoration: none;
}
body.theme-abfa .ab-footer-inline a:hover,
body.theme-abfa .ab-footer-reach a:hover { color: var(--site-primary, #012169); text-decoration: underline; }
/* نقطة فاصلة بين الروابط — نفس تفصيلة .ab-topbar-links li+li::before
   بالظبط، بس هنا الروابط جنب بعض من غير <li> تحيط بيها. */
body.theme-abfa .ab-footer-inline a + a::before,
body.theme-abfa .ab-footer-reach a + a::before {
    content: "•";
    display: inline-block;
    margin: 0 12px;
    color: var(--site-accent, #C8102B);
    text-decoration: none;
}

body.theme-abfa .ab-footer-reach {
    font-family: Archivo, "Segoe UI", sans-serif;
    font-size: .85rem;
    margin: 0;
}

@media (max-width: 575px) {
    body.theme-abfa .ab-footer { padding: 40px 20px 30px; }
    body.theme-abfa .ab-footer-inline { line-height: 2.2; }
}

/* ── المدن المتاحة — كروت أكاديمية هادية ────────────────────
   مرجع: euromatech.com — كروت صور مستطيلة مقيّدة، اسم المدينة
   نص عادي تحت الصورة (مش فوقها)، رابط بسيط. هنا بلغة abfa
   الأكاديمية: زوايا قائمة، خط رفيع بدل ظل، خط رقعي، عنوان
   متمركز. */
body.theme-abfa .ab-cities-head { text-align: center; margin-inline: auto; }
body.theme-abfa .ab-cities-row {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    padding-bottom: 10px;
}
/* طلب صريح: زوايا الكارت الأربعة مدوّرة — استثناء مقصود من قاعدة
   "زوايا قائمة" العامة لـabfa، لكرت المدن بس. overflow:hidden
   لازمة عشان صورة .ab-cities-photo (مستطيلة، جوّه الكارت) تتقص
   على نفس الاستدارة بدل ما تفضل زواياها هي حادة. */
body.theme-abfa .ab-cities-card {
    flex: 0 0 220px;
    text-decoration: none;
    border: 1px solid var(--ac-line, #d5dae4);
    border-radius: 14px;
    overflow: hidden;
}
body.theme-abfa .ab-cities-photo {
    display: block;
    height: 140px;
    background-size: cover;
    background-position: center;
    filter: grayscale(.5);
}
body.theme-abfa .ab-cities-card:hover .ab-cities-photo { filter: grayscale(0); }
body.theme-abfa .ab-cities-name {
    display: block;
    padding: 14px 14px 2px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 700;
    color: var(--ac-ink, #101a33);
}
body.theme-abfa .ab-cities-go {
    display: block;
    padding: 0 14px 14px;
    font-size: .78rem;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: var(--site-primary, #012169);
}

/* ── التصنيفات — بطاقات مؤطّرة بلون واحد ───────────────────
   مرجع: euromatech.com — بطاقات مربّعة بخلفية ملوّنة والاسم
   متمركز فوقها. مفيش صورة حقيقية للتصنيف، بس أيقونة صغيرة
   (site_category_icon) — فبدل ما تتمطّط كخلفية، هي نفسها بتتحول
   بيضاء (filter) وتتحط فوق لوحة site-primary ثابتة، والاسم تحتها
   على نفس اللوحة. نفس استدارة 14px بتاعة كروت المدن (استثناء
   abfa الوحيد من قاعدة الزوايا القائمة) عشان القسمين يتقروا
   إخوات، بس مختلفين: مدن = صور حقيقية، تصنيفات = أيقونة على لون. */
body.theme-abfa .ab-categories-head { text-align: center; margin-inline: auto; }
body.theme-abfa .ab-categories-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
body.theme-abfa .ab-categories-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 36px 20px;
    text-align: center;
    text-decoration: none;
    background: var(--site-primary, #012169);
    border-radius: 14px;
    transition: background .15s ease;
}
body.theme-abfa .ab-categories-card:hover { background: var(--ac-ink, #101a33); }
body.theme-abfa .ab-categories-icon {
    width: 46px;
    height: 46px;
    object-fit: contain;
    filter: brightness(0) invert(1);
    opacity: .92;
}
body.theme-abfa .ab-categories-title {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 700;
    font-size: 1rem;
    color: #fff;
}

@media (max-width: 767px) {
    body.theme-abfa .ab-categories-grid { grid-template-columns: repeat(2, 1fr); gap: 14px; }
    body.theme-abfa .ab-categories-card { padding: 26px 14px; }
}

/* ── الخدمات: عنوان ونبذة على جنب، وقائمة مسطّرة على الجنب
   التاني — بدل صف الكروت التلاتة المشترك. برواز الرجوع "كلاسيك
   أكاديمي، خطوط مسطّرة" نفسه اللي البنر والفوتر مبنيين عليه، من
   غير تكرار المربعات الكحلية بتاعة التصنيفات ولا كروت المدن
   المستديرة. */
/* ثاني تصميم: المحاولة الأولى (عنوان جنب قائمة) طلعت شبه خمس
   معاهد تانية بالحرف. هنا عنوان متمركز فوق قائمة مسطّرة بعرض
   كامل — كل صف بعرض العمود، خط شعرة بس بينهم، من غير عمود نص
   جنبها خالص. */
body.theme-abfa .ab-tiles-sec { padding: 64px 0; background: var(--ac-bg, #fbfcfe); }

/* ثالث تصميم. القائمة المسطّرة بعرض كامل كان اتقالها "غيّرها"
   مع شوية معاهد تانية من غير سبب محدد — فكرة تالتة: 4 أعمدة جنب
   بعض، كل عمود "تبويب فهرس" برقم روماني وخط علوي رفيع بس، بدل
   قائمة صفوف. */
body.theme-abfa .ab-tiles-heading {
    text-align: center;
    font-size: 1.7rem;
    font-weight: 400;
    color: var(--ac-ink, #101a33);
    margin: 0 0 30px;
}

body.theme-abfa .ab-tiles-tabs {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

body.theme-abfa .ab-tiles-tab {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    padding-top: 22px;
    border-top: 2px solid var(--site-primary, #012169);
    text-decoration: none;
}

body.theme-abfa .ab-tiles-num {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .82rem;
    letter-spacing: .1em;
    color: var(--site-primary, #012169);
}

body.theme-abfa .ab-tiles-icon { width: 32px; height: 32px; object-fit: contain; }

/* Online/New مالهمش ملف أيقونة خاص بالمعهد (زي public/inhouse) —
   حرف Bootstrap Icons بنفس المقاس والمحاذاة، مش أيقونة مفقودة. */
body.theme-abfa .ab-tiles-icon-bi {
    display: flex; align-items: center; justify-content: center;
    font-size: 1.5rem; color: var(--site-primary, #012169); line-height: 1;
}

body.theme-abfa .ab-tiles-label {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 700;
    font-size: .96rem;
    line-height: 1.3;
    color: var(--ac-ink, #101a33);
}
body.theme-abfa .ab-tiles-tab:hover .ab-tiles-label { color: var(--site-primary, #012169); }

@media (max-width: 767px) {
    body.theme-abfa .ab-tiles-sec { padding: 44px 0; }
    body.theme-abfa .ab-tiles-tabs { grid-template-columns: repeat(2, 1fr); }
}

/* ═══ التخصصات: كروت أصغر (طلب صريح 2026-09-05: "صغّر كروت الأقسام") ═══
   نفس الكارت الكحلي، بس 4 أعمدة بدل 3، حشو وأيقونة وخط أصغر. */
body.theme-abfa .ab-categories-grid { grid-template-columns: repeat(4, 1fr); gap: 12px; }
body.theme-abfa .ab-categories-card { padding: 18px 12px; gap: 10px; border-radius: 10px; }
body.theme-abfa .ab-categories-icon { width: 30px; height: 30px; }
body.theme-abfa .ab-categories-title { font-size: .88rem; line-height: 1.3; }
@media (max-width: 991px) { body.theme-abfa .ab-categories-grid { grid-template-columns: repeat(2, 1fr); gap: 12px; } body.theme-abfa .ab-categories-card { padding: 16px 12px; } }

/* ═══ طلب صريح (2026-09-05، ABFA بس): كروت التخصصات بألوان علم بريطانيا فقط ═══
   مش رسمة العلم — ألوانه بس: كحلي (#012169) وأحمر (#C8102B) وأبيض.
   الكارت كحلي، شريط أحمر فوقه، الأيقونة في مربع أبيض بإطار أحمر، والعنوان
   أبيض. عند التحويم الكارت بيتقلب أحمر والمربع بيفضل أبيض. */
body.theme-abfa .ab-categories-card {
    background: var(--site-primary, #012169);
    border-top: 5px solid var(--site-accent, #C8102B);
    border-radius: 6px;
    box-shadow: inset 0 -4px 0 #fff;
}
body.theme-abfa .ab-categories-card:hover {
    background: var(--site-accent, #C8102B);
    border-top-color: var(--site-primary, #012169);
}
body.theme-abfa .ab-categories-icon {
    width: 40px; height: 40px;
    padding: 7px;
    background: #fff;
    border: 2px solid var(--site-accent, #C8102B);
    border-radius: 6px;
    filter: none;
    opacity: 1;
}
body.theme-abfa .ab-categories-card:hover .ab-categories-icon { border-color: var(--site-primary, #012169); }
body.theme-abfa .ab-categories-title { color: #fff; }

/* ═══ المدن — ABFA: بلاطات أعلام مستطيلة (طلب صريح 2026-09-05: "صور وأعلام مختلفة") ═══
   بدل الصور (كانت شبه السعودي): كل مدينة بلاطة بيضا فيها علم بلدها مستطيل
   بإطار كحلي، والاسم تحته، وخط أحمر بيطلع تحت البلاطة عند التحويم. */
body.theme-abfa .ab-cities-row { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
body.theme-abfa .ab-cities-card--flag { display: flex; flex-direction: column; align-items: center; gap: 10px; padding: 18px 10px 14px; background: #fff; border: 1px solid #dfe3ec; border-radius: 8px; text-decoration: none; position: relative; transition: transform .18s ease, border-color .18s ease; }
body.theme-abfa .ab-cities-card--flag::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px; background: var(--site-accent, #C8102B); transform: scaleX(0); transition: transform .25s ease; }
body.theme-abfa .ab-cities-card--flag:hover { transform: translateY(-3px); border-color: var(--site-primary, #012169); }
body.theme-abfa .ab-cities-card--flag:hover::after { transform: scaleX(1); }
body.theme-abfa .ab-cities-flag { display: block; width: 72px; height: 48px; background-size: cover; border-radius: 4px; border: 2px solid var(--site-primary, #012169); box-shadow: 0 4px 12px rgba(1, 33, 105, .15); }
body.theme-abfa .ab-cities-card--flag .ab-cities-name { font-size: .88rem; color: var(--site-primary, #012169); text-align: center; }
body.theme-abfa .ab-cities-card--flag .ab-cities-go { font-size: .72rem; color: var(--site-accent, #C8102B); text-transform: uppercase; letter-spacing: .05em; }
@media (max-width: 991px) { body.theme-abfa .ab-cities-row { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 575px) { body.theme-abfa .ab-cities-row { grid-template-columns: repeat(2, 1fr); } }

/* ═══ الدورات القادمة — ABFA: بطاقات فهرس كحلية (طلب صريح 2026-09-05) ═══
   3 بطاقات في الصف بخلفية كحلية، شريط تاريخ أحمر مائل في الزاوية، عنوان
   Serif أبيض، تفاصيل فاتحة، وخط أبيض تحت البطاقة. عند التحويم البطاقة
   بتتقلب حمرا. */
body.theme-abfa .inst-upcoming-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
body.theme-abfa .inst-upcoming-list li { border: 0 !important; }
body.theme-abfa .inst-upcoming-list a { display: flex; flex-direction: column; align-items: stretch; gap: 10px; padding: 22px 20px 18px; background: var(--site-primary, #012169); border-radius: 6px; box-shadow: inset 0 -4px 0 #fff, 0 6px 16px rgba(1,33,105,.15); position: relative; overflow: hidden; height: 100%; transition: background .18s, transform .18s; }
body.theme-abfa .inst-upcoming-list a:hover { background: var(--site-accent, #C8102B); transform: translateY(-3px); }
body.theme-abfa .inst-upcoming-date { position: absolute; top: 14px; inset-inline-end: -34px; width: 140px; height: auto; padding: 4px 0; background: var(--site-accent, #C8102B); color: #fff; flex-direction: row; gap: 6px; align-items: baseline; justify-content: center; transform: rotate(45deg); font-size: .8rem; }
body.theme-abfa[dir="rtl"] .inst-upcoming-date { transform: rotate(-45deg); }
body.theme-abfa .inst-upcoming-list a:hover .inst-upcoming-date { background: var(--site-primary, #012169); }
body.theme-abfa .inst-upcoming-day { font-size: 1rem; }
body.theme-abfa .inst-upcoming-body { gap: 8px; padding-inline-end: 40px; }
body.theme-abfa .inst-upcoming-title { color: #fff; font-family: Georgia, "Times New Roman", "Amiri", serif; font-size: 1.05rem; min-height: 2.8em; }
body.theme-abfa .inst-upcoming-meta { color: rgba(255,255,255,.75); }
body.theme-abfa .inst-upcoming-city { color: #fff; }
body.theme-abfa .inst-upcoming-meta2 { display: flex; flex-wrap: wrap; gap: 10px; font-size: .76rem; color: rgba(255,255,255,.75); }
body.theme-abfa .inst-upcoming-meta2 i { margin-inline-end: 4px; }
body.theme-abfa .inst-upcoming-book { display: inline-block; align-self: flex-start; margin-top: 4px; padding: 7px 16px; border: 1px solid #fff; color: #fff; font-size: .76rem; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
@media (max-width: 991px) { body.theme-abfa .inst-upcoming-list { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { body.theme-abfa .inst-upcoming-list { grid-template-columns: 1fr; } }

/* الدورات القادمة: كروت أصغر (طلب صريح 2026-09-06) */
body.theme-abfa .inst-upcoming-list { grid-template-columns: repeat(4, 1fr); gap: 12px; }
body.theme-abfa .inst-upcoming-list a { padding: 16px 14px 14px; gap: 8px; }
body.theme-abfa .inst-upcoming-title { font-size: .92rem; min-height: 2.6em; }
body.theme-abfa .inst-upcoming-body { padding-inline-end: 30px; gap: 6px; }
body.theme-abfa .inst-upcoming-meta, body.theme-abfa .inst-upcoming-meta2 { font-size: .74rem; }
body.theme-abfa .inst-upcoming-date { width: 120px; inset-inline-end: -32px; top: 10px; font-size: .72rem; }
body.theme-abfa .inst-upcoming-book { padding: 5px 12px; font-size: .7rem; }
@media (max-width: 991px) { body.theme-abfa .inst-upcoming-list { grid-template-columns: repeat(2, 1fr); } }

/* ===== /training-courses — أبفا: بانر كحلي بصورة بإطار أبيض وظل أحمر وشريط سفلي أبيض/أحمر، فلتر كحلي بحقول بيضاء، كروت 5 أعمدة بشريط علوي بألوان العلم (2026-09-07) ===== */
body.theme-abfa.pg-training-courses #common-banner-section-image .background-listing{background:#012169;color:#fff;border-radius:0;padding-bottom:36px}
body.theme-abfa.pg-training-courses #common-banner-section-image .background-listing:before{display:none}
body.theme-abfa.pg-training-courses #common-banner-section-image .background-listing:after{content:'';position:absolute;left:0;right:0;bottom:0;height:14px;background:linear-gradient(180deg,#fff 0,#fff 50%,#c8102b 50%)}
body.theme-abfa.pg-training-courses #common-banner-section-image .common-banner-section-box{display:flex;align-items:center;gap:32px}
body.theme-abfa.pg-training-courses #common-banner-section-image .common-banner-image{position:static;float:none;flex:none;width:230px;padding:0;border:4px solid #fff;border-radius:0;box-shadow:10px 10px 0 #c8102b;margin:0;background:#fff}
body.theme-abfa.pg-training-courses #common-banner-section-image .common-banner-text{float:none;width:auto;flex:1;text-align:start}
body.theme-abfa.pg-training-courses #common-banner-section-image h1{color:#fff;font-size:34px}
body.theme-abfa.pg-training-courses #common-banner-section-image p{color:#dfe4f2;text-align:start}
body.theme-abfa.pg-training-courses #searresultscourses-btn2{background:#c8102b;border-color:#c8102b;color:#fff;border-radius:0;font-weight:700}
body.theme-abfa.pg-training-courses #common-filter-box-modal-one{margin-top:0;padding:0}
body.theme-abfa.pg-training-courses #common-filter-box-modal-one .box2{background:#012169;border-radius:0;box-shadow:none;padding:12px 16px}
body.theme-abfa.pg-training-courses #common-filter-box-modal-one .form-control{background:#fff;border:0;border-radius:0;height:34px;color:#012169}
body.theme-abfa.pg-training-courses #common-filter-box-modal-one .menu-two{background:transparent;border:1px solid #fff;color:#fff;border-radius:0}
body.theme-abfa.pg-training-courses #common-filter-box-modal-one .menu-two:hover{background:#fff;color:#012169}
body.theme-abfa.pg-training-courses #common-filter-box-modal-one .menu-two.purple-color{background:#c8102b;border-color:#c8102b;color:#fff}
body.theme-abfa.pg-training-courses .courselist-style-inside .courselisting,body.theme-abfa.pg-training-courses .courselist-style-inside .courselisting.virtual{background:#fff;border:1px solid #eef1f7;border-top:0;border-radius:4px;padding:0 10px 12px;box-shadow:0 1px 6px rgba(1,33,105,.06);overflow:hidden;transition:transform .2s,box-shadow .2s}
body.theme-abfa.pg-training-courses .courselisting:before{content:'';display:block;height:7px;margin:0 -10px 10px;background:linear-gradient(90deg,#012169 0,#012169 42%,#fff 42%,#fff 58%,#c8102b 58%)}
body.theme-abfa.pg-training-courses .courselisting:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(1,33,105,.14)}
body.theme-abfa.pg-training-courses .course-image{border:0;border-radius:3px}
body.theme-abfa.pg-training-courses .course-image-vl-icon{background:#c8102b}
body.theme-abfa.pg-training-courses .course-title{font-size:14px;line-height:19px;min-height:38px;color:#012169}
body.theme-abfa.pg-training-courses .course-date,body.theme-abfa.pg-training-courses .course-language,body.theme-abfa.pg-training-courses .course-location,body.theme-abfa.pg-training-courses .course-time{color:#3d4966}
body.theme-abfa.pg-training-courses .courselisting i.bi{color:#012169!important}
body.theme-abfa.pg-training-courses .courselisting .course-date i.bi{color:#c8102b!important}
body.theme-abfa.pg-training-courses .courselisting .btn-primary{background:#c8102b;border-color:#c8102b;color:#fff;border-radius:0;font-weight:600}
body.theme-abfa.pg-training-courses .courselisting:hover .btn-primary{background:#012169;border-color:#012169}
@media (min-width:992px){body.theme-abfa.pg-training-courses #course_list{grid-template-columns:repeat(5,1fr);gap:16px}}
@media (max-width:767px){body.theme-abfa.pg-training-courses #common-banner-section-image .common-banner-section-box{flex-direction:column;align-items:flex-start}}

/* --- training-courses fix c3e88a1cd2b44dcb5f140f1063744283 --- */
body.theme-abfa.pg-training-courses #common-banner-section-image{background:#012169;padding-bottom:14px}
body.theme-abfa.pg-training-courses #common-banner-section-image::before{display:none}
body.theme-abfa.pg-training-courses #common-banner-section-image::after{content:'';position:absolute;left:0;right:0;bottom:0;height:14px;background:linear-gradient(180deg,#fff 0,#fff 50%,#c8102b 50%)}
body.theme-abfa.pg-training-courses #common-banner-section-image .background-listing:after{display:none}
body.theme-abfa.pg-training-courses #common-banner-section-image .common-banner-section-box{flex-direction:row;align-items:center;text-align:start;gap:32px;padding:32px 0 36px}
body.theme-abfa.pg-training-courses #common-banner-section-image .common-banner-image{border-bottom:4px solid #fff}
body.theme-abfa.pg-training-courses #common-banner-section-image .common-banner-text{max-width:none;text-align:start}
body.theme-abfa.pg-training-courses #common-banner-section-image .common-banner-text h1{display:block;border-bottom:0;padding-bottom:0}
body.theme-abfa.pg-training-courses #searresultscourses-btn2{background:#c8102b!important;border-color:#c8102b!important;color:#fff!important}
body.theme-abfa.pg-training-courses #common-filter-box-modal-one .menu-two.purple-color{background:#c8102b!important;border-color:#c8102b!important;color:#fff!important}
body.theme-abfa.pg-training-courses .courselisting .btn-primary{background:#c8102b!important;border-color:#c8102b!important;color:#fff!important}
body.theme-abfa.pg-training-courses .courselisting:hover .btn-primary{background:#012169!important;border-color:#012169!important;color:#fff!important}

/* --- training-courses fix 83e24ff60b0d4abdb8e00a52727e3156 --- */
/* أيقونات بيانات الكارت الخاصة بالمعهد (طلب 2026-09-07): calendar3-event / globe-europe-africa / person-badge / map / bank */
body.theme-abfa.pg-training-courses .course-date .bi-calendar-check-fill::before{content:"\f20e"}
body.theme-abfa.pg-training-courses .course-language .bi-flag-fill::before{content:"\f885"}
body.theme-abfa.pg-training-courses .course-language .bi-bookmarks-fill::before{content:"\f4d3"}
body.theme-abfa.pg-training-courses .course-location .bi-signpost-split-fill::before{content:"\f47f"}
body.theme-abfa.pg-training-courses .course-time .bi-signpost-split-fill::before{content:"\f62e"}

/* --- training-courses fix dba63bb4439458e6b1b8efa16787f875 --- */
body.theme-abfa.pg-training-courses #common-filter-box-modal-one .menu-two.darkblue-color{background:#fff!important;border:0!important;color:#012169!important;border-radius:0;padding:0 14px}
body.theme-abfa.pg-training-courses #common-filter-box-modal-one .menu-two.darkblue-color:hover{background:#c8102b!important;color:#fff!important}

/* --- btn-secondary = btn-primary (2026-09-07) --- */
/* صفحة الأونلاين بنفس تصميم الحضوري: زر الدورات الافتراضية (.btn-secondary) بنفس تنسيق الزر العادي */
body.theme-abfa.pg-training-courses .courselisting .btn-secondary{background:#c8102b;border-color:#c8102b;color:#fff;border-radius:0;font-weight:600}
body.theme-abfa.pg-training-courses .courselisting:hover .btn-secondary{background:#012169;border-color:#012169}
body.theme-abfa.pg-training-courses .courselisting .btn-secondary{background:#c8102b!important;border-color:#c8102b!important;color:#fff!important}
body.theme-abfa.pg-training-courses .courselisting:hover .btn-secondary{background:#012169!important;border-color:#012169!important;color:#fff!important}

/* --- training-courses fix 914518706dcc7ae9f904b2e8e9a7d4ab --- */
/* (2026-09-07) "خلي الفلتر بعرض الصفحة كلها" — أبفا فقط: الشريط الكحلي من الحافة للحافة والحقول جوّاه بحشو جانبي */
body.theme-abfa.pg-training-courses #common-filter-box-modal-one{background:#012169;padding:12px 0}
body.theme-abfa.pg-training-courses #common-filter-box-modal-one > .container{width:100%!important;max-width:100%!important;min-width:0!important;padding:0 24px}
body.theme-abfa.pg-training-courses #common-filter-box-modal-one .box2{padding:0;background:transparent}

/* --- training-courses fix 89657b989a19249551424b9e6bb685c3 --- */
/* (2026-09-07) "لمسة فنية" — أبفا: بانر بشرائط مائلة كحلي/أبيض/أحمر على اليمين وخط أبيض رفيع تحت العنوان، شريط فلتر بخط أبيض/أحمر، خلفية فاتحة بنقشة خفيفة، كروت بظل ناعم ترتفع عند المرور وخط أحمر تحت العنوان، تاريخ بأيقونة حمراء، زر بظل */
body.theme-abfa.pg-training-courses #common-banner-section-image{background:#012169;position:relative;overflow:hidden}
body.theme-abfa.pg-training-courses #common-banner-section-image::after{content:'';position:absolute;inset-inline-end:-140px;top:-40px;bottom:-40px;width:520px;background:repeating-linear-gradient(115deg,transparent 0 120px,#c8102b 120px 150px,transparent 150px 170px,#fff 170px 184px,transparent 184px 220px,#29408a 220px 260px,transparent 260px 340px);opacity:.9;pointer-events:none}
body.theme-abfa.pg-training-courses #common-banner-section-image .common-banner-section-box{padding:32px 0 34px}
body.theme-abfa.pg-training-courses #common-banner-section-image .common-banner-text{max-width:820px;position:relative;z-index:1}
body.theme-abfa.pg-training-courses #common-banner-section-image .common-banner-text h1,body.theme-abfa.pg-training-courses.page-online #common-banner-section-image .common-banner h1{display:inline-block;padding-bottom:10px;margin:0 0 12px;border-bottom:2px solid rgba(255,255,255,.55);position:relative}
body.theme-abfa.pg-training-courses #common-banner-section-image .common-banner-text h1::after,body.theme-abfa.pg-training-courses.page-online #common-banner-section-image .common-banner h1::after{content:'';position:absolute;inset-inline-start:0;bottom:-2px;width:64px;height:2px;background:#c8102b}
body.theme-abfa.pg-training-courses #common-banner-section-image .common-banner-text p,body.theme-abfa.pg-training-courses.page-online #common-banner-section-image .common-banner p{color:#dfe4f2;line-height:1.7}
body.theme-abfa.pg-training-courses #searresultscourses-btn2{border-radius:0;box-shadow:0 6px 16px rgba(0,0,0,.25);padding:8px 22px}
body.theme-abfa.pg-training-courses #searresultscourses-btn2:hover,body.theme-abfa.pg-training-courses #searresultscourses-btn2:focus{background:#fff!important;border-color:#fff!important;color:#012169!important}
body.theme-abfa.pg-training-courses #common-filter-box-modal-one{border-bottom:0;box-shadow:inset 0 -3px 0 #c8102b,inset 0 -6px 0 #fff}
body.theme-abfa.pg-training-courses #common-filter-box-modal-one .form-control{transition:box-shadow .2s}
body.theme-abfa.pg-training-courses #common-filter-box-modal-one .form-control:focus{box-shadow:0 0 0 3px rgba(200,16,43,.35)}
body.theme-abfa.pg-training-courses #common-white-section{background:#f3f5fa repeating-linear-gradient(135deg,rgba(1,33,105,.03) 0 2px,transparent 2px 14px);padding:30px 0}
body.theme-abfa.pg-training-courses #common-white-section .box{background:transparent;box-shadow:none}
body.theme-abfa.pg-training-courses .courselist-style-inside .courselisting,body.theme-abfa.pg-training-courses .courselist-style-inside .courselisting.virtual{border:1px solid #e3e8f2!important;box-shadow:0 4px 14px rgba(1,33,105,.07);transition:transform .25s,box-shadow .25s}
body.theme-abfa.pg-training-courses .courselisting:hover{transform:translateY(-5px);box-shadow:0 16px 30px rgba(1,33,105,.16)}
body.theme-abfa.pg-training-courses .course-image{border-radius:4px;overflow:hidden}
body.theme-abfa.pg-training-courses .course-image img{transition:transform .4s}
body.theme-abfa.pg-training-courses .courselisting:hover .course-image img{transform:scale(1.05)}
body.theme-abfa.pg-training-courses .course-title{position:relative;padding-bottom:8px;margin-bottom:4px}
body.theme-abfa.pg-training-courses .course-title::after{content:'';position:absolute;inset-inline-start:0;bottom:0;width:36px;height:2px;background:#c8102b;transition:width .3s}
body.theme-abfa.pg-training-courses .courselisting:hover .course-title::after{width:72px}
body.theme-abfa.pg-training-courses .courselisting:hover .course-title{color:#c8102b}
body.theme-abfa.pg-training-courses .courselisting .btn-primary,body.theme-abfa.pg-training-courses .courselisting .btn-secondary{box-shadow:0 4px 10px rgba(200,16,43,.25);transition:background .2s,box-shadow .2s}
body.theme-abfa.pg-training-courses .courselisting:hover .btn-primary,body.theme-abfa.pg-training-courses .courselisting:hover .btn-secondary{box-shadow:0 6px 14px rgba(1,33,105,.3)}

/* --- training-courses fix 9f89c044b3d0c8bfc8f84c53e40464ac --- */
/* الشرائط المائلة ماكانتش بتظهر: القاعدة القديمة لنفس ::after كانت سايبة height:14px */
body.theme-abfa.pg-training-courses #common-banner-section-image::after{height:auto;left:auto;right:-140px;background:repeating-linear-gradient(115deg,transparent 0 120px,#c8102b 120px 150px,transparent 150px 170px,#fff 170px 184px,transparent 184px 220px,#29408a 220px 260px,transparent 260px 340px)}
body[dir="rtl"].theme-abfa.pg-training-courses #common-banner-section-image::after{right:auto;left:-140px}

/* --- training-courses fix 57cefd342c341e581180e8aad1595c97 --- */
/* نص بانر الأونلاين ما يدخلش تحت الشرائط */
body.theme-abfa.pg-training-courses.page-online #common-banner-section-image .common-videotext-left{flex:0 0 70%;max-width:70%;position:relative;z-index:1}
body.theme-abfa.pg-training-courses #common-banner-section-image::after{opacity:.75}

/* --- training-courses fix e2c8c8b56a3bb0ab5c15fccb43225f77 --- */
/* (2026-09-07) "الجزء ده مش عجبني": بدل الشرائط المائلة — حلقات دائرية باهتة على اليمين (زي الختم الأكاديمي) وتدرّج كحلي هادي وخط أبيض/أحمر رفيع أسفل البانر */
body.theme-abfa.pg-training-courses #common-banner-section-image{background:linear-gradient(100deg,#012169 0,#012169 55%,#0b2f86 100%)}
body.theme-abfa.pg-training-courses #common-banner-section-image::after{content:'';position:absolute;top:50%;right:80px;left:auto;width:360px;height:360px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,transparent 0 78px,rgba(255,255,255,.14) 78px 82px,transparent 82px 112px,rgba(200,16,43,.45) 112px 116px,transparent 116px 146px,rgba(255,255,255,.1) 146px 150px,transparent 150px 178px,rgba(255,255,255,.06) 178px 180px,transparent 180px);opacity:1;bottom:auto;height:360px}
body[dir="rtl"].theme-abfa.pg-training-courses #common-banner-section-image::after{right:auto;left:80px}
body.theme-abfa.pg-training-courses #common-banner-section-image .background-listing::after{display:block;content:'';position:absolute;left:0;right:0;bottom:0;height:0}
body.theme-abfa.pg-training-courses #common-banner-section-image{box-shadow:inset 0 -3px 0 #c8102b,inset 0 -6px 0 #fff}
body.theme-abfa.pg-training-courses #common-filter-box-modal-one{box-shadow:none}
body.theme-abfa.pg-training-courses.page-online #common-banner-section-image .common-videotext-left{flex:0 0 68%;max-width:68%}
@media (max-width:991px){body.theme-abfa.pg-training-courses #common-banner-section-image::after{display:none}}

/* --- training-courses fix 14919b22960eaa0c536d07575a14cc88 --- */
/* (2026-09-07) "خلي الفلتر يتحرك مع السكرول" — أبفا فقط: الشريط sticky (المسافة من فوق بيحسبها السكريبت في قالب الثيم) */
body.theme-abfa.pg-training-courses #common-filter-box-modal-one{position:sticky;top:0;z-index:60;box-shadow:0 8px 20px rgba(1,33,105,.25)}

/* --- training-courses fix 157e99c9020592b0ebeb8a1280ce86ca --- */
/* ===== الدورات الداخلية — أبفا: بطاقات بشريط علوي بألوان العلم (زي كروته)، أرقام كحلية مربّعة بحد أحمر، المزايا بعلامات حمراء، زر أحمر مربّع (2026-09-07) ===== */
body.theme-abfa .inst-ih-steps,body.theme-abfa .inst-ih-benefits{border:1px solid #eef1f7;border-top:0;border-radius:4px;padding:0 24px 24px;overflow:hidden;box-shadow:0 1px 6px rgba(1,33,105,.06)}
body.theme-abfa .inst-ih-steps::before,body.theme-abfa .inst-ih-benefits::before{content:'';display:block;height:7px;margin:0 -24px 22px;background:linear-gradient(90deg,#012169 0,#012169 42%,#fff 42%,#fff 58%,#c8102b 58%)}
body.theme-abfa .inst-ih-h{color:#012169;font-family:Georgia,"Times New Roman",serif;font-weight:400}
body.theme-abfa .inst-ih-h::after{background:#c8102b}
body.theme-abfa .inst-ih-num{border-radius:4px;background:#012169;border:2px solid #c8102b}
body.theme-abfa .inst-ih-checks li .bi{color:#c8102b}
body.theme-abfa .inst-ih-cta{background:#c8102b!important;border-color:#c8102b!important;color:#fff!important;border-radius:0}

/* --- training-courses fix 09d0aa849286cf8628d986ed467a50d9 --- */
/* لمسة فنية: أبفا — البطاقات ترتفع بظل كحلي، الأرقام تتحوّل حمراء عند المرور، خط أحمر تحت كل ميزة عند المرور */
body.theme-abfa .inst-ih-steps,body.theme-abfa .inst-ih-benefits{transition:transform .25s,box-shadow .25s}
body.theme-abfa .inst-ih-steps:hover,body.theme-abfa .inst-ih-benefits:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(1,33,105,.14)}
body.theme-abfa .inst-ih-num{transition:background .2s}
body.theme-abfa .inst-ih-list li:hover .inst-ih-num{background:#c8102b;border-color:#012169}
body.theme-abfa .inst-ih-checks li span{position:relative}
body.theme-abfa .inst-ih-checks li span::after{content:'';position:absolute;inset-inline-start:0;bottom:-2px;width:0;height:1px;background:#c8102b;transition:width .3s}
body.theme-abfa .inst-ih-checks li:hover span::after{width:100%}
body.theme-abfa .inst-ih-cta{box-shadow:0 8px 20px rgba(200,16,43,.35)}

/* --- banner-icon = banner-image (2026-09-07) --- */
/* صفحة التخصص بانرها #common-banner-section-icon بنفس بنية بانر الصورة → نفس تصميم بانر الثيم */
body.theme-abfa.pg-training-courses #common-banner-section-icon .background-listing{background:#012169;color:#fff;border-radius:0;padding-bottom:36px}
body.theme-abfa.pg-training-courses #common-banner-section-icon .background-listing:before{display:none}
body.theme-abfa.pg-training-courses #common-banner-section-icon .background-listing:after{content:'';position:absolute;left:0;right:0;bottom:0;height:14px;background:linear-gradient(180deg,#fff 0,#fff 50%,#c8102b 50%)}
body.theme-abfa.pg-training-courses #common-banner-section-icon .common-banner-section-box{display:flex;align-items:center;gap:32px}
body.theme-abfa.pg-training-courses #common-banner-section-icon .common-banner-image{position:static;float:none;flex:none;width:230px;padding:0;border:4px solid #fff;border-radius:0;box-shadow:10px 10px 0 #c8102b;margin:0;background:#fff}
body.theme-abfa.pg-training-courses #common-banner-section-icon .common-banner-text{float:none;width:auto;flex:1;text-align:start}
body.theme-abfa.pg-training-courses #common-banner-section-icon h1{color:#fff;font-size:34px}
body.theme-abfa.pg-training-courses #common-banner-section-icon p{color:#dfe4f2;text-align:start}
body.theme-abfa.pg-training-courses #common-banner-section-icon{background:#012169;padding-bottom:14px}
body.theme-abfa.pg-training-courses #common-banner-section-icon::before{display:none}
body.theme-abfa.pg-training-courses #common-banner-section-icon::after{content:'';position:absolute;left:0;right:0;bottom:0;height:14px;background:linear-gradient(180deg,#fff 0,#fff 50%,#c8102b 50%)}
body.theme-abfa.pg-training-courses #common-banner-section-icon .background-listing:after{display:none}
body.theme-abfa.pg-training-courses #common-banner-section-icon .common-banner-section-box{flex-direction:row;align-items:center;text-align:start;gap:32px;padding:32px 0 36px}
body.theme-abfa.pg-training-courses #common-banner-section-icon .common-banner-image{border-bottom:4px solid #fff}
body.theme-abfa.pg-training-courses #common-banner-section-icon .common-banner-text{max-width:none;text-align:start}
body.theme-abfa.pg-training-courses #common-banner-section-icon .common-banner-text h1{display:block;border-bottom:0;padding-bottom:0}
body.theme-abfa.pg-training-courses #common-banner-section-icon{background:#012169;position:relative;overflow:hidden}
body.theme-abfa.pg-training-courses #common-banner-section-icon::after{content:'';position:absolute;inset-inline-end:-140px;top:-40px;bottom:-40px;width:520px;background:repeating-linear-gradient(115deg,transparent 0 120px,#c8102b 120px 150px,transparent 150px 170px,#fff 170px 184px,transparent 184px 220px,#29408a 220px 260px,transparent 260px 340px);opacity:.9;pointer-events:none}
body.theme-abfa.pg-training-courses #common-banner-section-icon .common-banner-section-box{padding:32px 0 34px}
body.theme-abfa.pg-training-courses #common-banner-section-icon .common-banner-text{max-width:820px;position:relative;z-index:1}
body.theme-abfa.pg-training-courses #common-banner-section-icon .common-banner-text h1,body.theme-abfa.pg-training-courses.page-online #common-banner-section-icon .common-banner h1{display:inline-block;padding-bottom:10px;margin:0 0 12px;border-bottom:2px solid rgba(255,255,255,.55);position:relative}
body.theme-abfa.pg-training-courses #common-banner-section-icon .common-banner-text h1::after,body.theme-abfa.pg-training-courses.page-online #common-banner-section-icon .common-banner h1::after{content:'';position:absolute;inset-inline-start:0;bottom:-2px;width:64px;height:2px;background:#c8102b}
body.theme-abfa.pg-training-courses #common-banner-section-icon .common-banner-text p,body.theme-abfa.pg-training-courses.page-online #common-banner-section-icon .common-banner p{color:#dfe4f2;line-height:1.7}
body.theme-abfa.pg-training-courses #common-banner-section-icon::after{height:auto;left:auto;right:-140px;background:repeating-linear-gradient(115deg,transparent 0 120px,#c8102b 120px 150px,transparent 150px 170px,#fff 170px 184px,transparent 184px 220px,#29408a 220px 260px,transparent 260px 340px)}
body[dir="rtl"].theme-abfa.pg-training-courses #common-banner-section-icon::after{right:auto;left:-140px}
body.theme-abfa.pg-training-courses.page-online #common-banner-section-icon .common-videotext-left{flex:0 0 70%;max-width:70%;position:relative;z-index:1}
body.theme-abfa.pg-training-courses #common-banner-section-icon::after{opacity:.75}
body.theme-abfa.pg-training-courses #common-banner-section-icon{background:linear-gradient(100deg,#012169 0,#012169 55%,#0b2f86 100%)}
body.theme-abfa.pg-training-courses #common-banner-section-icon::after{content:'';position:absolute;top:50%;right:80px;left:auto;width:360px;height:360px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,transparent 0 78px,rgba(255,255,255,.14) 78px 82px,transparent 82px 112px,rgba(200,16,43,.45) 112px 116px,transparent 116px 146px,rgba(255,255,255,.1) 146px 150px,transparent 150px 178px,rgba(255,255,255,.06) 178px 180px,transparent 180px);opacity:1;bottom:auto;height:360px}
body[dir="rtl"].theme-abfa.pg-training-courses #common-banner-section-icon::after{right:auto;left:80px}
body.theme-abfa.pg-training-courses #common-banner-section-icon .background-listing::after{display:block;content:'';position:absolute;left:0;right:0;bottom:0;height:0}
body.theme-abfa.pg-training-courses #common-banner-section-icon{box-shadow:inset 0 -3px 0 #c8102b,inset 0 -6px 0 #fff}
body.theme-abfa.pg-training-courses.page-online #common-banner-section-icon .common-videotext-left{flex:0 0 68%;max-width:68%}

/* --- training-courses fix 3891f3877eab982e0bc321ca2ece2569 --- */
/* ===== الصفحات الداخلية — أبفا: شريط بألوان العلم فوق كل بطاقة، عناوين مشجّرة كحلية بخط أحمر، أيقونات كحلية مربّعة بحد أحمر ===== */
body.theme-abfa .inst-about-pillar,body.theme-abfa .inst-pub-feat,body.theme-abfa .inst-about-offer,body.theme-abfa .inst-pub-terms,body.theme-abfa .inst-faq-item,body.theme-abfa .inst-clients-grid li{border:1px solid #eef1f7;border-top:0;border-radius:4px;overflow:hidden;box-shadow:0 1px 6px rgba(1,33,105,.06)}
body.theme-abfa .inst-about-pillar::before,body.theme-abfa .inst-pub-feat::before,body.theme-abfa .inst-pub-terms::before,body.theme-abfa .inst-clients-grid li::before{content:'';display:block;height:6px;margin:-24px -24px 18px;background:linear-gradient(90deg,#012169 0,#012169 42%,#fff 42%,#fff 58%,#c8102b 58%)}
body.theme-abfa .inst-pub-terms::before{margin:-28px -28px 20px}
body.theme-abfa .inst-clients-grid li::before{margin:-18px -14px 12px;align-self:stretch}
body.theme-abfa .inst-about-offer,body.theme-abfa .inst-faq-item{border-top:3px solid #012169}
body.theme-abfa .inst-faq-item[open]{border-top-color:#c8102b}
body.theme-abfa .inst-about-h,body.theme-abfa .inst-faq-h,body.theme-abfa .inst-pub-h,body.theme-abfa .inst-clients-h,body.theme-abfa .inst-about-pillar h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#012169}
body.theme-abfa .inst-about-h::after,body.theme-abfa .inst-faq-h::after,body.theme-abfa .inst-pub-h::after,body.theme-abfa .inst-clients-h::after{background:#c8102b}
body.theme-abfa .inst-about-pillar .bi,body.theme-abfa .inst-pub-feat .bi{width:48px;height:48px;border-radius:4px;background:#012169;border:2px solid #c8102b;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.3rem}
body.theme-abfa .inst-about-offer > .bi,body.theme-abfa .inst-clients-grid li .bi{color:#012169}
body.theme-abfa .inst-about-offer-arrow,body.theme-abfa .inst-faq-item summary .bi{color:#c8102b}

/* --- training-courses fix 834d25e1314bdab26d57845dd34d2c7c --- */
/* ===== أبفا: شريط بألوان العلم فوق كل بطاقة، أيقونات كحلية مربّعة بحد أحمر، عناوين كحلية، زر أحمر مربّع ===== */
body.theme-abfa.pg-training-courses .categorymain-listing-wrap-box > .box2,body.theme-abfa.pg-training-courses .citymain-listing-wrap-box .box2,body.theme-abfa.pg-training-courses .common-listing-wrap-box > .box2{border:1px solid #eef1f7!important;border-top:0!important;border-radius:4px!important;box-shadow:0 1px 6px rgba(1,33,105,.06)!important;overflow:hidden;transition:transform .2s,box-shadow .2s}
body.theme-abfa.pg-training-courses .categorymain-listing-wrap-box > .box2:hover,body.theme-abfa.pg-training-courses .citymain-listing-wrap-box .box2:hover,body.theme-abfa.pg-training-courses .common-listing-wrap-box > .box2:hover{transform:translateY(-3px);box-shadow:0 12px 24px rgba(1,33,105,.14)!important}
body.theme-abfa.pg-training-courses .categorymain-listing-wrap-box > .box2::before,body.theme-abfa.pg-training-courses .citymain-listing-wrap-box .box2::before,body.theme-abfa.pg-training-courses .common-listing-wrap-box > .box2::before{content:'';position:absolute;left:0;right:0;top:0;height:7px;background:linear-gradient(90deg,#012169 0,#012169 42%,#fff 42%,#fff 58%,#c8102b 58%);z-index:2}
body.theme-abfa.pg-training-courses .categorymain-listing-wrap-box > .box2{padding-top:24px}
body.theme-abfa.pg-training-courses .categorypage-icon{background:#012169;border:2px solid #c8102b;border-radius:4px;padding:10px}
body.theme-abfa.pg-training-courses .categorypage-icon img{filter:brightness(0) invert(1)}
body.theme-abfa.pg-training-courses .categorypage-content h6,body.theme-abfa.pg-training-courses .widget-content h6,body.theme-abfa.pg-training-courses .common-listing-wrap-box .common-content h6{color:#012169}
body.theme-abfa.pg-training-courses .categorypage-content a,body.theme-abfa.pg-training-courses .widget-content a{color:#c8102b;font-weight:600}
body.theme-abfa.pg-training-courses .common-listing-wrap-box .btn{background:#c8102b!important;border-color:#c8102b!important;color:#fff!important;border-radius:0}

/* --- training-courses fix f6ff3f7f91e3293242890bfad5fdd543 --- */
/* ===== أبفا: شريط بألوان العلم فوق البطاقات، أيقونات كحلية بحد أحمر، عناوين مشجّرة ===== */
body.theme-abfa .inst-dl-item,body.theme-abfa .inst-dl-request,body.theme-abfa .inst-contact-card,body.theme-abfa .inst-cra{border-radius:4px;border-color:#eef1f7;position:relative;overflow:hidden;box-shadow:0 1px 6px rgba(1,33,105,.06)}
body.theme-abfa .inst-dl-item::before,body.theme-abfa .inst-dl-request::before,body.theme-abfa .inst-contact-card::before{content:'';position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#012169 0,#012169 42%,#fff 42%,#fff 58%,#c8102b 58%)}
body.theme-abfa .inst-dl-item > .bi,body.theme-abfa .inst-contact-list li .bi,body.theme-abfa .inst-cra-head > .bi{background:#012169;border:2px solid #c8102b;color:#fff;width:44px;height:44px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
body.theme-abfa .inst-dl-h,body.theme-abfa .inst-contact-h{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#012169}
body.theme-abfa .inst-dl-h::after{background:#c8102b}
body.theme-abfa .inst-dl-arrow,body.theme-abfa .inst-cra-list li .bi{color:#c8102b}

/* --- category lists = course_list (2026-09-07) --- */
/* صفحة التخصص: نفس شبكة/تصميم #course_list على #category_course_list و#category_course_list_by_name */
@media (min-width:992px){body.theme-abfa.pg-training-courses #category_course_list{grid-template-columns:repeat(5,1fr);gap:16px}}
@media (min-width:992px){body.theme-abfa.pg-training-courses #category_course_list_by_name{grid-template-columns:repeat(5,1fr);gap:16px}}

/* --- training-courses fix 34e1ca4eb9aa4ac74f08c636affecb10 --- */
/* ===== أبفا: شريط كحلي بعرض الصفحة بحقول بيضاء مربّعة، زر أحمر ===== */
body.theme-abfa.pg-training-courses #fc-search .search-wrap{background:#012169;border-radius:0;color:#fff;box-shadow:inset 0 -3px 0 #c8102b,inset 0 -6px 0 #fff}
body.theme-abfa.pg-training-courses #fc-search .form-control,body.theme-abfa.pg-training-courses #fc-search .chosen-choices,body.theme-abfa.pg-training-courses #fc-search select{background:#fff!important;border:0!important;border-radius:0!important}
body.theme-abfa.pg-training-courses #fc-search .search-btns{background:#c8102b!important;border-color:#c8102b!important;color:#fff!important;border-radius:0}

/* --- finder results = course_list (2026-09-07) --- */
@media (min-width:992px){body.theme-abfa.pg-training-courses #coursefinder_list_courses{grid-template-columns:repeat(5,1fr);gap:16px}}

/* --- training-courses fix 42cd63d1e229d211da7dc20fa7bddaa8 --- */
/* ===== أبفا: شريط علم فوق البطاقة ورقم كحلي مربّع بحد أحمر بخط مشجّر ===== */
body.theme-abfa.pg-training-courses .categorymain-listing-wrap-box > .box2{padding-top:26px;gap:14px}
body.theme-abfa.pg-training-courses .categorymain-listing-wrap-box > .box2::after{content:counter(instcat,decimal-leading-zero);counter-increment:instcat;order:-1;flex:0 0 44px;width:44px;height:44px;border-radius:4px;background:#012169;border:2px solid #c8102b;color:#fff;display:flex;align-items:center;justify-content:center;font-family:Georgia,serif;font-size:1rem}
body.theme-abfa.pg-training-courses .categorypage-content h6{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.05rem}

/* --- training-courses fix a9e4d794f7e151e2b483bd2e4def7d5b --- */
/* ===== أبفا: شريط علم فوق كل لوحة، رؤوس كحلية بخط مشجّر، حقول مربّعة ===== */
body.theme-abfa.pg-training-courses #register-section .tabHead{background:#012169;border-radius:0;font-family:Georgia,"Times New Roman",serif;font-weight:400;box-shadow:inset 0 -3px 0 #c8102b,inset 0 -6px 0 #fff}
body.theme-abfa.pg-training-courses #register-section .tabContent{border:1px solid #eef1f7;border-radius:0}
body.theme-abfa.pg-training-courses #register-section .form-control{border:1px solid #cfd6e6;border-radius:0}
body.theme-abfa.pg-training-courses .inst-form-side-card{border-radius:4px;border-color:#eef1f7;position:relative;overflow:hidden}
body.theme-abfa.pg-training-courses .inst-form-side-card::before{content:'';position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#012169 0,#012169 42%,#fff 42%,#fff 58%,#c8102b 58%)}
body.theme-abfa.pg-training-courses .inst-form-side-list li .bi{background:#012169;border:2px solid #c8102b;color:#fff;border-radius:4px}

/* --- training-courses fix 704b8e139391267111869c3d9cc21c77 --- */
body.theme-abfa.pg-training-courses #register-section .tabHead{background:#012169!important;border-radius:0!important;font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important;box-shadow:inset 0 -3px 0 #c8102b,inset 0 -6px 0 #fff!important}

/* --- training-courses fix a9e980bb9c664bc76bde3cd5c0900f99 --- */
body.theme-abfa.pg-training-courses #register-section .tabContent{border:1px solid #eef1f7!important;border-radius:0!important}

/* --- training-courses fix bc64fd53f5bc70f8ad9941cfa8b22582 --- */
/* ===== أبفا: شريط علم فوق البطاقة، عنوان مشجّر كحلي بخط أحمر قصير تحته ===== */
body.theme-abfa.pg-post-page .blog-webinar-articles-details-left .box,body.theme-abfa.pg-post-page .blog-webinar-articles-details-right .box2{border-radius:4px;border-color:#eef1f7;position:relative;overflow:hidden;padding-top:30px}
body.theme-abfa.pg-post-page .blog-webinar-articles-details-left .box::before,body.theme-abfa.pg-post-page .blog-webinar-articles-details-right .box2::before{content:'';position:absolute;left:0;right:0;top:0;height:7px;background:linear-gradient(90deg,#012169 0,#012169 42%,#fff 42%,#fff 58%,#c8102b 58%)}
body.theme-abfa.pg-post-page .blog-webinar-articles-details-left .box h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#012169;position:relative;padding-bottom:12px}
body.theme-abfa.pg-post-page .blog-webinar-articles-details-left .box h1::after{content:'';position:absolute;inset-inline-start:0;bottom:0;width:64px;height:2px;background:#c8102b}

/* --- training-courses fix 58be82ff30e7e421c09e137b45070a9c --- */
/* ===== أبفا: تبويبات كحلية مربّعة بخط مشجّر ونشاط أحمر، محتوى بشريط علم فوقه ===== */
body.theme-abfa.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link{border-radius:0;background:#012169;color:#fff;font-family:Georgia,"Times New Roman",serif}
body.theme-abfa.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link.active{background:#c8102b;color:#fff}
body.theme-abfa.pg-training-courses #coursedetails-content-section .tab-content{border-radius:0;border-color:#eef1f7;position:relative}
body.theme-abfa.pg-training-courses #coursedetails-content-section .tab-content::before{content:'';position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#012169 0,#012169 42%,#fff 42%,#fff 58%,#c8102b 58%)}
body.theme-abfa.pg-training-courses .session-card{border-radius:4px!important;border-top:4px solid #012169!important}

/* --- training-courses fix 1cb3170760bbed47158c99b494393ed7 --- */
body.theme-abfa.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link{border-radius:0!important;background:#012169!important;color:#fff!important;font-family:Georgia,"Times New Roman",serif!important}

/* --- training-courses fix 5892767e6f295a8bb6d5bc8fde9e87e4 --- */
body.theme-abfa.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link.active{background:#c8102b!important;color:#fff!important}

/* --- training-courses fix cacaeaf16bfc24923be5634e32dcdb8b --- */
html.theme-abfa{background:#012169}

/* ============================================================
   أبفا — تفاصيل الدورة: تبويبات "شريط العلم" (RIBBON TABS)
   ------------------------------------------------------------
   التبويبات فضلت أفقية زي ما هي، بس بقت شريط كحلي واحد مصمت
   بدل مكعبات متفرّقة. التبويب النشط بيطلع فوق الشريط على شريطة
   أحمر/أبيض/كحلي (ألوان العلم) — زي علم مربوط على السارية.
   تحت الشريط: بار تواصل كحلي أغمق، وبعده شريط علم رفيع
   (كحلي 42% / أبيض 16% / أحمر) على حرف اللوحة البيضاء.
   اللوحة نفسها فضلت ورقة بيضا واحدة من غير كروت جوّه كروت.
   كل القواعد متخصّصة بـ theme-abfa + pg-training-courses، فالمعهد
   وباقي المعاهد مش بيتأثروا.
   ============================================================ */

/* ── القسم اللي شايل التبويبات: أرضية فاتحة عشان الورقة تبان ──*/
body.theme-abfa.pg-training-courses #coursedetails-content-section{
    background:#eef1f7;
    padding-bottom:34px;
}

/* ── شريط الأزرار فوق: مربّع الحواف زي باقي الثيم ─────────────*/
body.theme-abfa.pg-training-courses #coursedetails-buttons-section .box2{
    border-radius:0!important;
    border-top:3px solid #012169!important;
    box-shadow:0 2px 10px rgba(1,33,105,.07)!important;
}
body.theme-abfa.pg-training-courses #coursedetails-buttons-section .menu-two,
body.theme-abfa.pg-training-courses #coursedetails-buttons-section .btn{
    border-radius:0!important;
    font-family:Georgia,"Times New Roman","Amiri",serif!important;
    letter-spacing:.02em;
}

/* ── السارية: شريط كحلي واحد، والتبويبات جوّاه ───────────────*/
body.theme-abfa.pg-training-courses #coursedetails-content-section nav{
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    justify-content:flex-start;
    gap:0;
    background:#012169;
    margin-top:26px;
    margin-bottom:0;
    padding:0;
    border-radius:0;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section nav .nav-tabs{
    display:flex;
    flex-wrap:wrap;
    align-items:stretch;
    gap:0;
    border:0;
    flex:1 1 auto;
}

/* ── التبويب العادي: حروف مشجّرة فاتحة على الكحلي ────────────*/
body.theme-abfa.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link{
    position:relative;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    color:#b9c6e2!important;
    font-family:Georgia,"Times New Roman","Amiri",serif!important;
    font-size:.82rem!important;
    font-weight:400!important;
    letter-spacing:.09em;
    text-transform:uppercase;
    padding:15px 24px!important;
    margin:0!important;
    display:inline-flex;
    align-items:center;
    gap:8px;
    line-height:20px;
    border-inline-end:1px solid rgba(255,255,255,.14)!important;
    transition:color .18s, background .18s;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link i{
    font-size:15px!important;
    top:0!important;
    height:auto!important;
    width:auto!important;
    color:inherit!important;
    opacity:.75;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link:hover{
    color:#fff!important;
    background:rgba(255,255,255,.07)!important;
}

/* ── التبويب النشط: مرفوع فوق الشريط على شريطة العلم ─────────
   الهامش السالب فوق مساوي للحشو الزيادة، فالصندوق الخارجي
   للتبويب فضل بنفس ارتفاع إخوته — الشريط ما بيطولش، والتبويب
   بس هو اللي بيطلّ 12px فوق حرف السارية.                     */
body.theme-abfa.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link.active{
    background:#fff!important;
    color:#012169!important;
    font-weight:700!important;
    margin-top:-12px!important;
    padding-top:27px!important;
    border-inline-end:0!important;
    box-shadow:0 -3px 10px rgba(0,0,0,.16);
    z-index:2;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link.active i{
    opacity:1;
    color:#c8102b!important;
}
/* شريطة العلم على حرف التبويب النشط: أحمر / أبيض / كحلي */
body.theme-abfa.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link.active::before{
    content:'';
    position:absolute;
    inset-inline:0;
    top:0;
    height:9px;
    background:linear-gradient(180deg,#c8102b 0,#c8102b 3px,#fff 3px,#fff 6px,#012169 6px,#012169 9px);
}

/* ── بار التواصل: سطر كامل تحت التبويبات، كحلي أغمق ──────────*/
body.theme-abfa.pg-training-courses #coursedetails-content-section nav .inst-cra{
    flex:1 0 100%;
    background:rgba(0,0,0,.24)!important;
    border:0!important;
    border-top:1px solid rgba(255,255,255,.13)!important;
    border-radius:0!important;
    box-shadow:none!important;
    max-width:none!important;
    margin:0!important;
    padding:8px 24px!important;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:6px 26px;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section nav .inst-cra-head{
    border:0!important;
    padding:0!important;
    gap:9px;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section nav .inst-cra-head > .bi{
    color:#c8102b!important;
    font-size:1.15rem;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section nav .inst-cra-head strong{
    color:#fff;
    font-family:Georgia,"Times New Roman","Amiri",serif;
    font-weight:400;
    font-size:.78rem;
    letter-spacing:.04em;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section nav .inst-cra-head span{
    color:#9fb0d4;
    font-size:.68rem;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section nav .inst-cra-list{
    margin-inline-start:auto;
    gap:4px 22px;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section nav .inst-cra-list li{
    font-size:.76rem;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section nav .inst-cra-list li .bi{
    color:#c8102b!important;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section nav .inst-cra-list a{
    color:#dde4f3;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section nav .inst-cra-list a:hover{
    color:#fff;
    text-decoration:underline;
}

/* ── الورقة البيضا: لوحة واحدة، حواف مربّعة، شريط علم فوقها ──*/
body.theme-abfa.pg-training-courses #coursedetails-content-section .tab-content{
    position:relative;
    background:#fff!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:0 14px 34px rgba(1,33,105,.12)!important;
    margin-top:0!important;
    padding:38px 44px 44px!important;
    color:#22304d;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section .tab-content::before{
    content:'';
    position:absolute;
    inset-inline:0;
    top:0;
    height:7px;
    background:linear-gradient(to right,#012169 0,#012169 42%,#fff 42%,#fff 58%,#c8102b 58%,#c8102b 100%);
}
body.theme-abfa[dir='rtl'].pg-training-courses #coursedetails-content-section .tab-content::before{
    background:linear-gradient(to left,#012169 0,#012169 42%,#fff 42%,#fff 58%,#c8102b 58%,#c8102b 100%);
}

/* ── العناوين جوّه الورقة: مشجّرة كحلية بخط أحمر قصير تحتها ──*/
body.theme-abfa.pg-training-courses #coursedetails-content-section .tab-content h4,
body.theme-abfa.pg-training-courses #coursedetails-content-section .tab-content h6,
body.theme-abfa.pg-training-courses #coursedetails-content-section .tab-content .year-heading{
    font-family:Georgia,"Times New Roman","Amiri",serif!important;
    font-weight:400!important;
    color:#012169!important;
    font-size:1.12rem!important;
    letter-spacing:.01em;
    position:relative;
    margin:6px 0 14px!important;
    padding-bottom:9px;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section .tab-content h4::after,
body.theme-abfa.pg-training-courses #coursedetails-content-section .tab-content h6::after,
body.theme-abfa.pg-training-courses #coursedetails-content-section .tab-content .year-heading::after{
    content:'';
    position:absolute;
    inset-inline-start:0;
    bottom:0;
    width:52px;
    height:2px;
    background:#c8102b;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section .tab-content p,
body.theme-abfa.pg-training-courses #coursedetails-content-section .tab-content li{
    color:#33405e;
    line-height:1.85;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section .tab-content ul li::marker{
    color:#c8102b;
}

/* ── الخانة الفاصلة اللي فوق الورقة مباشرة ما تعملش فجوة ─────*/
body.theme-abfa.pg-training-courses #coursedetails-content-section .tab-content > .space10{
    display:none;
}

/* ── بطاقات الجدول والرسوم: مربّعة بحرف كحلي ────────────────*/
body.theme-abfa.pg-training-courses #coursedetails-content-section .session-card{
    border-radius:0!important;
    border:1px solid #dde3ee!important;
    border-top:3px solid #012169!important;
    box-shadow:none!important;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section .session-card:hover{
    transform:none!important;
    box-shadow:0 8px 20px rgba(1,33,105,.12)!important;
    border-top-color:#c8102b!important;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section .session-card .btn,
body.theme-abfa.pg-training-courses #coursedetails-content-section .session-card .price-box,
body.theme-abfa.pg-training-courses #coursedetails-content-section .session-card .feestoggle-select{
    border-radius:0!important;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section #nav-virtuallearning .courselisting-normal{
    border-radius:0!important;
    border:1px solid #dde3ee!important;
    border-top:3px solid #012169!important;
    box-shadow:none!important;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section #nav-virtuallearning .courselisting-normal .btn,
body.theme-abfa.pg-training-courses #coursedetails-content-section #nav-virtuallearning .courselisting-normal .course-image{
    border-radius:0!important;
}

/* ── شاشات أضيق: الشريط بيلف من غير ما يعمل تمرير أفقي ──────*/
@media (max-width:1199px){
    body.theme-abfa.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link{
        padding:15px 16px!important;
        font-size:.76rem!important;
        letter-spacing:.05em;
    }
    body.theme-abfa.pg-training-courses #coursedetails-content-section .tab-content{
        padding:32px 26px 34px!important;
    }
}
@media (max-width:991px){
    body.theme-abfa.pg-training-courses #coursedetails-content-section{background:transparent;padding-bottom:0}
}

/* ── ضبط شريط العلم بعد المعاينة (أبفا / تفاصيل الدورة) ──────
   1) خيط أبيض رفيع بين السارية واللوحة: من غيره الجزء الكحلي
      من شريط العلم (أول 42%) كان بيدوب في بار التواصل الكحلي
      اللي فوقه وما يبانش خالص.
   2) الفراغ الكحلي بعد آخر تبويب اتملى بتشطيب مائل خفيف بدل
      ما يفضل بلوك فاضي.
   3) بار التواصل على سطر واحد: الاسم شمال والوسائل يمين.
   ------------------------------------------------------------ */

/* ترتيب عناصر السارية: التبويبات، بعدين الحشو المشطّب، وآخرهم
   بار التواصل بعرض السطر كله. */
body.theme-abfa.pg-training-courses #coursedetails-content-section nav .nav-tabs{
    flex:0 1 auto;
    order:1;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section nav::after{
    content:'';
    order:2;
    flex:1 1 40px;
    min-height:50px;
    background:repeating-linear-gradient(135deg,rgba(255,255,255,.055) 0 5px,transparent 5px 11px);
}
body.theme-abfa.pg-training-courses #coursedetails-content-section nav .inst-cra{
    order:3;
    flex-wrap:nowrap;
    padding-block:7px!important;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section nav .inst-cra-head{
    flex:0 1 auto;
    min-width:0;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section nav .inst-cra-list{
    flex:0 0 auto;
    flex-wrap:nowrap;
}

/* خيط أبيض بين السارية واللوحة — هو اللي بيخلّي الجزء الكحلي من
   شريط العلم يتقرا كشريط مستقل. */
body.theme-abfa.pg-training-courses #coursedetails-content-section .tab-content{
    border-top:3px solid #fff!important;
}

/* شريط العلم بقى أتخن شوية عشان النِسَب (42/16/42) تبان من بعيد */
body.theme-abfa.pg-training-courses #coursedetails-content-section .tab-content::before{
    height:8px;
}

/* المسافة تحت اللوحة قبل "دورات ذات صلة" */
body.theme-abfa.pg-training-courses #coursedetails-content-section + .space10{
    height:0;
}

/* ── بار التواصل: تخطيط سطري مضمون ───────────────────────────
   الكتلتين (اسم المعهد / وسائل التواصل) كانوا عناصر flex جوّه
   البار، والـ ul كان بياخد عرض السطر كله فيدهس كتلة الاسم لحد
   ما تتلخبط الحروف فوق بعض. الحل: البار block والكتلتين
   inline-flex — كل واحدة بتاخد عرض محتواها بالظبط وبتقعد جنب
   بعض على سطر واحد، ولو ضاقت الشاشة بتنزل تحت بعض بالسليم.
   ------------------------------------------------------------ */
body.theme-abfa.pg-training-courses #coursedetails-content-section nav .inst-cra{
    display:block!important;
    flex:1 0 100%;
    padding:9px 24px!important;
    line-height:1.35;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section nav .inst-cra-head{
    display:inline-flex!important;
    vertical-align:middle;
    align-items:center;
    gap:10px;
    min-width:0;
    margin-inline-end:26px;
    padding-inline-end:26px!important;
    border-inline-end:1px solid rgba(255,255,255,.18)!important;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section nav .inst-cra-head > .bi{
    flex:0 0 auto;
    width:34px;
    height:34px;
    font-size:1rem;
}
body.theme-abfa.pg-training-courses #coursedetails-content-section nav .inst-cra-list{
    display:inline-flex!important;
    vertical-align:middle;
    flex-wrap:wrap;
    gap:2px 22px;
    margin:0!important;
    width:auto!important;
}

/* ── الموبايل: كتلة التواصل والأزرار زي ما كانت ──────────────
   قواعد بار التواصل بقت متخصّصة بـ nav (شريط الديسك توب) عشان
   ما تلمسش نسخة الموبايل (اللي بره الـ nav) — كان الاسم بيطلع
   أبيض على أبيض. والأزرار بترجع لخطها الأصلي تحت 992 عشان
   الخط المشجّر أعرض وكان بيزق الصف بره الشاشة.
   ------------------------------------------------------------ */
@media (max-width:991px){
    body.theme-abfa.pg-training-courses #coursedetails-buttons-section .menu-two,
    body.theme-abfa.pg-training-courses #coursedetails-buttons-section .btn{
        font-family:inherit!important;
        letter-spacing:normal;
    }
}

/* ════════════════════════════════════════════════════════════
   ABF Academy — الصفحات الداخلية المشتركة: "الدليل الأكاديمي"
   ------------------------------------------------------------
   عن المعهد / العملاء / الأسئلة الشائعة / التنزيلات / الدورات
   العامة / الدورات الداخلية / اتصل بنا / العمود الجانبي للنماذج.

   الفكرة: صفحات prospectus جامعي — ورق أبيض، خطوط شعرة رمادية،
   عناوين مشجّرة فوقها شريط بألوان العلم (كحلي/أبيض/أحمر)، وأرقام
   رومانية كبيرة بدل الكروت اللي بتتكرر على باقي المعاهد.

   القوالب في app/Views/themes/abfa/institute/** ببادئة .abp- لوحدها،
   فمفيش تصادم مع قواعد .inst-* المشتركة اللي فوق ولا مع أي ثيم تاني.
   ════════════════════════════════════════════════════════════ */

body.theme-abfa {
    --abp-navy: #012169;
    --abp-red: #c8102b;
    --abp-line: #d5dae4;
    --abp-line-soft: #e7eaf1;
    --abp-ink: #101a33;
    --abp-mute: #5a6478;
    --abp-paper: #f7f8fa;
    --abp-serif: Georgia, "Times New Roman", "Amiri", serif;
}

/* ── شريط العلم: العلامة اللي بتتكرر فوق كل عنوان قسم ──────── */
body.theme-abfa .abp-flag {
    display: block;
    width: 104px;
    height: 9px;
    flex: 0 0 auto;
    margin: 0 0 13px;
    border: 1px solid var(--abp-line);
    background: linear-gradient(90deg,
        var(--abp-navy) 0 33.333%,
        #ffffff 33.333% 66.666%,
        var(--abp-red) 66.666% 100%);
}
body.theme-abfa .abp-flag-sm { width: 58px; height: 6px; margin-bottom: 11px; }

/* ── ترويسة القسم ─────────────────────────────────────────── */
body.theme-abfa .abp-head { margin: 0 0 24px; }
body.theme-abfa .abp-head-c { text-align: center; }
body.theme-abfa .abp-head-c .abp-flag { margin-inline: auto; }
body.theme-abfa .abp-head-tight { margin-bottom: 0; }
body.theme-abfa .abp-h {
    font-family: var(--abp-serif);
    font-weight: 400;
    font-size: 1.55rem;
    line-height: 1.32;
    color: var(--abp-navy);
    margin: 0;
    text-transform: uppercase;
    letter-spacing: .07em;
}
body.theme-abfa .abp-head-tight .abp-h { font-size: 1.2rem; }
/* رقم المجموعة "1." — لازم يفضل عزلة ثنائية الاتجاه، وإلا النقطة
   بتتنطّ لشمال الرقم في العربي وتطلع ".1". */
body.theme-abfa .abp-h-n { color: var(--abp-red); margin-inline-end: .45em; unicode-bidi: isolate; direction: ltr; }
/* العربي: التباعد بين الحروف بيكسر وصل الحروف، والحروف الكبيرة مالهاش معنى */
body.theme-abfa[dir="rtl"] .abp-h { text-transform: none; letter-spacing: normal; font-size: 1.62rem; }

/* ── القسم نفسه ───────────────────────────────────────────── */
body.theme-abfa .abp-page {
    padding: 46px 0 54px;
    background: #ffffff;
    border-top: 1px solid var(--abp-line-soft);
}
body.theme-abfa .abp-sec { margin-top: 46px; }

body.theme-abfa .abp-page .btn {
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: .09em;
    font-size: .78rem;
    padding: 12px 26px;
}
body.theme-abfa[dir="rtl"] .abp-page .btn { text-transform: none; letter-spacing: normal; font-size: .9rem; }
body.theme-abfa .abp-cta { margin-top: 32px; display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }
body.theme-abfa .abp-cta-start { justify-content: flex-start; }

/* ── الثلاثي المتمركز: رقم روماني كبير فوق كل بند ─────────── */
body.theme-abfa .abp-trio {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-block: 1px solid var(--abp-line);
}
body.theme-abfa .abp-trio-item {
    text-align: center;
    padding: 36px 26px 32px;
    border-inline-end: 1px solid var(--abp-line);
}
body.theme-abfa .abp-trio-item:last-child { border-inline-end: 0; }
body.theme-abfa .abp-num {
    display: block;
    font-family: var(--abp-serif);
    font-size: 3.2rem;
    line-height: 1;
    color: var(--abp-navy);
    letter-spacing: .05em;
    margin: 0 0 14px;
    padding-bottom: 14px;
    position: relative;
}
body.theme-abfa .abp-num::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 34px;
    height: 2px;
    background: var(--abp-red);
}
body.theme-abfa .abp-trio-icon { display: block; font-size: 1.75rem; color: var(--abp-red); margin: 0 0 14px; }
body.theme-abfa .abp-trio-t {
    font-family: var(--abp-serif);
    font-weight: 400;
    font-size: 1.16rem;
    color: var(--abp-navy);
    margin: 0 0 10px;
    text-transform: uppercase;
    letter-spacing: .08em;
}
body.theme-abfa[dir="rtl"] .abp-trio-t { text-transform: none; letter-spacing: normal; font-size: 1.22rem; }
body.theme-abfa .abp-trio-d { margin: 0; color: var(--abp-mute); font-size: .94rem; line-height: 1.75; }

/* ── "ماذا نقدّم": قائمة دليل مطبوعة على عمودين وبينهم خط رفيع ─────
   (2026-09-08) بديل الصفوف المسطّرة القديمة (.abp-index) اللي كانت
   بتطابق نسخة institute المشتركة صفًّا بصف، وكانت كمان نفس نمط
   "رقم + أيقونة + اسم | وصف | سهم" اللي اتكرر على خمس مواقع.
   دلوقتي عمودان حقيقيان (column-count) والبنود بتتدفّق بينهم،
   بينهم column-rule، وخط رفيع فوق كل بند. مفيش أي أسهم.
   كل الحشو منطقي (inline) عشان العربي RTL يقلب لوحده. ───────── */
body.theme-abfa .abp-pros {
    column-count: 2;
    column-gap: 58px;
    column-rule: 1px solid var(--abp-line);
    border-bottom: 1px solid var(--abp-line);
    padding-bottom: 4px;
}
body.theme-abfa .abp-pros-entry {
    display: block;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    border-top: 1px solid var(--abp-line);
    padding: 22px 0 24px;
    text-decoration: none !important;
    color: inherit;
}
body.theme-abfa .abp-pros-t {
    display: flex;
    align-items: baseline;
    gap: 12px;
    font-family: var(--abp-serif);
    font-weight: 400;
    font-size: 1.16rem;
    line-height: 1.35;
    color: var(--abp-navy);
    margin: 0 0 9px;
}
body.theme-abfa .abp-pros-t .bi {
    font-size: 1.12rem;
    color: var(--abp-red);
    flex: 0 0 auto;
    width: 1.15em;
    text-align: center;
}
body.theme-abfa .abp-pros-entry:hover .abp-pros-t,
body.theme-abfa .abp-pros-entry:focus-visible .abp-pros-t {
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-thickness: 1px;
}
body.theme-abfa .abp-pros-d {
    display: block;
    color: var(--abp-mute);
    font-size: .94rem;
    line-height: 1.75;
    padding-inline-start: calc(1.15em + 12px);
}

/* ── سجلّ القطاعات: عمودان بخط فاصل رفيع ──────────────────── */
body.theme-abfa .abp-register {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-top: 1px solid var(--abp-line);
}
body.theme-abfa .abp-register-row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 24px;
    border-bottom: 1px solid var(--abp-line);
}
body.theme-abfa .abp-register-row:nth-child(odd) { border-inline-end: 1px solid var(--abp-line); }
body.theme-abfa .abp-register-n { font-family: var(--abp-serif); font-size: 1rem; color: var(--abp-red); min-width: 2.1em; }
body.theme-abfa .abp-register-row .bi { font-size: 1.2rem; color: var(--abp-navy); width: 1.5em; text-align: center; flex: 0 0 auto; }
body.theme-abfa .abp-register-t { font-size: .98rem; color: var(--abp-ink); }

/* ── حاشية الدعوة ─────────────────────────────────────────── */
body.theme-abfa .abp-note {
    margin-top: 40px;
    padding: 24px 28px 26px;
    background: var(--abp-paper);
    border: 1px solid var(--abp-line);
    border-top: 3px solid var(--abp-navy);
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}
/* الشريط بياخد سطره لوحده جوّه الحاشية، لكن الرسم نفسه بيفضل بعرضه
   الطبيعي — مش متمطّط على عرض الصندوق (الثلث الأبيض كان بيختفي). */
body.theme-abfa .abp-note .abp-flag {
    flex: 0 0 100%;
    width: auto;
    border: 0;
    height: 9px;
    background-repeat: no-repeat;
    background-size: 104px 9px;
}
body.theme-abfa .abp-note p {
    margin: 0;
    flex: 1 1 280px;
    font-family: var(--abp-serif);
    font-size: 1.12rem;
    color: var(--abp-navy);
}

/* ── الأسئلة الشائعة ──────────────────────────────────────── */
body.theme-abfa .abp-faq-group { max-width: 950px; margin: 0 auto 44px; }
body.theme-abfa .abp-faq .abp-note { max-width: 950px; margin-inline: auto; }
body.theme-abfa .abp-faq-items { border-top: 1px solid var(--abp-line); }
body.theme-abfa .abp-faq-item { border-bottom: 1px solid var(--abp-line); background: #fff; }
body.theme-abfa .abp-faq-item summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 2px;
}
body.theme-abfa .abp-faq-item summary::-webkit-details-marker { display: none; }
body.theme-abfa .abp-faq-n { font-family: var(--abp-serif); color: var(--abp-red); font-size: .95rem; min-width: 2.7em; flex: 0 0 auto; }
body.theme-abfa .abp-faq-q { flex: 1; font-weight: 600; color: var(--abp-ink); font-size: 1rem; line-height: 1.5; }
body.theme-abfa .abp-faq-chev { color: var(--abp-navy); font-size: .85rem; flex: 0 0 auto; margin-top: 4px; transition: transform .25s; }
body.theme-abfa .abp-faq-item[open] .abp-faq-chev { transform: rotate(180deg); }
body.theme-abfa .abp-faq-item[open] .abp-faq-q { color: var(--abp-navy); }
body.theme-abfa .abp-faq-a {
    margin-inline-start: 2.7em;
    padding: 0 0 18px;
    padding-inline-start: 16px;
    border-inline-start: 2px solid var(--abp-red);
}
body.theme-abfa .abp-faq-a p { margin: 0; color: var(--abp-mute); line-height: 1.85; font-size: .95rem; }

/* ── التنزيلات: جدول محتويات بنقاط قائدة ──────────────────── */
body.theme-abfa .abp-toc { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--abp-line); }
body.theme-abfa .abp-toc-li { border-bottom: 1px solid var(--abp-line); }
body.theme-abfa .abp-toc-row {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 19px 2px;
    text-decoration: none !important;
    color: var(--abp-ink);
    transition: background .2s;
}
body.theme-abfa .abp-toc-row:hover { background: var(--abp-paper); }
body.theme-abfa .abp-toc-n { font-family: var(--abp-serif); font-size: 1.15rem; color: var(--abp-red); min-width: 2.4em; flex: 0 0 auto; }
body.theme-abfa .abp-toc-main { display: flex; flex-direction: column; gap: 4px; flex: 1 1 auto; min-width: 0; }
/* سطر الفهرس: الأيقونة والعنوان، ثم النقاط القائدة اللي بتمدّ للسهم — زي
   جدول محتويات كتاب. الوصف بينزل تحته من غير نقاط. */
body.theme-abfa .abp-toc-t { display: flex; align-items: baseline; gap: 10px; }
body.theme-abfa .abp-toc-t .bi { color: var(--abp-navy); font-size: 1.15rem; }
body.theme-abfa .abp-toc-t strong { font-family: var(--abp-serif); font-weight: 400; font-size: 1.1rem; color: var(--abp-navy); }
body.theme-abfa .abp-toc-d { font-size: .87rem; color: var(--abp-mute); }
body.theme-abfa .abp-toc-dots {
    flex: 1 1 40px;
    min-width: 24px;
    height: 0;
    position: relative;
    top: -4px;
    border-bottom: 1px dotted #b9c1d1;
}
body.theme-abfa .abp-toc-go { color: var(--abp-red); flex: 0 0 auto; font-size: 1.05rem; transition: transform .2s; }
body.theme-abfa .abp-toc-row:hover .abp-toc-go { transform: translateX(5px); }
body.theme-abfa[dir="rtl"] .abp-toc-row:hover .abp-toc-go { transform: translateX(-5px); }

body.theme-abfa .abp-request {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 26px;
    flex-wrap: wrap;
    padding: 28px;
    background: var(--abp-paper);
    border: 1px solid var(--abp-line);
    border-top: 3px solid var(--abp-navy);
}
body.theme-abfa .abp-request-text { flex: 1 1 360px; }
body.theme-abfa .abp-request-text p { margin: 10px 0 0; color: var(--abp-mute); }
body.theme-abfa .abp-request-actions { display: flex; gap: 10px; flex-wrap: wrap; }
body.theme-abfa .abp-request-actions .bi { margin-inline-end: 6px; }

/* ── شروط التسجيل: عمودان بخط فاصل ────────────────────────── */
body.theme-abfa .abp-terms { margin: 0; border-top: 1px solid var(--abp-line); }
body.theme-abfa .abp-terms-row { display: grid; grid-template-columns: minmax(200px, 31%) 1fr; border-bottom: 1px solid var(--abp-line); }
body.theme-abfa .abp-terms dt {
    display: flex;
    gap: 12px;
    align-items: baseline;
    font-family: var(--abp-serif);
    font-weight: 400;
    font-size: 1.08rem;
    color: var(--abp-navy);
    padding-block: 21px;
    padding-inline-end: 24px;
}
body.theme-abfa .abp-terms-n { color: var(--abp-red); font-size: .9rem; flex: 0 0 auto; }
body.theme-abfa .abp-terms dd {
    margin: 0;
    padding-block: 21px;
    padding-inline-start: 28px;
    border-inline-start: 1px solid var(--abp-line);
    color: var(--abp-mute);
    line-height: 1.75;
    font-size: .94rem;
}

/* ── الدورات الداخلية: عمودان بينهم خط ────────────────────── */
body.theme-abfa .abp-ih-grid { display: grid; grid-template-columns: 1fr 1fr; }
body.theme-abfa .abp-ih-col { padding-inline: 40px; }
body.theme-abfa .abp-ih-col:first-child { padding-inline-start: 0; border-inline-end: 1px solid var(--abp-line); }
body.theme-abfa .abp-ih-col:last-child { padding-inline-end: 0; }
body.theme-abfa .abp-steps { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--abp-line); }
body.theme-abfa .abp-steps-li { display: flex; gap: 18px; padding-block: 20px; border-bottom: 1px solid var(--abp-line); }
body.theme-abfa .abp-steps-n {
    font-family: var(--abp-serif);
    font-size: 1.9rem;
    line-height: 1.1;
    color: var(--abp-navy);
    min-width: 2.1em;
    text-align: center;
    flex: 0 0 auto;
    border-inline-end: 1px solid var(--abp-line);
    padding-inline-end: 16px;
}
body.theme-abfa .abp-steps-b { display: flex; flex-direction: column; gap: 6px; }
body.theme-abfa .abp-steps-b strong { font-family: var(--abp-serif); font-weight: 400; font-size: 1.1rem; color: var(--abp-navy); }
body.theme-abfa .abp-steps-b span { color: var(--abp-mute); font-size: .93rem; line-height: 1.75; }
body.theme-abfa .abp-checks { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--abp-line); }
body.theme-abfa .abp-checks li {
    display: flex;
    gap: 13px;
    align-items: flex-start;
    padding-block: 16px;
    border-bottom: 1px solid var(--abp-line);
    color: var(--abp-ink);
    font-size: .96rem;
    line-height: 1.65;
}
body.theme-abfa .abp-checks li .bi { color: var(--abp-red); font-size: 1.05rem; margin-top: 3px; flex: 0 0 auto; }

/* ── اتصل بنا ─────────────────────────────────────────────── */
body.theme-abfa .abp-contact-wrap { padding-block: 40px 6px; }
body.theme-abfa .abp-contact-form .box4 {
    background: #fff;
    border: 1px solid var(--abp-line);
    border-top: 3px solid var(--abp-navy);
    box-shadow: none;
    padding: 26px 18px 22px;
}
body.theme-abfa .abp-contact-form h5 {
    font-family: var(--abp-serif);
    font-weight: 400;
    color: var(--abp-navy);
    text-transform: uppercase;
    letter-spacing: .07em;
    font-size: 1.05rem;
}
body.theme-abfa[dir="rtl"] .abp-contact-form h5 { text-transform: none; letter-spacing: normal; font-size: 1.15rem; }
body.theme-abfa .abp-contact-form .form-control { border-radius: 0 !important; border-color: var(--abp-line); }
body.theme-abfa .abp-contact-form .abp-flag { margin-bottom: 10px; }
body.theme-abfa .abp-contact-form .btn { border-radius: 0; text-transform: uppercase; letter-spacing: .09em; font-size: .78rem; padding: 12px 28px; }
body.theme-abfa[dir="rtl"] .abp-contact-form .btn { text-transform: none; letter-spacing: normal; font-size: .9rem; }
body.theme-abfa .abp-contact-card {
    background: #fff;
    border: 1px solid var(--abp-line);
    padding: 28px 32px 30px;
    height: 100%;
}
body.theme-abfa .abp-contact-lead { color: var(--abp-mute); line-height: 1.85; margin: 16px 0 24px; }
body.theme-abfa .abp-contact-list { list-style: none; margin: 0 0 26px; padding: 0; border-top: 1px solid var(--abp-line); }
body.theme-abfa .abp-contact-list li {
    display: flex;
    gap: 14px;
    align-items: center;
    padding-block: 15px;
    border-bottom: 1px solid var(--abp-line);
}
body.theme-abfa .abp-contact-list li .bi { font-size: 1.2rem; color: var(--abp-navy); width: 1.6em; text-align: center; flex: 0 0 auto; }
body.theme-abfa .abp-contact-list li span { display: flex; flex-direction: column; gap: 3px; font-size: .96rem; color: var(--abp-ink); }
body.theme-abfa .abp-contact-list li b {
    font-size: .7rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .13em;
    color: var(--abp-red);
}
body.theme-abfa[dir="rtl"] .abp-contact-list li b { text-transform: none; letter-spacing: normal; font-size: .78rem; }
body.theme-abfa .abp-contact-list li a { color: var(--abp-ink); text-decoration: none; }
body.theme-abfa .abp-contact-list li a:hover { color: var(--abp-red); }
body.theme-abfa .abp-contact-links { display: flex; gap: 10px; flex-wrap: wrap; }
body.theme-abfa .abp-contact-links .btn { border-radius: 0; text-transform: uppercase; letter-spacing: .09em; font-size: .78rem; padding: 12px 24px; }
body.theme-abfa[dir="rtl"] .abp-contact-links .btn { text-transform: none; letter-spacing: normal; font-size: .9rem; }

/* ── العمود الجانبي للنماذج ───────────────────────────────── */
body.theme-abfa .abp-side-card { background: #fff; border: 1px solid var(--abp-line); padding: 22px 20px 24px; }
body.theme-abfa .abp-side-name { font-family: var(--abp-serif); font-weight: 400; color: var(--abp-navy); font-size: 1.1rem; margin: 0 0 14px; line-height: 1.4; }
body.theme-abfa .abp-side-list { list-style: none; margin: 0 0 22px; padding: 0; border-top: 1px solid var(--abp-line); }
body.theme-abfa .abp-side-list li { display: flex; gap: 10px; align-items: center; padding-block: 12px; border-bottom: 1px solid var(--abp-line); font-size: .88rem; }
body.theme-abfa .abp-side-list li .bi { color: var(--abp-navy); flex: 0 0 auto; }
body.theme-abfa .abp-side-list li a { color: var(--abp-ink); text-decoration: none; word-break: break-word; }
body.theme-abfa .abp-side-list li a:hover { color: var(--abp-red); }
body.theme-abfa .abp-side-sub {
    font-family: var(--abp-serif);
    font-weight: 400;
    color: var(--abp-navy);
    font-size: 1rem;
    margin: 0 0 6px;
    padding-bottom: 9px;
    border-bottom: 1px solid var(--abp-line);
}
body.theme-abfa .abp-side-steps { list-style: none; margin: 0; padding: 0; }
body.theme-abfa .abp-side-steps li {
    display: flex;
    gap: 12px;
    padding-block: 11px;
    border-bottom: 1px dotted var(--abp-line);
    font-size: .87rem;
    color: var(--abp-mute);
    line-height: 1.65;
}
body.theme-abfa .abp-side-steps li:last-child { border-bottom: 0; }
body.theme-abfa .abp-side-n { font-family: var(--abp-serif); color: var(--abp-red); font-size: .95rem; min-width: 2em; flex: 0 0 auto; }

/* ── مقدمة البانر: شريط العلم رأسي على هامش الفقرة ─────────
   البانر كحلي، فالثلث الكحلي من الشريط كان هيختفي فيه — الحلقة
   البيضاء حواليه هي اللي بتفصله عن خلفية البانر. */
body.theme-abfa .abp-lede { display: block; position: relative; padding-inline-start: 22px; }
body.theme-abfa .abp-lede .abp-flag {
    position: absolute;
    inset-inline-start: 2px;
    top: 3px;
    bottom: 3px;
    width: 6px;
    height: auto;
    margin: 0;
    border: 0;
    box-shadow: 0 0 0 2px #ffffff;
    background: linear-gradient(180deg,
        var(--abp-navy) 0 33.333%,
        #ffffff 33.333% 66.666%,
        var(--abp-red) 66.666% 100%);
}
body.theme-abfa .abp-lede-t { display: block; }

/* ── الشاشات الأصغر ───────────────────────────────────────── */
@media (max-width: 991px) {
    body.theme-abfa .abp-trio { grid-template-columns: 1fr; }
    body.theme-abfa .abp-trio-item { border-inline-end: 0; border-bottom: 1px solid var(--abp-line); }
    body.theme-abfa .abp-trio-item:last-child { border-bottom: 0; }
    body.theme-abfa .abp-pros { column-count: 1; column-rule: 0; }
    body.theme-abfa .abp-terms-row { grid-template-columns: 1fr; }
    body.theme-abfa .abp-terms dt { padding-block: 18px 8px; padding-inline-end: 0; }
    body.theme-abfa .abp-terms dd { border-inline-start: 0; padding-inline-start: 0; padding-block: 0 18px; }
    body.theme-abfa .abp-ih-grid { grid-template-columns: 1fr; }
    body.theme-abfa .abp-ih-col { padding-inline: 0; }
    body.theme-abfa .abp-ih-col:first-child { border-inline-end: 0; border-bottom: 1px solid var(--abp-line); padding-bottom: 30px; margin-bottom: 34px; }
    body.theme-abfa .abp-register { grid-template-columns: 1fr; }
    body.theme-abfa .abp-register-row:nth-child(odd) { border-inline-end: 0; }
    body.theme-abfa .abp-contact-card { margin-top: 24px; }
}
@media (max-width: 575px) {
    body.theme-abfa .abp-toc-dots { display: none; }
    body.theme-abfa .abp-register-row { padding-inline: 8px; }
    body.theme-abfa .abp-contact-card { padding: 24px 18px 26px; }
}

/* --- training-courses fix 2e885b77051c49871eb08642619e5001 --- */
/* الزمالة: شبكة مؤطّرة كحلي وشريط علم فوق العنوان */
body.theme-abfa .inst-logos{background:#fff}
body.theme-abfa .inst-logos-h{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#012169;text-align:center}
body.theme-abfa .inst-logos-h::before{content:'';display:block;width:120px;height:5px;margin:0 auto 12px;background:linear-gradient(90deg,#012169 0,#012169 42%,#fff 42%,#fff 58%,#c8102b 58%)}
body.theme-abfa .inst-logos-grid{gap:0;border:2px solid #012169}
body.theme-abfa .inst-logos-item{border-inline-end:1px solid #dfe4ef;border-bottom:1px solid #dfe4ef;min-height:106px;border-radius:0}

/* --- training-courses fix 5233ab79aa83c96870cc57b50383ef13 --- */
/* الزمالة: بطاقة متمركزة برأس شريط العلم، والسعر في إطار. */
body.theme-abfa.pg-training-courses .session-card{display:flex!important;flex-direction:column;align-items:center;text-align:center;padding:0!important;overflow:hidden;border-radius:4px!important;position:relative}
body.theme-abfa.pg-training-courses .session-card::before{content:'';position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,#012169 0,#012169 42%,#fff 42%,#fff 58%,#c8102b 58%)}
body.theme-abfa.pg-training-courses .session-card > ul{width:100%!important;margin:0!important;padding:22px 16px 12px!important;display:flex;flex-direction:column;align-items:center;gap:4px}
body.theme-abfa.pg-training-courses .session-card li{justify-content:center}
body.theme-abfa.pg-training-courses .session-card li:first-child{font-family:Georgia,"Times New Roman",serif;font-size:1.05rem;color:#012169}
body.theme-abfa.pg-training-courses .session-card .price-box{position:static!important;border:1px solid #cfd6e6!important;border-radius:0!important;background:#f7f9fc!important;padding:10px 18px!important;margin-bottom:12px}
body.theme-abfa.pg-training-courses .session-card > form{padding:0 16px 16px;width:100%}
body.theme-abfa.pg-training-courses .session-card .btn{width:100%;border-radius:0!important}

/* ════════════════════════════════════════════════════════════
   ABF Academy — صفحات القوائم المشتركة بلغة "أعمدة الدليل"
   ------------------------------------------------------------
   التصنيفات / المدن / المقالات / المدونات.

   الأربعة كانوا بيطلعوا من ملف واحد مشترك: شبكة كروت بصورة مصغّرة
   ورقم — نفس الشكل على تسع مواقع. دلوقتي الأربعة بيتقروا زي صفحة
   من دليل جامعي مطبوع: عمودان حقيقيان (column-count) بينهم خط
   رفيع، وكل بند سطر بخط Georgia قدّامه شريط علم صغير (كحلي/أبيض/
   أحمر) — نفس شريط .abp-flag اللي فوق عناوين باقي أقسام الموقع،
   بس رأسي وبحجم السطر. مفيش كروت ولا صور مصغّرة ولا أرقام.

   القوالب في app/Views/themes/abfa/{category,cities,articles,blogs}
   وبتستعمل .abp-pros الموجودة أصلاً لصفحة "ماذا نقدّم"، فالصفحات
   كلها بتقرا كتصميم واحد. الجديد هنا هو الشريط والسطر السفلي بس.

   كل الحشو منطقي (inline) فالعربي RTL بيقلب لوحده.
   ════════════════════════════════════════════════════════════ */

body.theme-abfa .abp-list-page { padding: 40px 0 58px; }

body.theme-abfa .abp-pros-list { column-gap: 54px; }

body.theme-abfa .abp-pros-list .abp-pros-entry { padding: 17px 0 18px; }

/* السطر: الشريط أول العنصر والعنوان جنبه. المحاذاة من فوق مش على خط
   القاعدة، لأن الشريط مالوش نص فخط قاعدته حافته السفلية وكان بينزل. */
body.theme-abfa .abp-pros-list .abp-pros-t {
    align-items: flex-start;
    gap: 12px;
    margin: 0 0 6px;
    font-size: 1.1rem;
}
body.theme-abfa .abp-pros-name { flex: 1 1 auto; min-width: 0; }

/* شريط العلم الصغير: نفس تدرّج .abp-flag بس رأسي وبطول سطر العنوان. */
body.theme-abfa .abp-fmark {
    display: block;
    flex: 0 0 auto;
    width: 8px;
    height: 1.15em;
    margin-top: .16em;
    border: 1px solid var(--abp-line);
    background: linear-gradient(180deg,
        var(--abp-navy) 0 33.333%,
        #ffffff 33.333% 66.666%,
        var(--abp-red) 66.666% 100%);
}

/* الوصف والسطر السفلي بيتزحّوا بعرض الشريط + الفجوة (6+12) عشان
   يتحاذوا مع أول حرف في العنوان. القاعدة الأصلية كانت مزحّاهم بعرض
   الأيقونة (1.15em) وده أعرض من الشريط. */
body.theme-abfa .abp-pros-list .abp-pros-d {
    padding-inline-start: 20px;
    margin: 0;
    font-size: .9rem;
    line-height: 1.72;
}

body.theme-abfa .abp-pros-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 5px 16px;
    padding-inline-start: 20px;
    margin-top: 7px;
    font-size: .72rem;
    text-transform: uppercase;
    letter-spacing: .1em;
}
body.theme-abfa[dir="rtl"] .abp-pros-meta { text-transform: none; letter-spacing: normal; font-size: .82rem; }

/* التاريخ لاتيني جوّه صفحة عربية: من غير عزلة النقطة والفاصلة
   بيتنطّوا لأول السطر. */
body.theme-abfa .abp-pros-date { color: var(--abp-mute); unicode-bidi: isolate; }
body.theme-abfa .abp-pros-go { color: var(--abp-red); }
body.theme-abfa .abp-pros-entry:hover .abp-pros-go,
body.theme-abfa .abp-pros-entry:focus-visible .abp-pros-go {
    text-decoration: underline;
    text-underline-offset: 4px;
}

/* سطر تمهيدي فوق الاسم (صفحة المدن: "الدورات التدريبية في …") — مزحّح
   بعرض الشريط عشان يقع فوق أول حرف من الاسم مش فوق الشريط. */
body.theme-abfa .abp-pros-k {
    display: block;
    padding-inline-start: 20px;
    margin-bottom: 3px;
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--abp-mute);
}
body.theme-abfa[dir="rtl"] .abp-pros-k { text-transform: none; letter-spacing: normal; font-size: .8rem; }

body.theme-abfa .abp-pros-empty { margin: 0; padding: 24px 0; color: var(--abp-mute); }

/* الشاشات الصغيرة: عمود واحد ومن غير الخط الفاصل. القاعدة دي متكرّرة
   هنا عن قصد — القاعدة الأقدم في الملف على .abp-pros لوحدها، وأي
   إعلان بعدها بنفس الوزن كان هيغلبها. */
@media (max-width: 991px) {
    body.theme-abfa .abp-pros-list { column-count: 1; column-rule: 0; column-gap: 0; }
}
@media (max-width: 575px) {
    body.theme-abfa .abp-list-page { padding: 30px 0 42px; }
    body.theme-abfa .abp-pros-list .abp-pros-t { font-size: 1.04rem; }
}

/* ── (2026-09-09) عمود واحد على الموبايل ────────────────────────
   قاعدة الـ2 أعمدة عند 991 كانت متأخرة في الملف عن قاعدة العمود
   الواحد عند 575، فكانت بتغلبها والصفحة بتتزحلق 39px على 390px.
   ───────────────────────────────────────────────────────────── */
@media (max-width: 575px) {
    body.theme-abfa .inst-upcoming-list { grid-template-columns: 1fr; }
}
body.theme-abfa .inst-upcoming-list > li,
body.theme-abfa .inst-upcoming-body { min-width: 0; }
body.theme-abfa .inst-upcoming-title { overflow-wrap: anywhere; }

/* ── (2026-09-09) صندوق البحث في الهيرو ─────────────────────────
   `.ab-searchwrap .container{padding:0}` شال حشو الحاوية الـ15px، لكن
   الـ.row جوّاها فاضلة بهوامش -15px، فبتخرج 7px برّه الشاشة. نصفّر
   هوامش الصف بدل ما نرجّع الحشو (الشريط عايز يفضل بعرض الهيرو). */
body.theme-abfa .ab-searchwrap .container > .row,
body.theme-abfa .ab-searchwrap .row { margin-inline: 0; }
body.theme-abfa .ab-searchwrap .row > [class*="col-"] { padding-inline: 0; }

/* ═══ صفحة الدورة — أبفا: كُتيّب متصل (prospectus) ═══════════════
   (2026-09-09) بديل التبويبات. كل قسم شريط بعرض الصفحة، عنوانه ورقمه
   في هامش لاصق على الجنب والنص في عمود قراءة. الأشرطة بتتبادل
   أبيض / رملي. المرجع في الشكل: كتالوجات الجامعات المطبوعة.
   ───────────────────────────────────────────────────────────── */
body.theme-abfa .ab-cd { margin: 0; }

/* اللوحات كانت مخبّية وراء تبويبات؛ هنا كلها مفتوحة. */
body.theme-abfa .ab-cd .tab-pane {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
body.theme-abfa .ab-cd .tab-pane.fade { transition: none; }

/* فهرس الأقسام: شريط أرقام لاصق تحت البانر. */
body.theme-abfa .ab-cd-index {
    position: sticky; top: 0; z-index: 20;
    display: flex; flex-wrap: wrap; gap: 0;
    background: var(--site-primary, #012169);
    border-bottom: 3px solid var(--site-accent, #C8102B);
}
body.theme-abfa .ab-cd-index a {
    flex: 1 1 auto;
    display: flex; align-items: baseline; gap: 8px;
    padding: 13px 18px;
    color: rgba(255,255,255,.8); text-decoration: none;
    font-size: .84rem; font-weight: 600; letter-spacing: .04em;
    text-transform: uppercase;
    border-inline-end: 1px solid rgba(255,255,255,.14);
    transition: background .15s, color .15s;
}
body.theme-abfa .ab-cd-index a:last-child { border-inline-end: 0; }
body.theme-abfa .ab-cd-index a:hover,
body.theme-abfa .ab-cd-index a:focus-visible {
    background: rgba(255,255,255,.1); color: #fff; text-decoration: none;
}
body.theme-abfa .ab-cd-index-num {
    font-size: .7rem; color: var(--site-accent, #C8102B);
    background: #fff; border-radius: 2px; padding: 1px 5px; font-weight: 800;
}

/* الأشرطة. */
body.theme-abfa .ab-cd-band { padding: 46px 0; scroll-margin-top: 56px; }
body.theme-abfa .ab-cd-band:nth-child(even) { background: #f6f3ee; }
body.theme-abfa .ab-cd-band--cra { background: #eef1f7 !important; }

body.theme-abfa .ab-cd-inner {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 40px;
    max-width: 1140px; margin: 0 auto; padding-inline: 20px;
}
body.theme-abfa .ab-cd-gutter { position: sticky; top: 74px; align-self: start; }
body.theme-abfa .ab-cd-num {
    display: block; font-size: 2.6rem; font-weight: 800; line-height: 1;
    color: var(--site-accent, #C8102B); opacity: .35;
}
body.theme-abfa .ab-cd-h {
    margin: 8px 0 0; font-size: 1.18rem; font-weight: 800; line-height: 1.35;
    color: var(--site-primary, #012169);
    padding-top: 10px; border-top: 2px solid var(--site-primary, #012169);
}
body.theme-abfa .ab-cd-body { min-width: 0; }
/* عرض قراءة مريح للنص الجاري. */
body.theme-abfa .ab-cd-body p,
body.theme-abfa .ab-cd-body li { max-width: 68ch; line-height: 1.75; }
body.theme-abfa .ab-cd-body h6 {
    font-size: .96rem; font-weight: 800; color: var(--site-primary, #012169);
    letter-spacing: .02em;
}

@media (max-width: 991px) {
    body.theme-abfa .ab-cd-inner { grid-template-columns: 1fr; gap: 18px; }
    body.theme-abfa .ab-cd-gutter { position: static; display: flex; align-items: baseline; gap: 12px; }
    body.theme-abfa .ab-cd-num { font-size: 1.6rem; }
    body.theme-abfa .ab-cd-h { border-top: 0; padding-top: 0; margin-top: 0; }
    body.theme-abfa .ab-cd-band { padding: 32px 0; }
    body.theme-abfa .ab-cd-index a { flex: 1 1 40%; padding: 10px 12px; font-size: .74rem; }
}

/* ── (2026-09-09) صفحة الدورة على الموبايل ──────────────────────
   الأصل بيخبّي كتلة الديسكتوب ويعرض أكورديون مقفول، فالمحتوى كله
   بيبقى ورا رؤوس مطويّة — تجربة سيئة على التليفون. تخطيط الثيم ده
   بقى عمود واحد متصل وعنده قواعده للشاشات الصغيرة، فبنعرضه هو
   ونشيل الأكورديون. القاعدة متقيّدة بالثيم — المعهد زي ما هو.
   ───────────────────────────────────────────────────────────── */
@media (max-width: 991px) {
    body.theme-abfa.pg-training-courses #coursedetails-content-section .coursedetails-content-section-desktop { display: block; }
    body.theme-abfa.pg-training-courses #coursedetails-content-section .coursedetails-content-section-mobile { display: none; }
}

/* ═══ (2026-09-09) /categories — الزمالة: بلاطات بحدّ مزدوج ═══════
   أعمدة الدليل القديمة كانت بتتقري زي قوايم السعودي وليدرز. البديل
   لغة الشعارات الأكاديمية: بلاطات شبه مربّعة، حدّ خارجي كحلي وحدّ
   داخلي أحمر، والاسم في النص بحروف متباعدة.
   ───────────────────────────────────────────────────────────── */
body.theme-abfa .ab-crest-page { padding: 10px 0 26px; }
body.theme-abfa .ab-crest {
    display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px;
}
body.theme-abfa .ab-crest-tile {
    display: block; text-decoration: none;
    border: 2px solid var(--site-primary, #012169);
    background: #fff; padding: 5px;
    transition: background .18s;
}
body.theme-abfa .ab-crest-in {
    display: flex; flex-direction: column; align-items: center; justify-content: center;
    gap: 10px; text-align: center;
    min-height: 132px; padding: 16px 12px;
    border: 1px solid var(--site-accent, #C8102B);
}
body.theme-abfa .ab-crest-name {
    font-size: .84rem; font-weight: 800; line-height: 1.5;
    letter-spacing: .08em; text-transform: uppercase;
    color: var(--site-primary, #012169);
}
body.theme-abfa[dir="rtl"] .ab-crest-name { letter-spacing: 0; text-transform: none; font-size: .95rem; }
body.theme-abfa .ab-crest-rule {
    width: 28px; height: 2px; background: var(--site-accent, #C8102B);
}
body.theme-abfa .ab-crest-go {
    font-size: .68rem; letter-spacing: .12em; text-transform: uppercase;
    color: #6b7280;
}
body.theme-abfa[dir="rtl"] .ab-crest-go { letter-spacing: 0; text-transform: none; font-size: .78rem; }
body.theme-abfa .ab-crest-tile:hover,
body.theme-abfa .ab-crest-tile:focus-visible { background: var(--site-primary, #012169); text-decoration: none; }
body.theme-abfa .ab-crest-tile:hover .ab-crest-name,
body.theme-abfa .ab-crest-tile:hover .ab-crest-go { color: #fff; }
body.theme-abfa .ab-crest-tile:hover .ab-crest-in { border-color: #fff; }
@media (max-width: 991px) { body.theme-abfa .ab-crest { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 575px) { body.theme-abfa .ab-crest { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* /cities: نفس بلاطات الشعار، بس أوسع شوية لأن العدد أقل. */
body.theme-abfa .ab-crest--cities { grid-template-columns: repeat(3, minmax(0, 1fr)); }
body.theme-abfa .ab-crest-eyebrow {
    font-size: .64rem; letter-spacing: .14em; text-transform: uppercase; color: #8a94a3;
}
body.theme-abfa[dir="rtl"] .ab-crest-eyebrow { letter-spacing: 0; text-transform: none; font-size: .76rem; }
body.theme-abfa .ab-crest--cities .ab-crest-name { font-size: 1rem; }
body.theme-abfa .ab-crest--cities .ab-crest-in { min-height: 148px; gap: 8px; }
@media (max-width: 767px) { body.theme-abfa .ab-crest--cities { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ═══ (2026-09-09) /contact-us — الزمالة: بلاطة شعار + صندوق فورم ═══
   الشكل القديم (فورم جنب بطاقة بيانات) كان واحد عند كل المعاهد. هنا
   الصفحة بقت عمود واحد متمركز من بلاطتين بحدّ مزدوج — كحلي بره وأحمر
   جوه — وهي نفس لغة .ab-crest في /categories و /cities، فالصفحة تبان
   من نفس الموقع لو اتحطت جنب صفحاته.
   القواعد كلها متقيّدة بـ body.theme-abfa، فالمعهد وباقي المعاهد ما بيتأثروش.
   ───────────────────────────────────────────────────────────── */
body.theme-abfa .ab-cc-page { background: var(--abp-paper); }

/* العمود متمركز ومحدود العرض: سطر النص ما يعديش ~70 حرف، والبلاطة
   تفضل قريبة من نسبة الشعار بدل ما تتمدّد عرض الشاشة. */
body.theme-abfa .ab-cc-wrap { max-width: 820px; margin-inline: auto; }

/* الحدّ المزدوج: الخارجي كحلي 2px والحشو 5px هو اللي بيسيب الفاصل
   الأبيض، والداخلي أحمر 1px — نفس تركيب .ab-crest-tile/.ab-crest-in. */
body.theme-abfa .ab-cc-crest,
body.theme-abfa .ab-cc-formbox {
    border: 2px solid var(--abp-navy);
    background: #fff;
    padding: 5px;
}
body.theme-abfa .ab-cc-crest-in,
body.theme-abfa .ab-cc-formbox-in {
    border: 1px solid var(--abp-red);
    padding: 34px 32px 30px;
}
/* الفورم أضيق من بلاطة الشعار: العمود بيضيق وإحنا نازلين، فالعين
   تمشي من الترويسة للحقول — وحقل بعرض 820px صعب يتملّى. */
body.theme-abfa .ab-cc-formbox { margin-top: 26px; max-width: 620px; margin-inline: auto; }

body.theme-abfa .ab-cc-crest-in { text-align: center; }

body.theme-abfa .ab-cc-eyebrow {
    display: block;
    font-size: .64rem; letter-spacing: .16em; text-transform: uppercase;
    color: var(--abp-red); font-weight: 700;
}
/* العربي: التباعد بيكسر وصل الحروف، والحروف الكبيرة مالهاش معنى. */
body.theme-abfa[dir="rtl"] .ab-cc-eyebrow { letter-spacing: 0; text-transform: none; font-size: .8rem; }

body.theme-abfa .ab-cc-name {
    margin: 12px 0 0;
    font-family: var(--abp-serif);
    font-size: 1.7rem; line-height: 1.35; font-weight: 700;
    letter-spacing: .04em; color: var(--abp-navy);
}
body.theme-abfa[dir="rtl"] .ab-cc-name { letter-spacing: 0; }

/* الشرطة الحمراء تحت الاسم هي نفس فاصل .ab-crest-rule. */
body.theme-abfa .ab-cc-rule {
    display: block; width: 46px; height: 2px;
    background: var(--abp-red); margin: 16px auto 0;
}

body.theme-abfa .ab-cc-lead {
    margin: 16px auto 0;
    max-width: 56ch;              /* سطر قراءة مريح جوّه بلاطة عريضة */
    color: var(--abp-mute); line-height: 1.75;
}

/* الحقائق كجدول مسطور: صفّان × عمودين على الديسكتوب، بخطوط شعرية
   بدل الكروت — إحساس الكتيّب الأكاديمي. */
body.theme-abfa .ab-cc-facts {
    list-style: none; margin: 28px 0 0; padding: 0;
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid var(--abp-line-soft);
}
body.theme-abfa .ab-cc-fact {
    padding: 18px 14px;
    border-bottom: 1px solid var(--abp-line-soft);
    min-width: 0;                 /* عشان البريد الطويل يلف بدل ما يمدّ العمود */
}
/* الفاصل الرأسي بين العمودين: inset-inline عشان يقلب صح في العربي. */
body.theme-abfa .ab-cc-fact:nth-child(2n) { border-inline-start: 1px solid var(--abp-line-soft); }

body.theme-abfa .ab-cc-fact .bi {
    display: block; font-size: 1.05rem; color: var(--abp-navy); margin-bottom: 8px;
}
body.theme-abfa .ab-cc-fact-k {
    display: block; font-size: .64rem; font-weight: 700;
    letter-spacing: .14em; text-transform: uppercase; color: var(--abp-red);
    margin-bottom: 6px;
}
body.theme-abfa[dir="rtl"] .ab-cc-fact-k { letter-spacing: 0; text-transform: none; font-size: .78rem; }
body.theme-abfa .ab-cc-fact-v {
    display: block; font-size: .95rem; color: var(--abp-ink);
    text-decoration: none; overflow-wrap: anywhere;
}
body.theme-abfa a.ab-cc-fact-v:hover { color: var(--abp-red); text-decoration: underline; }

/* روابط ثانوية بحدّ رفيع: الزر المصمت الوحيد في الصفحة هو "إرسال". */
body.theme-abfa .ab-cc-links {
    margin-top: 26px; display: flex; flex-wrap: wrap;
    gap: 12px; justify-content: center;
}
body.theme-abfa .ab-cc-link {
    border: 1px solid var(--abp-navy); color: var(--abp-navy);
    padding: 11px 22px; text-decoration: none;
    font-size: .74rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
    transition: background .18s, color .18s;
}
body.theme-abfa[dir="rtl"] .ab-cc-link { letter-spacing: 0; text-transform: none; font-size: .88rem; }
body.theme-abfa .ab-cc-link:hover,
body.theme-abfa .ab-cc-link:focus-visible { background: var(--abp-navy); color: #fff; }

/* ── الفورم جوّه البلاطة التانية ─────────────────────────────── */
body.theme-abfa .ab-cc-formbox-in .inst-cform-h {
    text-align: center;
    font-family: var(--abp-serif);
    font-size: 1.32rem; color: var(--abp-navy);
    letter-spacing: .04em; margin: 0 0 6px;
}
body.theme-abfa[dir="rtl"] .ab-cc-formbox-in .inst-cform-h { letter-spacing: 0; }
/* شرطة حمراء تحت عنوان الفورم عشان البلاطتين يتقروا بنفس الإيقاع. */
body.theme-abfa .ab-cc-formbox-in .inst-cform-h::after {
    content: ""; display: block; width: 46px; height: 2px;
    background: var(--abp-red); margin: 14px auto 22px;
}
body.theme-abfa .ab-cc-formbox-in .inst-cform .form-control {
    border: 1px solid var(--abp-line);
    padding: 11px 14px;
    background: #fff; color: var(--abp-ink);
}
body.theme-abfa .ab-cc-formbox-in .inst-cform .form-control::placeholder { color: var(--abp-mute); opacity: 1; }
body.theme-abfa .ab-cc-formbox-in .inst-cform .form-control:focus {
    border-color: var(--abp-navy);
    box-shadow: 0 0 0 2px rgba(1, 33, 105, .14);
}
body.theme-abfa .ab-cc-formbox-in .inst-cform-actions { text-align: center; margin-top: 22px; }
body.theme-abfa .ab-cc-formbox-in #submit_contact { min-width: 210px; }

@media (max-width: 575px) {
    body.theme-abfa .ab-cc-crest-in,
    body.theme-abfa .ab-cc-formbox-in { padding: 24px 16px; }
    body.theme-abfa .ab-cc-name { font-size: 1.32rem; }
    /* عمود واحد على التليفون، فالفاصل الرأسي بقى بلا معنى. */
    body.theme-abfa .ab-cc-facts { grid-template-columns: 1fr; }
    body.theme-abfa .ab-cc-fact:nth-child(2n) { border-inline-start: 0; }
    body.theme-abfa .ab-cc-links { flex-direction: column; }
    body.theme-abfa .ab-cc-formbox-in #submit_contact { width: 100%; min-width: 0; }
    /* 33% المشتركة كانت بتقص placeholder "Country Code" على 390px. */
    body.theme-abfa .ab-cc-formbox-in .inst-cform-cc { flex: 0 0 44%; max-width: 44%; }
}

/* ═══ (2026-09-09) /downloads — الزمالة: بلاطة خطة + سجل مستندات ═══
   القديم كان قائمة من أربع بنود متساوية بأرقام رومانية ونقط قائدة
   وأسهم — نفس قراءة صفحات المعاهد التانية. الجديد معمار مختلف:
   مستند واحد له وزن البطل في بلاطة عريضة بحدّ مزدوج (كحلي 2px بره،
   أحمر 1px جوّه — نفس تركيب .ab-crest-tile/.ab-cc-crest)، وتحتها
   جدول سجل: كل مستند صفّين، اسمه فوق وإجراءه تحت، بخطوط مسطرة
   وفواصل double بين المستندات.
   كل القواعد متقيّدة بـ body.theme-abfa — المعهد وباقي الثيمات ما بيتأثروش.
   ───────────────────────────────────────────────────────────── */
body.theme-abfa .ab-dl { background: var(--abp-paper); }

/* عمود محدود العرض: سطر النص ما يعديش ~70 حرف، والبلاطة تفضل بلاطة
   مش شريط ممدود على عرض الشاشة. */
body.theme-abfa .ab-dl-wrap { max-width: 940px; margin-inline: auto; }

/* ── بلاطة الخطة (البطل) ─────────────────────────────────────── */
body.theme-abfa .ab-dl-crest,
body.theme-abfa .ab-dl-reg {
    border: 2px solid var(--abp-navy);
    background: #fff;
    padding: 5px;
}
body.theme-abfa .ab-dl-crest-in,
body.theme-abfa .ab-dl-reg-in {
    border: 1px solid var(--abp-red);
}
body.theme-abfa .ab-dl-crest-in {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 264px;
    align-items: center;
    gap: 34px;
    padding: 34px 32px;
}
/* الفاصل الرأسي بين العمودين هو تخطيط الزمالة المميّز؛ منطقي عشان
   يقلب لوحده في العربي. */
body.theme-abfa .ab-dl-crest-act {
    text-align: center;
    border-inline-start: 1px solid var(--abp-line);
    padding-inline-start: 32px;
}

body.theme-abfa .ab-dl-eyebrow {
    display: block;
    font-size: .66rem; font-weight: 700;
    letter-spacing: .16em; text-transform: uppercase;
    color: var(--abp-red);
}
/* العربي: التباعد بيكسر وصل الحروف، والحروف الكبيرة مالهاش معنى. */
body.theme-abfa[dir="rtl"] .ab-dl-eyebrow { letter-spacing: 0; text-transform: none; font-size: .82rem; }

body.theme-abfa .ab-dl-acad {
    margin: 12px 0 0;
    font-family: var(--abp-serif);
    font-size: 1.8rem; line-height: 1.35; font-weight: 700;
    letter-spacing: .03em; color: var(--abp-navy);
}
body.theme-abfa[dir="rtl"] .ab-dl-acad { letter-spacing: 0; font-size: 1.6rem; }

/* نفس شرطة .ab-crest-rule الحمراء — علامة الموقع المتكررة. */
body.theme-abfa .ab-dl-rule {
    display: block; width: 46px; height: 2px;
    background: var(--abp-red); margin: 16px 0 0;
}
body.theme-abfa .ab-dl-lead {
    margin: 16px 0 0; max-width: 52ch;
    color: var(--abp-mute); line-height: 1.75; font-size: .96rem;
}

body.theme-abfa .ab-dl-year {
    display: block;
    font-family: var(--abp-serif);
    font-size: 3rem; line-height: 1; font-weight: 700;
    letter-spacing: .06em; color: var(--abp-navy);
    margin-bottom: 20px;
    direction: ltr;                /* السنة رقم لاتيني حتى في الصفحة العربية */
}

/* الزرار الرئيسي الوحيد في الصفحة: مصمت كحلي بزوايا صفر زي .ab-cc-link
   و.ab-crest-tile. بيلغي radius/margin بتوع .inst-dl-btn المشتركة. */
body.theme-abfa .ab-dl-cta {
    display: inline-flex; justify-content: center;
    margin-top: 0;
    padding: 13px 26px;
    border-radius: 0;
    background: var(--abp-navy);
    font-size: .74rem; font-weight: 700;
    letter-spacing: .12em; text-transform: uppercase;
}
body.theme-abfa .ab-dl-cta:hover,
body.theme-abfa .ab-dl-cta:focus-visible { background: var(--abp-red); transform: none; }
body.theme-abfa[dir="rtl"] .ab-dl-cta { letter-spacing: 0; text-transform: none; font-size: .9rem; }

body.theme-abfa .ab-dl-alt {
    display: block; margin-top: 14px;
    font-size: .86rem; color: var(--abp-navy); text-decoration: none;
}
body.theme-abfa .ab-dl-alt:hover,
body.theme-abfa .ab-dl-alt:focus-visible { color: var(--abp-red); text-decoration: underline; }

/* ── سجل المستندات ──────────────────────────────────────────── */
body.theme-abfa .ab-dl-reg { margin-top: 26px; }
body.theme-abfa .ab-dl-reg-in { padding: 26px 28px 8px; }

body.theme-abfa .ab-dl-table { width: 100%; border-collapse: collapse; }
/* عمود الصيغة ضيّق عشان الإجراء يقع تحت رأس عموده بالظبط — لو الزرار
   اتزقّ لآخر الصف كان هيبعد عن كلمة "الإجراء" والجدول يفقد قراءته. */
body.theme-abfa .ab-dl-col-fmt { width: 26%; }
body.theme-abfa .ab-dl-col-act { width: 74%; }

body.theme-abfa .ab-dl-cap {
    caption-side: top; text-align: start;
    padding: 0 0 14px;
    font-family: var(--abp-serif);
    font-size: 1.3rem; font-weight: 700;
    letter-spacing: .04em; color: var(--abp-navy);
}
body.theme-abfa[dir="rtl"] .ab-dl-cap { letter-spacing: 0; }
/* شريط العلم فوق العنوان — نفس مقاس وتركيب .abp-flag، مدموج في الـcaption
   لأن الجدول ما بيقبلش عنصر جوّاه قبل الرأس. */
body.theme-abfa .ab-dl-cap::before {
    content: ""; display: block;
    width: 104px; height: 9px; margin: 0 0 13px;
    border: 1px solid var(--abp-line);
    background: linear-gradient(90deg,
        var(--abp-navy) 0 33.333%,
        #fff 33.333% 66.666%,
        var(--abp-red) 66.666% 100%);
}

body.theme-abfa .ab-dl-table thead th {
    text-align: start;
    padding: 0 0 10px;
    font-size: .64rem; font-weight: 700;
    letter-spacing: .14em; text-transform: uppercase;
    color: var(--abp-red);
    border-bottom: 2px solid var(--abp-navy);
}
body.theme-abfa[dir="rtl"] .ab-dl-table thead th { letter-spacing: 0; text-transform: none; font-size: .8rem; }

/* صف الاسم: ممتد على العمودين، مشجّر وكحلي — هو الوحدة القرائية الأولى. */
body.theme-abfa .ab-dl-row-name th {
    text-align: start;
    padding: 20px 0 7px;
    font-family: var(--abp-serif);
    font-size: 1.1rem; font-weight: 700; line-height: 1.45;
    letter-spacing: .02em; color: var(--abp-navy);
}
body.theme-abfa[dir="rtl"] .ab-dl-row-name th { letter-spacing: 0; }
/* فاصل double بين المستندات: الحدّ المزدوج بيتكرر جوّه الجدول زي ما هو
   على إطاره، فالسجل كله بيتقري كوحدة واحدة. */
body.theme-abfa .ab-dl-table tbody + tbody .ab-dl-row-name th {
    border-top: 3px double var(--abp-line);
}

body.theme-abfa .ab-dl-row-act td {
    padding: 0 0 20px;
    vertical-align: middle;
}
body.theme-abfa .ab-dl-fmt {
    font-size: .7rem; font-weight: 700;
    letter-spacing: .12em; text-transform: uppercase;
    color: var(--abp-mute);
}
body.theme-abfa[dir="rtl"] .ab-dl-fmt { letter-spacing: 0; text-transform: none; font-size: .86rem; font-weight: 400; }
body.theme-abfa .ab-dl-act { text-align: start; }

/* أزرار السجل أصغر من زرار البلاطة: البطل يفضل هو الزر الرئيسي الوحيد. */
body.theme-abfa .ab-dl-cta-sm { padding: 9px 18px; font-size: .68rem; }
body.theme-abfa[dir="rtl"] .ab-dl-cta-sm { font-size: .84rem; }

/* الصفحات (مش PDF) إجراءها رابط بخط أحمر تحته — مش زرار، عشان الفرق بين
   "تحميل ملف" و"فتح صفحة" يبان من الشكل مش من النص بس. */
body.theme-abfa .ab-dl-open {
    display: inline-block;
    font-size: .72rem; font-weight: 700;
    letter-spacing: .12em; text-transform: uppercase;
    color: var(--abp-navy); text-decoration: none;
    border-bottom: 1px solid var(--abp-red);
    padding-bottom: 3px;
}
body.theme-abfa[dir="rtl"] .ab-dl-open { letter-spacing: 0; text-transform: none; font-size: .88rem; }
body.theme-abfa .ab-dl-open:hover,
body.theme-abfa .ab-dl-open:focus-visible { color: var(--abp-red); }

/* ── الموبايل ───────────────────────────────────────────────── */
@media (max-width: 767px) {
    /* عمود واحد، فالفاصل الرأسي بقى بلا معنى → خط أفقي بدله. */
    body.theme-abfa .ab-dl-crest-in {
        grid-template-columns: 1fr;
        gap: 0;
        padding: 26px 18px;
    }
    body.theme-abfa .ab-dl-crest-act {
        text-align: start;
        border-inline-start: 0;
        padding-inline-start: 0;
        border-top: 1px solid var(--abp-line);
        margin-top: 24px;
        padding-top: 22px;
    }
    body.theme-abfa .ab-dl-acad { font-size: 1.42rem; }
    body.theme-abfa .ab-dl-year { font-size: 2.4rem; margin-bottom: 16px; }
    body.theme-abfa .ab-dl-cta { display: flex; width: 100%; }
    body.theme-abfa .ab-dl-alt { text-align: start; }

    body.theme-abfa .ab-dl-reg-in { padding: 22px 16px 6px; }
    body.theme-abfa .ab-dl-cap { font-size: 1.14rem; }
    /* على 390px "صفحة على الموقع" محتاجة عرض أكبر عشان ما تتقطّعش
       على تلات سطور، فالنسبة بتتوسّع لـ38/62 والزرار لسه بياخد راحته. */
    body.theme-abfa .ab-dl-col-fmt { width: 38%; }
    body.theme-abfa .ab-dl-col-act { width: 62%; }
    body.theme-abfa .ab-dl-row-name th { font-size: 1rem; padding-top: 18px; }
    body.theme-abfa .ab-dl-cta-sm { display: inline-flex; width: auto; padding: 9px 14px; }
}

/* ═══════════════════════════════════════════════════════════════
   /about-abfa — كتيّب أكاديمي (2026-09-09)
   ───────────────────────────────────────────────────────────────
   ليه الشكل ده: الصفحة القديمة كانت 3 بنود متساوية (رؤية/رسالة/قيم)
   + 3 بنود متساوية (أنواع الدورات) — نفس معمار باقي المعاهد بألوان
   مختلفة. هنا المعمار نفسه اتغيّر: ترويسة بلاطة واحدة لها وزن، سطر
   قيم جارٍ، عمود قراية بنص، وجدول سجل في الآخر.
   كل القواعد متقيّدة بـ body.theme-abfa — المعهد وباقي الثيمات ما بيتأثروش.
   الكلاسات ببادئة .ab-ab- (about) عشان ما تتصادمش مع .ab-dl- و.ab-cc-.
   ═══════════════════════════════════════════════════════════════ */
body.theme-abfa .ab-ab { background: var(--abp-paper); }

/* عمود واحد محدود العرض: البلاطة تفضل بلاطة مش شريط ممدود على الشاشة. */
body.theme-abfa .ab-ab-wrap { max-width: 880px; margin-inline: auto; }

/* ── ترويسة البلاطة: الحدّ المزدوج، أداة تمييز الموقع ───────── */
/* كحلي 2px بره، الحشو 5px هو الفاصل الأبيض، وأحمر 1px جوّه —
   نفس تركيب .ab-crest-tile و.ab-cc-crest و.ab-dl-crest. */
body.theme-abfa .ab-ab-crest,
body.theme-abfa .ab-ab-reg {
    border: 2px solid var(--abp-navy);
    background: #fff;
    padding: 5px;
}
body.theme-abfa .ab-ab-crest-in {
    border: 1px solid var(--abp-red);
    padding: 38px 32px 0;
    text-align: center;
}

body.theme-abfa .ab-ab-eyebrow {
    display: block;
    font-size: .66rem; font-weight: 700;
    letter-spacing: .16em; text-transform: uppercase;
    color: var(--abp-red);
}
/* العربي: التباعد بيكسر وصل الحروف، والحروف الكبيرة مالهاش معنى. */
body.theme-abfa[dir="rtl"] .ab-ab-eyebrow { letter-spacing: 0; text-transform: none; font-size: .82rem; }

body.theme-abfa .ab-ab-name {
    margin: 13px 0 0;
    font-family: var(--abp-serif);
    font-size: 1.85rem; line-height: 1.35; font-weight: 700;
    letter-spacing: .03em; color: var(--abp-navy);
}
body.theme-abfa[dir="rtl"] .ab-ab-name { letter-spacing: 0; font-size: 1.62rem; }

/* نفس شرطة .ab-crest-rule الحمراء — العلامة المتكررة عبر صفحات الموقع. */
body.theme-abfa .ab-ab-rule {
    display: block; width: 46px; height: 2px;
    background: var(--abp-red); margin: 16px auto 0;
}

/* سطر الرسالة هو بيان الصفحة: مشجّر وبلون الحبر (مش الرمادي) عشان
   ياخد وزنه، ومحدود بـ48ch عشان يفضل سطر يتقرا جوّه بلاطة عريضة. */
body.theme-abfa .ab-ab-mission {
    margin: 18px auto 0;
    max-width: 48ch;
    font-family: var(--abp-serif);
    font-size: 1.1rem; line-height: 1.7;
    color: var(--abp-ink);
}

/* colophon: بيانات التواصل في الترويسة زي ترويسة الناشر على الكتيّب.
   وجودها هنا هو سبب إن الصفحة مش بتقفل على زرار تواصل وحيد. */
body.theme-abfa .ab-ab-colophon {
    margin-top: 30px;
    border-top: 1px solid var(--abp-line-soft);
    display: flex; flex-wrap: wrap;
    justify-content: center;
}
body.theme-abfa .ab-ab-colo-item {
    padding: 16px 20px;
    min-width: 0;                       /* عشان البريد الطويل يلف بدل ما يمدّ الصف */
    flex: 1 1 200px;
}
/* الفاصل الرأسي بين الخانات هو تخطيط الزمالة المميّز؛ منطقي عشان
   يقلب لوحده في العربي. */
body.theme-abfa .ab-ab-colo-item + .ab-ab-colo-item {
    border-inline-start: 1px solid var(--abp-line-soft);
}
body.theme-abfa .ab-ab-colo-k {
    display: block;
    font-size: .62rem; font-weight: 700;
    letter-spacing: .15em; text-transform: uppercase;
    color: var(--abp-mute); margin-bottom: 6px;
}
body.theme-abfa[dir="rtl"] .ab-ab-colo-k { letter-spacing: 0; text-transform: none; font-size: .78rem; font-weight: 400; }
body.theme-abfa .ab-ab-colo-v {
    display: inline-block;
    font-size: .92rem; color: var(--abp-navy);
    text-decoration: none;
    border-bottom: 1px solid var(--abp-red);
    padding-bottom: 2px;
    overflow-wrap: anywhere;            /* البريد الطويل ما يعملش تمرير أفقي */
}
body.theme-abfa .ab-ab-colo-v:hover,
body.theme-abfa .ab-ab-colo-v:focus-visible { color: var(--abp-red); }

/* ── سطر القيم: نص جارٍ بفواصل، مش كروت ولا شبكة ───────────── */
body.theme-abfa .ab-ab-values {
    max-width: 62ch;
    margin: 26px auto 0;
    text-align: center;
    font-size: .96rem; line-height: 1.8;
    color: var(--abp-mute);
}
body.theme-abfa .ab-ab-values-k {
    font-size: .64rem; font-weight: 700;
    letter-spacing: .16em; text-transform: uppercase;
    color: var(--abp-red);
    margin-inline-end: .6em;
}
body.theme-abfa[dir="rtl"] .ab-ab-values-k { letter-spacing: 0; text-transform: none; font-size: .84rem; }
body.theme-abfa .ab-ab-values-v { font-family: var(--abp-serif); color: var(--abp-ink); }

/* ── عمود القراية: نص جارٍ بعناوين مشجّرة متدرّجة ───────────── */
/* 66ch ≈ 70 حرف — حد القراءة المريح. text-align:start عشان RTL. */
/* العمود ملزوق بحافة البداية مش متمركز: الفراغ اللي بيفضل على حافة
   النهاية هو هامش الكتيّب — ده بيدّي الصفحة إحساس صفحة كتاب بدل شريط
   نص عايم في النص، وبيخلّي النص متسطّر مع حافة البلاطة اللي فوقه.
   padding-inline-start = 5px حشو البلاطة + 1px حدّها الداخلي + 32px
   حشوها، عشان أول حرف يقع على نفس عمود نص البلاطة بالظبط. */
body.theme-abfa .ab-ab-prose {
    max-width: calc(66ch + 38px);
    /* منطقي مش مختصر: margin شورت-هاند فيزيائي وكان هيقلب غلط في العربي. */
    margin-block-start: 48px;
    margin-inline-start: 0;
    margin-inline-end: auto;
    padding-inline-start: 38px;
    text-align: start;
}
body.theme-abfa .ab-ab-prose p {
    margin: 0 0 20px;
    font-size: 1rem; line-height: 1.85;
    color: var(--abp-ink);
}
body.theme-abfa .ab-ab-prose a {
    color: var(--abp-navy);
    text-decoration: none;
    border-bottom: 1px solid var(--abp-red);
}
body.theme-abfa .ab-ab-prose a:hover,
body.theme-abfa .ab-ab-prose a:focus-visible { color: var(--abp-red); }

/* h2 فوقه شريط العلم — علامة عناوين الأقسام في الموقع كله. */
body.theme-abfa .ab-ab-h2 {
    font-family: var(--abp-serif);
    font-weight: 400; font-size: 1.5rem; line-height: 1.35;
    letter-spacing: .06em; text-transform: uppercase;
    color: var(--abp-navy);
    margin: 0 0 16px;
}
body.theme-abfa[dir="rtl"] .ab-ab-h2 { letter-spacing: normal; text-transform: none; font-size: 1.55rem; }

/* h3 أصغر وفوقه خط فاصل وشرطة حمراء قصيرة بدل شريط العلم — التدرّج
   بيبان من الحجم ومن أداة التمييز، مش من رقم بند. */
body.theme-abfa .ab-ab-h3 {
    font-family: var(--abp-serif);
    font-weight: 700; font-size: 1.08rem; line-height: 1.4;
    letter-spacing: .08em; text-transform: uppercase;
    color: var(--abp-navy);
    margin: 34px 0 14px;
    padding-top: 16px;
    border-top: 1px solid var(--abp-line-soft);
}
body.theme-abfa[dir="rtl"] .ab-ab-h3 { letter-spacing: normal; text-transform: none; font-size: 1.18rem; }
body.theme-abfa .ab-ab-h3::before {
    content: "";
    display: inline-block;
    width: 18px; height: 2px;
    background: var(--abp-red);
    vertical-align: middle;
    margin-inline-end: .6em;
}

/* ── سجل الصيغ: جدول حقيقي برأس أعمدة ──────────────────────── */
body.theme-abfa .ab-ab-reg { margin-top: 48px; }
body.theme-abfa .ab-ab-reg-in {
    border: 1px solid var(--abp-red);
    padding: 26px 24px 22px;
}
body.theme-abfa .ab-ab-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;                /* عشان الأعمدة ما تتمدّدش بنص طويل */
}
body.theme-abfa .ab-ab-cap {
    caption-side: top;
    text-align: start;
    font-family: var(--abp-serif);
    font-size: 1.22rem; font-weight: 700;
    letter-spacing: .05em; text-transform: uppercase;
    color: var(--abp-navy);
    padding-bottom: 16px;
}
body.theme-abfa[dir="rtl"] .ab-ab-cap { letter-spacing: 0; text-transform: none; font-size: 1.3rem; }

body.theme-abfa .ab-ab-table thead th {
    text-align: start;
    padding: 0 14px 10px;
    font-size: .62rem; font-weight: 700;
    letter-spacing: .15em; text-transform: uppercase;
    color: var(--abp-mute);
    border-bottom: 2px solid var(--abp-navy);
}
body.theme-abfa[dir="rtl"] .ab-ab-table thead th { letter-spacing: 0; text-transform: none; font-size: .82rem; font-weight: 400; }
body.theme-abfa .ab-ab-table thead th:first-child,
body.theme-abfa .ab-ab-table tbody th { padding-inline-start: 0; }
body.theme-abfa .ab-ab-table thead th:last-child,
body.theme-abfa .ab-ab-table tbody td:last-child { padding-inline-end: 0; }

body.theme-abfa .ab-ab-table tbody th,
body.theme-abfa .ab-ab-table tbody td {
    padding: 18px 14px;
    border-bottom: 1px solid var(--abp-line-soft);
    vertical-align: top;
    text-align: start;
    font-weight: 400;
}
body.theme-abfa .ab-ab-table tbody tr:last-child th,
body.theme-abfa .ab-ab-table tbody tr:last-child td { border-bottom: 0; }

/* فواصل رأسية شعرية بين الأعمدة — "أعمدة بفاصل رأسي" هي تخطيط الزمالة
   المميّز، وهي كمان اللي بتخلّي الجدول يتقري كسجل مش كتلات جنب بعض.
   inset-inline عشان تقلب لوحدها في العربي. */
body.theme-abfa .ab-ab-table thead th + th,
body.theme-abfa .ab-ab-table tbody td { border-inline-start: 1px solid var(--abp-line-soft); }

/* عرض الأعمدة: الاسم+الوصف أعرض عمود لأنه اللي بيحمل الجملة. */
body.theme-abfa .ab-ab-col-f { width: 46%; }
body.theme-abfa .ab-ab-col-w { width: 27%; }
body.theme-abfa .ab-ab-col-a { width: 27%; }

body.theme-abfa .ab-ab-f-n {
    display: block;
    font-family: var(--abp-serif);
    font-size: 1.05rem; font-weight: 700;
    color: var(--abp-navy);
    margin-bottom: 6px;
}
body.theme-abfa .ab-ab-f-d {
    display: block;
    font-size: .9rem; line-height: 1.7;
    color: var(--abp-mute);
}
body.theme-abfa .ab-ab-w { font-size: .92rem; line-height: 1.7; color: var(--abp-ink); }

/* الإجراء رابط بخط أحمر تحته — نفس .ab-dl-open، مش زرار: الصفحة
   مالهاش زرار رئيسي عشان ما تقفلش على CTA. */
body.theme-abfa .ab-ab-go {
    display: inline-block;
    font-size: .8rem; font-weight: 700;
    color: var(--abp-navy); text-decoration: none;
    border-bottom: 1px solid var(--abp-red);
    padding-bottom: 3px;
}
body.theme-abfa[dir="rtl"] .ab-ab-go { font-size: .88rem; }
body.theme-abfa .ab-ab-go:hover,
body.theme-abfa .ab-ab-go:focus-visible { color: var(--abp-red); }

/* ── الموبايل ───────────────────────────────────────────────── */
@media (max-width: 767px) {
    body.theme-abfa .ab-ab-crest-in { padding: 30px 18px 0; }
    /* عمود واحد على الموبايل: الهامش الجانبي مالوش مكان. */
    body.theme-abfa .ab-ab-prose {
        max-width: 100%;
        padding-inline-start: 0;
        margin-block-start: 38px;
        margin-inline: 0;
    }
    body.theme-abfa .ab-ab-name { font-size: 1.5rem; }
    body.theme-abfa .ab-ab-mission { font-size: 1.02rem; }

    /* عمود واحد، فالفاصل الرأسي بقى بلا معنى → خط أفقي بدله. */
    body.theme-abfa .ab-ab-colo-item { flex: 1 1 100%; padding: 14px 0; }
    body.theme-abfa .ab-ab-colo-item + .ab-ab-colo-item {
        border-inline-start: 0;
        border-top: 1px solid var(--abp-line-soft);
    }

    body.theme-abfa .ab-ab-reg-in { padding: 22px 16px; }

    /* تلات أعمدة على 390px بتخنق النص وتعمل تمرير أفقي، فالصفوف
       بتتكدّس. الجدول يفضل جدول في الـDOM (رأس الأعمدة لسه موجود
       لقارئ الشاشة)، بس بصريًا كل صيغة بقت كتلة. */
    body.theme-abfa .ab-ab-table,
    body.theme-abfa .ab-ab-table tbody,
    body.theme-abfa .ab-ab-table tr,
    body.theme-abfa .ab-ab-table tbody th,
    body.theme-abfa .ab-ab-table tbody td { display: block; width: auto; }
    /* الجدول بقى display:block، فـ caption بحالتها table-caption بتتلفّ في
       جدول مجهول وتتقلّص لعرض أضيق من الصندوق وتتكسّر على تلات سطور.
       block بترجّعها لعرض الصندوق كامل. */
    body.theme-abfa .ab-ab-cap { display: block; padding-bottom: 14px; }
    body.theme-abfa .ab-ab-table thead {
        position: absolute;
        width: 1px; height: 1px;
        overflow: hidden; clip-path: inset(50%);
        white-space: nowrap;
    }
    body.theme-abfa .ab-ab-table tr {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid var(--abp-line);
    }
    body.theme-abfa .ab-ab-table tbody tr:last-child {
        padding-bottom: 0; margin-bottom: 0; border-bottom: 0;
    }
    body.theme-abfa .ab-ab-table tbody th,
    body.theme-abfa .ab-ab-table tbody td {
        padding: 0 0 10px;
        border-bottom: 0;
        border-inline-start: 0;         /* الأعمدة بقت مكدّسة → الفاصل الرأسي بلا معنى */
    }
    body.theme-abfa .ab-ab-table tbody td:last-child { padding-bottom: 0; }
    /* "لمن تُقدَّم" من غير رأس عمود محتاج علامة تفرّقه عن الوصف. */
    body.theme-abfa .ab-ab-table tbody td.ab-ab-w {
        font-size: .86rem;
        color: var(--abp-mute);
        border-inline-start: 2px solid var(--abp-line);
        padding-inline-start: 10px;
    }
}

/* ═══ (2026-09-09) /faq — الزمالة: بلاطة شعار + سجل استفسارات مجدول ═══
   الصفحة القديمة كانت تلات مجموعات أكورديون مرقّمة — نفس قراءة الـ10
   معاهد التانية مهما اختلف اللون. البديل هنا معمار معلومات مختلف:
   بند واحد بارز في بلاطة شعار عريضة، وتحته قائمة واحدة مرتّبة بالأهمية
   في جدول حقيقي برأس أعمدة. الحدّ المزدوج (كحلي بره / أحمر جوّه) هو
   أداة تمييز الموقع من DESIGN-SYSTEMS، والفواصل double بتديّ إحساس
   السجل الأكاديمي المطبوع. صفر طي، صفر أيقونات، صفر جافاسكريبت.
   ───────────────────────────────────────────────────────────── */

/* عرض قراية محكوم: العمود ما يمتدّش على 1320px بتاع .container. */
body.theme-abfa .ab-fq > .container > * { max-width: 900px; margin-inline: auto; }

/* ── بلاطة الشعار: بند التسجيل بالكامل ─────────────────────── */
body.theme-abfa .ab-fq-crest {
    border: 3px double var(--abp-navy);   /* الحدّ المزدوج = علامة الموقع */
    background: #fff;
    padding: 6px;
}
body.theme-abfa .ab-fq-crest-in {
    border: 1px solid var(--abp-red);     /* الحدّ الداخلي الأحمر، زي .ab-crest-in */
    padding: 32px 36px 28px;
}
body.theme-abfa .ab-fq-eyebrow {
    margin: 0 0 10px;
    font-size: .72rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    /* مش #8a94a3 زي .ab-crest-eyebrow: ده 2.7:1 على الأبيض. mute = 6.2:1 */
    color: var(--abp-mute);
}
body.theme-abfa[dir="rtl"] .ab-fq-eyebrow { letter-spacing: 0; text-transform: none; font-size: .84rem; }
body.theme-abfa .ab-fq-lead-q {
    font-family: var(--abp-serif);
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.35;
    color: var(--abp-navy);
    margin: 0;
    max-width: 24ch;
}
body.theme-abfa[dir="rtl"] .ab-fq-lead-q { font-size: 1.56rem; max-width: 26ch; }
/* نفس شرطة .ab-crest-rule الحمراء — العلامة المتكررة عبر صفحات الموقع. */
body.theme-abfa .ab-fq-rule {
    display: block;
    width: 34px; height: 2px;
    background: var(--abp-red);
    margin: 16px 0;
}
body.theme-abfa .ab-fq-lead-a {
    margin: 0;
    max-width: 62ch;                      /* ~70 حرف كحد أقصى للقراءة */
    color: var(--abp-ink);
    font-size: 1.02rem;
    line-height: 1.85;
}
body.theme-abfa .ab-fq-lead-meta {
    margin: 20px 0 0;
    padding-top: 14px;
    border-top: 1px solid var(--abp-line);
    font-size: .92rem;
    color: var(--abp-mute);
}
body.theme-abfa .ab-fq-lead-meta a {
    color: var(--abp-navy);
    text-decoration: underline;
    text-underline-offset: 3px;
}
body.theme-abfa .ab-fq-lead-meta a:hover { color: var(--abp-red); }
/* الفاصل بين بيانات التواصل — معزول اتجاهيًا عشان ما ينطّش في العربي. */
body.theme-abfa .ab-fq-sep { margin-inline: 8px; color: var(--abp-line); unicode-bidi: isolate; }

/* ── سجل الاستفسارات: جدول حقيقي ───────────────────────────── */
body.theme-abfa .ab-fq-table {
    width: 100%;
    margin-top: 34px;
    border-collapse: collapse;            /* لازم عشان الـ double يبان خط واحد */
    table-layout: fixed;
    border: 3px double var(--abp-navy);
}
body.theme-abfa .ab-fq-cap {
    caption-side: top;
    text-align: start;
    padding: 0 0 16px;
    color: var(--abp-ink);
}
body.theme-abfa .ab-fq-cap-t {
    display: block;
    font-family: var(--abp-serif);
    font-size: 1.32rem;
    color: var(--abp-navy);
}
body.theme-abfa .ab-fq-cap-d {
    display: block;
    margin-top: 5px;
    font-size: .9rem;
    color: var(--abp-mute);
}
/* رأس أعمدة بخلفية بيضا مش بلوك مصمت — الرأس المصمت لغة جلوماك مش الزمالة. */
body.theme-abfa .ab-fq-table thead th {
    text-align: start;
    padding: 14px 22px;
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--abp-navy);
    background: #fff;
    border-bottom: 3px double var(--abp-navy);
}
body.theme-abfa[dir="rtl"] .ab-fq-table thead th { letter-spacing: 0; text-transform: none; font-size: .88rem; }
body.theme-abfa .ab-fq-c-q { width: 34%; }
body.theme-abfa .ab-fq-table tbody th,
body.theme-abfa .ab-fq-table tbody td {
    padding: 20px 22px;
    vertical-align: top;
    /* فاصل double بلون أغمق من --abp-line: 1px رفيع مرتين ما كانش هيبان. */
    border-bottom: 3px double #c2c9d6;
}
body.theme-abfa .ab-fq-table tbody tr:last-child th,
body.theme-abfa .ab-fq-table tbody tr:last-child td { border-bottom: 0; }
body.theme-abfa .ab-fq-q {
    text-align: start;
    font-family: var(--abp-serif);
    font-weight: 400;
    font-size: 1.04rem;
    line-height: 1.5;
    color: var(--abp-navy);
}
body.theme-abfa .ab-fq-a { border-inline-start: 1px solid var(--abp-line); }
body.theme-abfa .ab-fq-a p {
    margin: 0;
    max-width: 62ch;
    color: var(--abp-ink);
    font-size: .95rem;
    line-height: 1.8;
}

@media (max-width: 767px) {
    body.theme-abfa .ab-fq-crest-in { padding: 24px 18px 22px; }
    body.theme-abfa .ab-fq-lead-q { font-size: 1.28rem; max-width: 100%; }
    body.theme-abfa[dir="rtl"] .ab-fq-lead-q { font-size: 1.32rem; max-width: 100%; }

    /* عمودين على 390px بيخنقوا النص ويعملوا تمرير أفقي، فالصفوف بتتكدّس.
       الجدول يفضل جدول في الـDOM (رأس الأعمدة لسه موجود لقارئ الشاشة)،
       بس بصريًا كل استفسار بقى كتلة: سؤال فوق ورد تحته. */
    body.theme-abfa .ab-fq-table,
    body.theme-abfa .ab-fq-table tbody,
    body.theme-abfa .ab-fq-table tr,
    body.theme-abfa .ab-fq-table tbody th,
    body.theme-abfa .ab-fq-table tbody td { display: block; width: auto; }
    body.theme-abfa .ab-fq-table { padding: 20px 16px; }
    /* caption بحالتها table-caption بتتلفّ في جدول مجهول وتتقلّص أضيق
       من الصندوق؛ block بترجّعها لعرض الصندوق كامل. */
    body.theme-abfa .ab-fq-cap { display: block; padding: 0 0 16px; }
    body.theme-abfa .ab-fq-table thead {
        position: absolute;
        width: 1px; height: 1px;
        overflow: hidden; clip-path: inset(50%);
        white-space: nowrap;
    }
    body.theme-abfa .ab-fq-table tbody tr { border-bottom: 3px double #c2c9d6; }
    body.theme-abfa .ab-fq-table tbody tr:last-child { border-bottom: 0; }
    body.theme-abfa .ab-fq-table tbody th { padding: 18px 0 8px; border-bottom: 0; }
    body.theme-abfa .ab-fq-table tbody td {
        padding: 0 0 18px;
        border-bottom: 0;
        border-inline-start: 0;           /* الأعمدة اتكدّست → الفاصل الرأسي بلا معنى */
    }
    body.theme-abfa .ab-fq-table tbody tr:first-child th { padding-top: 0; }
    body.theme-abfa .ab-fq-table tbody tr:last-child td { padding-bottom: 0; }
}

/* سطر قراءة الصفحة بين البلاطة والسجل — مشجّر خفيف عشان يتقري كتعليق
   محرّر مش كوصف بند، وبعرض قراية محكوم زي باقي النصوص. */
body.theme-abfa .ab-fq-note {
    margin: 34px 0 0;
    max-width: 62ch;
    padding-inline-start: 14px;
    border-inline-start: 2px solid var(--abp-red);
    font-family: var(--abp-serif);
    font-size: 1rem;
    line-height: 1.8;
    color: var(--abp-mute);
}

/* الهاتف والبريد لاتينيان جوّه فقرة عربية: من غير عزلة اتجاهية علامة "+"
   بتتنقل لآخر الرقم فيبان "2877 459 55 971+". */
body.theme-abfa .ab-fq-ltr { unicode-bidi: isolate; direction: ltr; }

/* ═══ (2026-09-09) /services/in-house-courses — الزمالة ══════════════
   الصفحة القديمة كانت عمودين: تلات خطوات مرقّمة + أربع نقاط "لماذا" +
   زرار. ده كان نفس معمار الـ11 معهد بلون مختلف. البديل هنا معمار تاني:
   بلاطة شعار واحدة (الحدّ المزدوج = أداة تمييز الموقع في DESIGN-SYSTEMS)
   والمزايا مدموجة نثرًا جوّاها، وتحتها سجل متطلبات مجدول بخمسة صفوف
   وعمودين بلا رأس أعمدة، وبعده فقرة نثرية، وصندوق فورم بنفس الحدّ.
   صفر ترقيم، صفر أيقونات، صفر جافاسكريبت.
   ───────────────────────────────────────────────────────────── */

/* عرض قراية محكوم: العمود ما يمتدّش على 1320px بتاع .container. */
body.theme-abfa .ab-inh > .container > * { max-width: 900px; margin-inline: auto; }

/* ── بلاطة الشعار ──────────────────────────────────────────── */
body.theme-abfa .ab-inh-crest {
    border: 3px double var(--abp-navy);   /* الحدّ المزدوج = علامة الموقع */
    background: #fff;
    padding: 6px;
}
body.theme-abfa .ab-inh-crest-in {
    border: 1px solid var(--abp-red);     /* الحدّ الداخلي الأحمر، زي .ab-crest-in */
    padding: 32px 36px 30px;
}
body.theme-abfa .ab-inh-eyebrow {
    margin: 0 0 10px;
    font-size: .72rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--abp-mute);               /* 6.2:1 — مش الرمادي الفاتح */
}
body.theme-abfa[dir="rtl"] .ab-inh-eyebrow { letter-spacing: 0; text-transform: none; font-size: .84rem; }
body.theme-abfa .ab-inh-crest-t {
    margin: 0;
    font-family: var(--abp-serif);
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.35;
    color: var(--abp-navy);
    max-width: 24ch;
}
body.theme-abfa[dir="rtl"] .ab-inh-crest-t { font-size: 1.56rem; max-width: 26ch; }
/* نفس شرطة .ab-crest-rule الحمراء — العلامة المتكررة عبر صفحات الموقع. */
body.theme-abfa .ab-inh-rule {
    display: block;
    width: 34px; height: 2px;
    background: var(--abp-red);
    margin: 16px 0;
}
body.theme-abfa .ab-inh-crest-p {
    margin: 0;
    max-width: 62ch;                      /* ~70 حرف كحد أقصى للقراءة */
    color: var(--abp-ink);
    font-size: 1.02rem;
    line-height: 1.85;
}

/* ── سجل المتطلبات: جدول بلا رأس أعمدة ─────────────────────── */
body.theme-abfa .ab-inh-table {
    width: 100%;
    margin-top: 36px;
    border-collapse: collapse;            /* لازم عشان الـ double يبان خط واحد */
    table-layout: fixed;
    border: 3px double var(--abp-navy);
}
body.theme-abfa .ab-inh-cap {
    caption-side: top;
    text-align: start;
    padding: 0 0 16px;
    color: var(--abp-ink);
}
body.theme-abfa .ab-inh-cap-t {
    display: block;
    font-family: var(--abp-serif);
    font-size: 1.32rem;
    color: var(--abp-navy);
}
body.theme-abfa .ab-inh-cap-d {
    display: block;
    margin-top: 5px;
    max-width: 62ch;
    font-size: .9rem;
    color: var(--abp-mute);
}
body.theme-abfa .ab-inh-table tbody th,
body.theme-abfa .ab-inh-table tbody td {
    padding: 18px 22px;
    vertical-align: top;
    /* فاصل double بلون أغمق من --abp-line: 1px رفيع مرتين ما كانش هيبان. */
    border-bottom: 3px double #c2c9d6;
}
body.theme-abfa .ab-inh-table tbody tr:last-child th,
body.theme-abfa .ab-inh-table tbody tr:last-child td { border-bottom: 0; }
/* اسم البند بحروف متباعدة حمرا مش سيريف كحلي: ده سجل حقول، مش سؤال وجواب —
   فبيتقري كلافتة بند لا كعنوان. الأحمر ‎#c8102b‎ على أبيض = 6.4:1.
   في العربي الحروف المتباعدة والـuppercase مالهمش معنى، فبيرجع سيريف كحلي. */
body.theme-abfa .ab-inh-k {
    width: 30%;
    text-align: start;
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    line-height: 1.7;
    color: var(--abp-red);
}
body.theme-abfa[dir="rtl"] .ab-inh-k {
    letter-spacing: 0;
    text-transform: none;
    font-size: .95rem;
    font-weight: 400;
    font-family: var(--abp-serif);
    color: var(--abp-navy);
}
body.theme-abfa .ab-inh-v {
    border-inline-start: 1px solid var(--abp-line);
    color: var(--abp-ink);
    font-size: .95rem;
    line-height: 1.8;
}

/* ── ما يحدث بعد الإرسال: نثر بلا زخرفة عشان يتقري كفقرة لا كبند ── */
body.theme-abfa .ab-inh-after {
    margin: 30px 0 0;
    max-width: 62ch;
    color: var(--abp-ink);
    font-size: 1rem;
    line-height: 1.85;
}

/* ── صندوق الطلب: نفس الحدّ المزدوج، على ورق رمادي عشان يتفصل عن البلاطة ── */
body.theme-abfa .ab-inh-form {
    margin-top: 36px;
    border: 3px double var(--abp-navy);
    background: var(--abp-paper);
    padding: 6px;
}
body.theme-abfa .ab-inh-form-in {
    border: 1px solid var(--abp-red);
    padding: 26px 28px 24px;
}
body.theme-abfa .ab-inh-label {
    display: block;
    margin: 0 0 10px;
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--abp-navy);
}
body.theme-abfa[dir="rtl"] .ab-inh-label { letter-spacing: 0; text-transform: none; font-size: .92rem; }
body.theme-abfa .ab-inh-row { display: flex; gap: 12px; flex-wrap: wrap; }
body.theme-abfa .ab-inh-input {
    flex: 1 1 280px;
    min-width: 0;                         /* من غيرها الحقل بيرفض ينكمش ويعمل تمرير */
    height: auto;
    padding: 12px 14px;
    border: 1px solid var(--abp-line);
    border-radius: 0 !important;
    background: #fff;
    color: var(--abp-ink);
    font-size: .95rem;
}
body.theme-abfa .ab-inh-input::placeholder { color: var(--abp-mute); opacity: 1; }
body.theme-abfa .ab-inh-input:focus {
    border-color: var(--abp-navy);
    box-shadow: none;
}
body.theme-abfa .ab-inh-input:focus-visible { outline: 2px solid var(--abp-navy); outline-offset: 2px; }
body.theme-abfa .ab-inh-send { flex: 0 0 auto; }
body.theme-abfa .ab-inh-hint {
    margin: 12px 0 0;
    max-width: 62ch;
    font-size: .88rem;
    line-height: 1.75;
    color: var(--abp-mute);
}
body.theme-abfa .ab-inh-meta {
    margin: 18px 0 0;
    padding-top: 14px;
    border-top: 1px solid var(--abp-line);
    font-size: .92rem;
    color: var(--abp-mute);
}
body.theme-abfa .ab-inh-meta a {
    color: var(--abp-navy);
    text-decoration: underline;
    text-underline-offset: 3px;
}
body.theme-abfa .ab-inh-meta a:hover { color: var(--abp-red); }
/* الهاتف والبريد لاتينيان جوّه سطر عربي: من غير عزلة اتجاهية علامة "+"
   بتتنقل لآخر الرقم. */
body.theme-abfa .ab-inh-ltr { unicode-bidi: isolate; direction: ltr; }
body.theme-abfa .ab-inh-sep { margin-inline: 8px; color: var(--abp-line); unicode-bidi: isolate; }

@media (max-width: 767px) {
    body.theme-abfa .ab-inh-crest-in { padding: 24px 18px 22px; }
    body.theme-abfa .ab-inh-crest-t { font-size: 1.28rem; max-width: 100%; }
    body.theme-abfa[dir="rtl"] .ab-inh-crest-t { font-size: 1.32rem; max-width: 100%; }

    /* عمودين على 390px بيخنقوا النص، فالصفوف بتتكدّس. الجدول يفضل جدول في
       الـDOM (اسم البند لسه th scope=row لقارئ الشاشة). */
    body.theme-abfa .ab-inh-table,
    body.theme-abfa .ab-inh-table tbody,
    body.theme-abfa .ab-inh-table tr,
    body.theme-abfa .ab-inh-table tbody th,
    body.theme-abfa .ab-inh-table tbody td { display: block; width: auto; }
    body.theme-abfa .ab-inh-table { padding: 20px 16px; }
    /* caption بحالتها table-caption بتتلفّ في جدول مجهول وتتقلّص أضيق من
       الصندوق؛ block بترجّعها لعرض الصندوق كامل. */
    body.theme-abfa .ab-inh-cap { display: block; padding: 0 0 16px; }
    body.theme-abfa .ab-inh-table tbody tr { border-bottom: 3px double #c2c9d6; }
    body.theme-abfa .ab-inh-table tbody tr:last-child { border-bottom: 0; }
    body.theme-abfa .ab-inh-table tbody th { padding: 16px 0 6px; border-bottom: 0; }
    body.theme-abfa .ab-inh-table tbody td {
        padding: 0 0 16px;
        border-bottom: 0;
        border-inline-start: 0;           /* الأعمدة اتكدّست → الفاصل الرأسي بلا معنى */
    }
    body.theme-abfa .ab-inh-table tbody tr:first-child th { padding-top: 0; }
    body.theme-abfa .ab-inh-table tbody tr:last-child td { padding-bottom: 0; }

    body.theme-abfa .ab-inh-form-in { padding: 22px 16px 20px; }
    /* زرار جنب حقل على 390px بيخلّي الاتنين ضيقين؛ عمود بيدي الحقل عرضه. */
    body.theme-abfa .ab-inh-row { flex-direction: column; }
    body.theme-abfa .ab-inh-send { width: 100%; }
}

/* ═══ (2026-09-09) /services/public-courses — الزمالة ════════════════
   القديم: تلات مزايا في صفّ، تلات بنود شروط، زرارين في الآخر — نفس
   قراءة الـ11. هنا: بلاطة شعار واحدة بميزة واحدة (المواعيد) والمدن
   الحقيقية تحتها، سطر نثري بالميزتين الباقيتين، الرابطان في النص،
   وجدول شروط بتلات أعمدة وأربعة صفوف يقفل الصفحة.
   الفرق عن صفحة الدورات الداخلية في نفس الموقع مقصود: هناك بلاطة
   مصفوفة على البداية وفقرة طويلة وسجل بعمودين وفورم في الآخر؛ هنا
   بلاطة متمركزة قصيرة وجدول بتلات أعمدة برأس هو الخاتمة.
   ───────────────────────────────────────────────────────────── */

body.theme-abfa .ab-pub > .container > * { max-width: 940px; margin-inline: auto; }

/* ── بلاطة الشعار: متمركزة، زي بلاطات /categories ──────────── */
body.theme-abfa .ab-pub-crest {
    border: 3px double var(--abp-navy);
    background: #fff;
    padding: 6px;
}
body.theme-abfa .ab-pub-crest-in {
    border: 1px solid var(--abp-red);
    padding: 34px 30px 30px;
    text-align: center;
}
body.theme-abfa .ab-pub-eyebrow {
    margin: 0 0 10px;
    font-size: .72rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--abp-mute);
}
body.theme-abfa[dir="rtl"] .ab-pub-eyebrow { letter-spacing: 0; text-transform: none; font-size: .84rem; }
body.theme-abfa .ab-pub-crest-t {
    margin: 0;
    font-family: var(--abp-serif);
    font-weight: 400;
    font-size: 1.7rem;
    line-height: 1.3;
    color: var(--abp-navy);
}
body.theme-abfa[dir="rtl"] .ab-pub-crest-t { font-size: 1.76rem; }
body.theme-abfa .ab-pub-rule {
    display: block;
    width: 34px; height: 2px;
    background: var(--abp-red);
    margin: 16px auto;
}
body.theme-abfa .ab-pub-crest-p {
    margin: 0 auto;
    max-width: 52ch;
    color: var(--abp-ink);
    font-size: 1.04rem;
    line-height: 1.8;
}
body.theme-abfa .ab-pub-cities {
    margin: 22px auto 0;
    padding-top: 16px;
    max-width: 52ch;
    border-top: 1px solid var(--abp-line);
    font-size: .95rem;
    color: var(--abp-mute);
}
body.theme-abfa .ab-pub-cities-k {
    display: block;
    margin-bottom: 8px;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--abp-red);
}
body.theme-abfa[dir="rtl"] .ab-pub-cities-k { letter-spacing: 0; text-transform: none; font-size: .84rem; }
/* اسم المدينة وفاصلته وحدة واحدة ما تتقسمش على سطرين. */
body.theme-abfa .ab-pub-city { display: inline-block; white-space: nowrap; }
body.theme-abfa .ab-pub-cities a {
    color: var(--abp-navy);
    text-decoration: underline;
    text-underline-offset: 3px;
}
body.theme-abfa .ab-pub-cities a:hover { color: var(--abp-red); }
/* الفاصل بين المدن: --abp-line فاتحة أوي (#d5dae4) والنقطة كانت بتختفي،
   فبقى بلون النص الثانوي — فاصل يتشاف بس ما يزاحمش أسماء المدن. */
body.theme-abfa .ab-pub-sep { margin-inline: 8px; color: var(--abp-mute); unicode-bidi: isolate; }

/* ── سطر الميزتين الباقيتين + الرابطان (في نص الصفحة، مش خاتمة) ── */
body.theme-abfa .ab-pub-rest {
    margin: 30px auto 0;
    max-width: 62ch;                      /* ~70 حرف */
    text-align: center;
    font-family: var(--abp-serif);
    font-size: 1.02rem;
    line-height: 1.85;
    color: var(--abp-ink);
}
body.theme-abfa .ab-pub-links {
    margin: 22px 0 0;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: center;
}

/* ── جدول شروط القيد: تلات أعمدة برأس ──────────────────────── */
body.theme-abfa .ab-pub-table {
    width: 100%;
    margin-top: 42px;
    border-collapse: collapse;
    table-layout: fixed;
    border: 3px double var(--abp-navy);
}
body.theme-abfa .ab-pub-cap {
    caption-side: top;
    text-align: start;
    padding: 0 0 16px;
    color: var(--abp-ink);
}
body.theme-abfa .ab-pub-cap-t {
    display: block;
    font-family: var(--abp-serif);
    font-size: 1.32rem;
    color: var(--abp-navy);
}
body.theme-abfa .ab-pub-cap-d {
    display: block;
    margin-top: 5px;
    font-size: .9rem;
    color: var(--abp-mute);
}
/* رأس بخلفية بيضا مش بلوك مصمت — الرأس المصمت لغة جلوماك مش الزمالة. */
body.theme-abfa .ab-pub-table thead th {
    text-align: start;
    padding: 14px 20px;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--abp-navy);
    background: #fff;
    border-bottom: 3px double var(--abp-navy);
}
body.theme-abfa[dir="rtl"] .ab-pub-table thead th { letter-spacing: 0; text-transform: none; font-size: .88rem; }
body.theme-abfa .ab-pub-c1 { width: 24%; }
body.theme-abfa .ab-pub-c3 { width: 22%; }
body.theme-abfa .ab-pub-table tbody th,
body.theme-abfa .ab-pub-table tbody td {
    padding: 20px;
    vertical-align: top;
    border-bottom: 3px double #c2c9d6;
}
body.theme-abfa .ab-pub-table tbody tr:last-child th,
body.theme-abfa .ab-pub-table tbody tr:last-child td { border-bottom: 0; }
body.theme-abfa .ab-pub-t {
    text-align: start;
    font-family: var(--abp-serif);
    font-weight: 400;
    font-size: 1.02rem;
    line-height: 1.5;
    color: var(--abp-navy);
}
body.theme-abfa .ab-pub-d {
    border-inline: 1px solid var(--abp-line);
    color: var(--abp-ink);
    font-size: .95rem;
    line-height: 1.8;
}
/* المهلة سيريف كحلية مش رمادية: هي المعلومة اللي الزائر بيدوّر عليها. */
body.theme-abfa .ab-pub-w {
    font-family: var(--abp-serif);
    font-size: .95rem;
    line-height: 1.7;
    color: var(--abp-navy);
}
/* لافتة "المهلة" جوّه الخانة: مخفية على الشاشة الواسعة لأن رأس العمود
   موجود، وبتظهر لما الأعمدة تتكدّس على الموبايل والرأس يتخفي. */
body.theme-abfa .ab-pub-wk { display: none; }

@media (max-width: 767px) {
    body.theme-abfa .ab-pub-crest-in { padding: 26px 18px 24px; }
    body.theme-abfa .ab-pub-crest-t { font-size: 1.38rem; }
    body.theme-abfa[dir="rtl"] .ab-pub-crest-t { font-size: 1.42rem; }
    body.theme-abfa .ab-pub-rest { text-align: start; }

    /* تلات أعمدة على 390px مستحيلة، فكل شرط بقى كتلة: الاسم فوق، ما ينطبق
       تحته، والمهلة في آخرها بلافتتها. الرأس بيتخفى بصريًا وبيفضل للقارئ. */
    body.theme-abfa .ab-pub-table,
    body.theme-abfa .ab-pub-table tbody,
    body.theme-abfa .ab-pub-table tr,
    body.theme-abfa .ab-pub-table tbody th,
    body.theme-abfa .ab-pub-table tbody td { display: block; width: auto; }
    body.theme-abfa .ab-pub-table { padding: 20px 16px; }
    body.theme-abfa .ab-pub-cap { display: block; padding: 0 0 16px; }
    body.theme-abfa .ab-pub-table thead {
        position: absolute;
        width: 1px; height: 1px;
        overflow: hidden; clip-path: inset(50%);
        white-space: nowrap;
    }
    body.theme-abfa .ab-pub-table tbody tr { border-bottom: 3px double #c2c9d6; }
    body.theme-abfa .ab-pub-table tbody tr:last-child { border-bottom: 0; }
    body.theme-abfa .ab-pub-table tbody th { padding: 18px 0 8px; border-bottom: 0; }
    body.theme-abfa .ab-pub-table tbody td {
        padding: 0 0 8px;
        border-bottom: 0;
        border-inline: 0;                 /* الأعمدة اتكدّست → الفواصل الرأسية بلا معنى */
    }
    body.theme-abfa .ab-pub-table tbody tr:first-child th { padding-top: 0; }
    body.theme-abfa .ab-pub-table tbody td.ab-pub-w { padding-bottom: 18px; }
    body.theme-abfa .ab-pub-table tbody tr:last-child td.ab-pub-w { padding-bottom: 0; }
    body.theme-abfa .ab-pub-wk {
        display: block;
        margin: 12px 0 4px;
        font-family: system-ui, sans-serif;
        font-size: .66rem;
        font-weight: 700;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: var(--abp-red);
    }
    body.theme-abfa[dir="rtl"] .ab-pub-wk { letter-spacing: 0; text-transform: none; font-size: .82rem; }
}

/* ═══ (2026-09-09) /clients — الزمالة: بلاطة شعار + سجل قطاعات ═══════
   الشكل القديم (شبكة عمودين فيها عشرة قطاعات متساوية، رقم + أيقونة + اسم،
   وفوقها شريط عنوان) كان بيتقري زي نفس الكتلة عند العشرة معاهد التانيين.
   البديل بيغيّر **العدد والتجميع**: بلاطة واحدة فيها جملة العائلات الأربع،
   وتحتها جدول بعمودين وأربعة صفوف بس.

   اللغة البصرية هي نفس أداة تمييز الموقع: حدّ مزدوج كحلي 2px بره وأحمر 1px
   جوّه (نفس .ab-crest-tile و.ab-cc-crest و.ab-ab-crest)، وأعمدة بفواصل
   رأسية شعرية — عشان الصفحة تفضل من نفس الموقع لما تتحط جنب صفحاته.

   كل القواعد متقيّدة بـ body.theme-abfa، فالمعهد وباقي المعاهد ما بيتأثروش.
   قواعد .abp-register القديمة فوق اتسابت كما هي — مفيش قالب بيستعملها
   دلوقتي، وشيلها مالوش لازمة.
   ───────────────────────────────────────────────────────────── */
body.theme-abfa .ab-cl { background: var(--abp-paper); }

/* عمود واحد محدود العرض: البلاطة تفضل بلاطة مش شريط ممدود على الشاشة،
   والجدول يفضل جوّه حد قراءة معقول. */
body.theme-abfa .ab-cl-wrap { max-width: 880px; margin-inline: auto; }

/* ── الحدّ المزدوج: البلاطة والسجل بنفس التركيب ─────────────── */
/* كحلي 2px بره، الحشو 5px هو الفاصل الأبيض، وأحمر 1px جوّه. */
body.theme-abfa .ab-cl-crest,
body.theme-abfa .ab-cl-reg {
    border: 2px solid var(--abp-navy);
    background: #fff;
    padding: 5px;
}
body.theme-abfa .ab-cl-crest-in {
    border: 1px solid var(--abp-red);
    padding: 36px 32px 0;
    text-align: center;
}

body.theme-abfa .ab-cl-eyebrow {
    display: block;
    font-size: .66rem; font-weight: 700;
    letter-spacing: .16em; text-transform: uppercase;
    color: var(--abp-red);
}
/* العربي: التباعد بيكسر وصل الحروف، والحروف الكبيرة مالهاش معنى. */
body.theme-abfa[dir="rtl"] .ab-cl-eyebrow { letter-spacing: 0; text-transform: none; font-size: .82rem; }

body.theme-abfa .ab-cl-title {
    margin: 13px 0 0;
    font-family: var(--abp-serif);
    font-size: 1.7rem; line-height: 1.35; font-weight: 700;
    letter-spacing: .03em; color: var(--abp-navy);
}
body.theme-abfa[dir="rtl"] .ab-cl-title { letter-spacing: 0; font-size: 1.55rem; }

/* نفس شرطة .ab-crest-rule الحمراء — العلامة المتكررة عبر صفحات الموقع. */
body.theme-abfa .ab-cl-rule {
    display: block; width: 46px; height: 2px;
    background: var(--abp-red); margin: 16px auto 0;
}

/* جملة القطاعات: مشجّرة وبلون الحبر عشان تاخد وزنها كبيان الكتلة، ومحدودة
   بـ56ch عشان تفضل جملة تتقرا جوّه بلاطة عريضة. */
body.theme-abfa .ab-cl-lede {
    margin: 18px auto 0;
    max-width: 56ch;
    font-family: var(--abp-serif);
    font-size: 1.06rem; line-height: 1.8;
    color: var(--abp-ink);
}

/* colophon: الإجراء والهاتف في ترويسة البلاطة — نفس معالجة /about-abfa،
   وهو سبب إن الكتلة مش بتقفل على زرار CTA وحيد. */
body.theme-abfa .ab-cl-colophon {
    margin-top: 28px;
    border-top: 1px solid var(--abp-line-soft);
    display: flex; flex-wrap: wrap;
    justify-content: center;
}
body.theme-abfa .ab-cl-colo-item {
    padding: 16px 20px;
    min-width: 0;                       /* عشان النص الطويل يلف بدل ما يمدّ الصف */
    flex: 1 1 220px;
}
/* الفاصل الرأسي بين الخانات هو تخطيط الزمالة المميّز؛ منطقي عشان يقلب
   لوحده في العربي. */
body.theme-abfa .ab-cl-colo-item + .ab-cl-colo-item {
    border-inline-start: 1px solid var(--abp-line-soft);
}
body.theme-abfa .ab-cl-colo-k {
    display: block;
    font-size: .62rem; font-weight: 700;
    letter-spacing: .15em; text-transform: uppercase;
    color: var(--abp-mute); margin-bottom: 6px;
}
body.theme-abfa[dir="rtl"] .ab-cl-colo-k { letter-spacing: 0; text-transform: none; font-size: .78rem; font-weight: 400; }
body.theme-abfa .ab-cl-colo-v {
    display: inline-block;
    font-size: .92rem; color: var(--abp-navy);
    text-decoration: none;
    border-bottom: 1px solid var(--abp-red);
    padding-bottom: 2px;
    overflow-wrap: anywhere;            /* الرقم/النص الطويل ما يعملش تمرير أفقي */
}
body.theme-abfa .ab-cl-colo-v:hover,
body.theme-abfa .ab-cl-colo-v:focus-visible { color: var(--abp-red); }

/* ── سجل القطاعات: جدول حقيقي بعمودين وأربعة صفوف ───────────── */
body.theme-abfa .ab-cl-reg { margin-top: 40px; }
body.theme-abfa .ab-cl-reg-in {
    border: 1px solid var(--abp-red);
    padding: 26px 24px 22px;
}
body.theme-abfa .ab-cl-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;                /* عشان الأعمدة ما تتمدّدش بنص طويل */
}
body.theme-abfa .ab-cl-cap {
    caption-side: top;
    text-align: start;
    font-family: var(--abp-serif);
    font-size: 1.22rem; font-weight: 700;
    letter-spacing: .05em; text-transform: uppercase;
    color: var(--abp-navy);
    padding-bottom: 16px;
}
body.theme-abfa[dir="rtl"] .ab-cl-cap { letter-spacing: 0; text-transform: none; font-size: 1.3rem; }

body.theme-abfa .ab-cl-table thead th {
    text-align: start;
    padding: 0 14px 10px;
    font-size: .62rem; font-weight: 700;
    letter-spacing: .15em; text-transform: uppercase;
    color: var(--abp-mute);
    border-bottom: 2px solid var(--abp-navy);
}
body.theme-abfa[dir="rtl"] .ab-cl-table thead th { letter-spacing: 0; text-transform: none; font-size: .82rem; font-weight: 400; }
body.theme-abfa .ab-cl-table thead th:first-child,
body.theme-abfa .ab-cl-table tbody th { padding-inline-start: 0; }
body.theme-abfa .ab-cl-table thead th:last-child,
body.theme-abfa .ab-cl-table tbody td:last-child { padding-inline-end: 0; }

body.theme-abfa .ab-cl-table tbody th,
body.theme-abfa .ab-cl-table tbody td {
    padding: 18px 14px;
    border-bottom: 1px solid var(--abp-line-soft);
    vertical-align: top;
    text-align: start;
}
body.theme-abfa .ab-cl-table tbody tr:last-child th,
body.theme-abfa .ab-cl-table tbody tr:last-child td { border-bottom: 0; }

/* فاصل رأسي شعري بين العمودين — "أعمدة بفاصل رأسي" هو تخطيط الزمالة
   المميّز، وهو اللي بيخلّي الكتلة تتقري كسجل مش كصفوف قائمة.
   inset-inline عشان يقلب لوحده في العربي. */
body.theme-abfa .ab-cl-table thead th + th,
body.theme-abfa .ab-cl-table tbody td { border-inline-start: 1px solid var(--abp-line-soft); }

/* عمود العائلة أضيق: هو مفتاح الصف، والقطاعات هي الحمولة. */
body.theme-abfa .ab-cl-col-f { width: 34%; }
body.theme-abfa .ab-cl-col-s { width: 66%; }

body.theme-abfa .ab-cl-f {
    font-family: var(--abp-serif);
    font-size: 1.05rem; font-weight: 700; line-height: 1.5;
    color: var(--abp-navy);
}
/* القطاعات نص جارٍ بفواصل جوّه خليتها — مش بنود، ومفيش أيقونة لكل واحد. */
body.theme-abfa .ab-cl-s {
    font-size: .95rem; line-height: 1.85; font-weight: 400;
    color: var(--abp-ink);
}

/* ── الموبايل ───────────────────────────────────────────────── */
@media (max-width: 767px) {
    body.theme-abfa .ab-cl-crest-in { padding: 28px 18px 0; }
    body.theme-abfa .ab-cl-title { font-size: 1.42rem; }
    body.theme-abfa .ab-cl-lede { font-size: 1rem; }

    /* عمود واحد، فالفاصل الرأسي بقى بلا معنى → خط أفقي بدله. */
    body.theme-abfa .ab-cl-colo-item { flex: 1 1 100%; padding: 14px 0; }
    body.theme-abfa .ab-cl-colo-item + .ab-cl-colo-item {
        border-inline-start: 0;
        border-top: 1px solid var(--abp-line-soft);
    }

    body.theme-abfa .ab-cl-reg-in { padding: 20px 16px; }
    /* عمودين على 390px بيخنقوا أسماء القطاعات الطويلة، فالعائلة بقت
       ترويسة فوق قطاعاتها. الجدول يفضل جدول في الـDOM ورأس الأعمدة
       لسه موجود لقارئ الشاشة. */
    body.theme-abfa .ab-cl-table,
    body.theme-abfa .ab-cl-table tbody,
    body.theme-abfa .ab-cl-table tr,
    body.theme-abfa .ab-cl-table tbody th,
    body.theme-abfa .ab-cl-table tbody td { display: block; width: auto; }
    body.theme-abfa .ab-cl-cap { display: block; padding: 0 0 14px; }
    body.theme-abfa .ab-cl-table thead {
        position: absolute;
        width: 1px; height: 1px;
        overflow: hidden; clip-path: inset(50%);
        white-space: nowrap;
    }
    body.theme-abfa .ab-cl-table tbody tr {
        border-bottom: 3px double #c2c9d6;   /* حدّ مزدوج — نفس علامة الموقع */
    }
    body.theme-abfa .ab-cl-table tbody tr:last-child { border-bottom: 0; }
    body.theme-abfa .ab-cl-table tbody th {
        padding: 16px 0 6px;
        border-bottom: 0;
    }
    body.theme-abfa .ab-cl-table tbody tr:first-child th { padding-top: 0; }
    body.theme-abfa .ab-cl-table tbody td {
        padding: 0 0 16px;
        border-bottom: 0;
        border-inline: 0;                 /* الأعمدة اتكدّست → الفاصل الرأسي بلا معنى */
    }
    body.theme-abfa .ab-cl-table tbody tr:last-child td { padding-bottom: 0; }
}

/* ═══ (2026-09-09) الرئيسية — شريط السجل الافتتاحي ═══════════════
   بديل قسم coaching المشترك اللي كان بيبدأ بيه المورد وأبفا بنفس النص.
   نفس مفردات الزمالة: بلاطة بحدّ مزدوج وجدول سجل، بلا أيقونات ولا كروت.
   ───────────────────────────────────────────────────────────── */
body.theme-abfa .ab-note { padding: 30px 0 8px; }
body.theme-abfa .ab-note-crest {
    max-width: 860px; margin-inline: auto;
    border: 2px solid var(--site-primary, #012169);
    padding: 5px; background: #fff;
}
body.theme-abfa .ab-note-crest > * { max-width: 100%; }
body.theme-abfa .ab-note-crest {
    box-shadow: inset 0 0 0 6px #fff, inset 0 0 0 7px var(--site-accent, #C8102B);
}
body.theme-abfa .ab-note-eyebrow {
    margin: 22px 26px 0; font-size: .66rem; letter-spacing: .16em;
    text-transform: uppercase; color: #8a94a3;
}
body.theme-abfa[dir="rtl"] .ab-note-eyebrow { letter-spacing: 0; text-transform: none; font-size: .78rem; }
body.theme-abfa .ab-note-h {
    margin: 6px 26px 0; font-size: 1.32rem; font-weight: 800; line-height: 1.4;
    color: var(--site-primary, #012169);
}
body.theme-abfa .ab-note-rule {
    display: block; width: 34px; height: 2px; margin: 12px 26px;
    background: var(--site-accent, #C8102B);
}
body.theme-abfa .ab-note-lead {
    margin: 0 26px 18px; max-width: 62ch; line-height: 1.75; color: #3b4453;
}
body.theme-abfa .ab-note-reg {
    width: calc(100% - 52px); margin: 0 26px 24px; border-collapse: collapse;
}
body.theme-abfa .ab-note-reg th,
body.theme-abfa .ab-note-reg td {
    padding: 10px 0; text-align: start; vertical-align: baseline;
    border-top: 1px solid #e3e6ec; font-weight: 400;
}
body.theme-abfa .ab-note-reg tr:first-child th,
body.theme-abfa .ab-note-reg tr:first-child td { border-top: 2px solid var(--site-primary, #012169); }
body.theme-abfa .ab-note-reg th { width: 42%; padding-inline-end: 18px; }
body.theme-abfa .ab-note-reg th a {
    font-weight: 700; color: var(--site-primary, #012169); text-decoration: none;
}
body.theme-abfa .ab-note-reg th a:hover { text-decoration: underline; }
body.theme-abfa .ab-note-reg td { color: #5b6472; font-size: .92rem; }
@media (max-width: 575px) {
    body.theme-abfa .ab-note-eyebrow,
    body.theme-abfa .ab-note-h,
    body.theme-abfa .ab-note-lead { margin-inline: 16px; }
    body.theme-abfa .ab-note-rule { margin-inline: 16px; }
    body.theme-abfa .ab-note-reg { width: calc(100% - 32px); margin-inline: 16px; }
    body.theme-abfa .ab-note-reg th { width: 50%; }
}

/* ═══ (2026-09-09) صفحات النماذج الثلاث — الزمالة ══════════════════
   /register · /in-house-training-proposal · /course-finder

   المشكلة اللي اتحلّت: التلات صفحات كانوا بيتقروا واحد على المعاهد كلها —
   شريطان ملوّنان "Step 1 / Step 2" فوق كل قسم، وعمود جانبي على اليمين فيه
   بيانات المعهد و"ماذا يحدث بعد الإرسال؟" بتلات بنود، ونفس التسلسل
   (تفاصيل الدورة ← بيانات التواصل ← زرار)، وصفحة course-finder مالهاش
   محتوى غير سطر قوائم منسدلة.

   الحل هنا معمار مختلف لكل صفحة، مش لون مختلف:
     /register  → سجل قيد عريض: بلاطة شعار بأرقام حقيقية + جدول صفوفه
                  مزدوجة (تسمية فوق وحقل تحت) + تبويبات كأسنّة فهرس.
     /in-house  → طلب مكتوب في عمود ضيّق: ترويسة بسيطة + صندوق واحد
                  بحدّ مزدوج، الحقول عمود واحد بتسميات، بلا جدول،
                  والترتيب معكوس (مقدّم الطلب أولًا ثم البرنامج).
     /course-finder → البلاطة هي الأداة: الباحث جوّه بلاطة الشعار، وتحته
                  سجل التخصصات كجدول بيانات (عمودان، صف لكل تخصص).

   يعني: عرض مختلف، وعدد أقسام مختلف، وتسلسل مختلف، وشكل جدول مختلف —
   والقاسم المشترك هو مفردات الموقع نفسه (شريط العلم، الحدّ المزدوج،
   العناوين المشجّرة) عشان الصفحات تفضل من نفس الموقع.
   ───────────────────────────────────────────────────────────────── */

/* ── الحقول: مفردة واحدة للصفحات الثلاث ─────────────────────────
   خط شعرة رمادي وزوايا صفر — الصناديق الزرقا المظللة كانت هي شكل
   المعهد المشترك. */
body.theme-abfa .ab-rg .form-control,
body.theme-abfa .ab-ih .form-control,
body.theme-abfa .ab-cf .form-select {
    border: 1px solid var(--abp-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background-color: #fff;
    min-height: 46px;
    height: auto;
    padding: 10px 14px;
    color: var(--abp-ink);
    font-size: .95rem;
}
body.theme-abfa .ab-rg .form-control:focus,
body.theme-abfa .ab-ih .form-control:focus,
body.theme-abfa .ab-cf .form-select:focus {
    border-color: var(--abp-navy) !important;
    outline: 2px solid rgba(1, 33, 105, .18);
    outline-offset: 1px;
}
body.theme-abfa .ab-rg textarea.form-control,
body.theme-abfa .ab-ih textarea.form-control { min-height: 118px; }

/* ═══════════ ① /register — سجل القيد ═══════════════════════════ */
body.theme-abfa .ab-rg { background: var(--abp-paper); padding: 24px 0 46px; }
/* عمود واحد بعرض محدود: الصفحة بقت بلا عمود جانبي خالص. */
body.theme-abfa .ab-rg-wrap { max-width: 1040px; margin-inline: auto; }

/* بلاطة الشعار: نفس الحدّ المزدوج بتاع .ab-crest و.ab-dl-crest. */
body.theme-abfa .ab-rg-crest { border: 2px solid var(--abp-navy); background: #fff; padding: 5px; }
body.theme-abfa .ab-rg-crest-in {
    border: 1px solid var(--abp-red);
    display: grid;
    grid-template-columns: minmax(0, 1fr) 226px;
    align-items: center;
    gap: 32px;
    padding: 30px 32px;
}
body.theme-abfa .ab-rg-eyebrow {
    display: block; margin-top: 2px;
    font-size: .66rem; font-weight: 700;
    letter-spacing: .16em; text-transform: uppercase;
    color: var(--abp-red);
}
body.theme-abfa[dir="rtl"] .ab-rg-eyebrow { letter-spacing: 0; text-transform: none; font-size: .82rem; }
body.theme-abfa .ab-rg-h1 {
    margin: 10px 0 0;
    font-family: var(--abp-serif);
    font-size: 1.85rem; line-height: 1.35; font-weight: 700;
    letter-spacing: .03em; color: var(--abp-navy);
}
body.theme-abfa[dir="rtl"] .ab-rg-h1 { letter-spacing: 0; font-size: 1.65rem; }
body.theme-abfa .ab-rg-rule { display: block; width: 46px; height: 2px; background: var(--abp-red); margin: 16px 0 0; }
body.theme-abfa .ab-rg-lead { margin: 16px 0 0; max-width: 58ch; color: var(--abp-mute); line-height: 1.75; font-size: .95rem; }

/* عمود الأرقام: فاصل رأسي منطقي عشان يقلب لوحده في العربي. */
body.theme-abfa .ab-rg-facts {
    margin: 0; display: grid; gap: 16px;
    border-inline-start: 1px solid var(--abp-line);
    padding-inline-start: 30px;
}
body.theme-abfa .ab-rg-facts dt {
    font-size: .64rem; font-weight: 700; letter-spacing: .14em;
    text-transform: uppercase; color: var(--abp-red);
}
body.theme-abfa[dir="rtl"] .ab-rg-facts dt { letter-spacing: 0; text-transform: none; font-size: .8rem; }
body.theme-abfa .ab-rg-facts dd {
    margin: 2px 0 0;
    font-family: var(--abp-serif);
    font-size: 1.9rem; line-height: 1; font-weight: 700;
    color: var(--abp-navy);
    direction: ltr;                 /* رقم لاتيني حتى في الصفحة العربية */
    text-align: start;
}

/* ── جدول القيد ───────────────────────────────────────────────
   صفّان لكل مجموعة: صف التسمية وتحته صف الحقل، والفاصل حدّ مزدوج
   (3px double) — نفس علامة الموقع في /clients و/downloads. */
body.theme-abfa .ab-rg-tbl {
    width: 100%; table-layout: fixed; border-collapse: collapse;
    margin: 34px 0 0;
}
body.theme-abfa .ab-rg-cap,
body.theme-abfa .ab-rg-cap-h {
    caption-side: top;
    text-align: start; padding: 0 0 16px; margin: 0;
    font-family: var(--abp-serif);
    font-size: 1.3rem; font-weight: 700; letter-spacing: .04em;
    color: var(--abp-navy);
}
body.theme-abfa .ab-rg-cap-h { display: block; margin-top: 40px; }
body.theme-abfa[dir="rtl"] .ab-rg-cap,
body.theme-abfa[dir="rtl"] .ab-rg-cap-h { letter-spacing: 0; }
/* شريط العلم فوق العنوان — الجدول ما بيقبلش عنصر جوّاه قبل الرأس. */
body.theme-abfa .ab-rg-cap::before,
body.theme-abfa .ab-rg-cap-h::before {
    content: ""; display: block;
    width: 104px; height: 9px; margin: 0 0 13px;
    border: 1px solid var(--abp-line);
    background: linear-gradient(90deg,
        var(--abp-navy) 0 33.333%,
        #fff 33.333% 66.666%,
        var(--abp-red) 66.666% 100%);
}
body.theme-abfa .ab-rg-lbl th {
    text-align: start; padding: 20px 0 7px; border: 0;
    font-size: .66rem; font-weight: 700; letter-spacing: .14em;
    text-transform: uppercase; color: var(--abp-red);
}
body.theme-abfa[dir="rtl"] .ab-rg-lbl th { letter-spacing: 0; text-transform: none; font-size: .82rem; }
body.theme-abfa .ab-rg-lbl th label { margin: 0; font-weight: 700; }
body.theme-abfa .ab-rg-tbl tbody tr:first-child th { padding-top: 0; }
body.theme-abfa .ab-rg-fld td {
    padding: 0 0 20px; border: 0;
    border-bottom: 3px double #c2c9d6;
    vertical-align: top;
}
body.theme-abfa .ab-rg-fld-last td { border-bottom: 0; padding-bottom: 4px; }
/* الحقل ما بيتمطّش على عرض الصفحة كله — سطر قابل للقراءة. */
body.theme-abfa .ab-rg-fld .form-control { max-width: 560px; }
body.theme-abfa .ab-rg-fld #no-more-tables { max-width: 100%; overflow-x: auto; }

/* ── التبويبات: أسنّة فهرس مطبوع، مش أزرار ملوّنة ─────────────── */
body.theme-abfa .ab-rg-tabs { margin-top: 22px; }
body.theme-abfa #register-section .nav-tabs {
    border-bottom: 2px solid var(--abp-navy) !important;
    flex-wrap: wrap;
}
body.theme-abfa #register-section .nav-link {
    background: transparent !important;
    color: var(--abp-mute) !important;
    border: 0 !important; border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important; padding: 12px 20px !important;
    font-family: var(--abp-serif);
    font-size: .74rem; font-weight: 700;
    letter-spacing: .12em; text-transform: uppercase;
}
body.theme-abfa[dir="rtl"] #register-section .nav-link { letter-spacing: 0; text-transform: none; font-size: .9rem; }
body.theme-abfa #register-section .nav-link.active {
    background: var(--abp-navy) !important;
    color: #fff !important;
}
body.theme-abfa #register-section .nav-link:hover { color: var(--abp-navy) !important; }
body.theme-abfa #register-section .nav-link.active:hover { color: #fff !important; }
body.theme-abfa #register-section #nav-tabContent {
    background: #fff;
    border: 1px solid var(--abp-line) !important;
    border-top: 0 !important;
    box-shadow: none;
    border-radius: 0;
}
/* عناوين "تفاصيل المرشح" و"مشارك 1" جوّه التبويب — بتيجي من الماركب
   المشترك (بيتبدّل بأجاكس)، فتنسيقها من هنا بس. */
body.theme-abfa #register-section .tab-pane h5 {
    font-family: var(--abp-serif);
    font-size: 1.05rem; font-weight: 700; color: var(--abp-navy);
    padding-bottom: 8px; margin-bottom: 6px;
    border-bottom: 1px solid var(--abp-line);
}
/* صندوق المشاركين الرمادي بستايل سطري في الماركب المشترك: بيتحوّل
   لبلاطة بيضا بخط شعرة. ‏:has مدعوم في المتصفحات الحالية، ولو مش
   مدعوم بيفضل الصندوق الرمادي — تدهور آمن. */
body.theme-abfa #register-section div:has(> #participants) {
    background: #fff !important;
    border: 1px solid var(--abp-line) !important;
    border-radius: 0 !important;
    padding-top: 6px;
}
body.theme-abfa #register-section .addmore-participents,
body.theme-abfa #register-section .remove-participents {
    background: transparent !important;
    border: 1px solid var(--abp-navy) !important;
    color: var(--abp-navy) !important;
    border-radius: 0 !important;
    font-size: .74rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
}
body.theme-abfa[dir="rtl"] #register-section .addmore-participents,
body.theme-abfa[dir="rtl"] #register-section .remove-participents { letter-spacing: 0; text-transform: none; font-size: .88rem; }

/* ── الإقرار والإرسال ─────────────────────────────────────────── */
body.theme-abfa .ab-rg-privacy {
    margin: 0 0 18px; max-width: 70ch;
    font-size: .85rem; line-height: 1.7; color: var(--abp-mute);
}
body.theme-abfa .ab-rg-sign {
    margin-top: 26px; padding-top: 22px;
    border-top: 3px double #c2c9d6;
}
body.theme-abfa .ab-rg-sign .toolstoggle {
    display: block; margin-bottom: 8px;
    font-size: .9rem; line-height: 1.6; color: var(--abp-ink);
}
body.theme-abfa .ab-rg-actions {
    display: flex; flex-wrap: wrap; gap: 12px;
    justify-content: flex-end; margin-top: 18px;
}
body.theme-abfa .ab-rg-actions .btn {
    float: none !important; margin: 0 !important;
    border-radius: 0 !important; padding: 13px 26px;
    font-size: .74rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
}
body.theme-abfa[dir="rtl"] .ab-rg-actions .btn { letter-spacing: 0; text-transform: none; font-size: .9rem; }
/* زرار رئيسي واحد (القيد) مصمت، والدفع الآن ثانوي محدّد — بدل زرّين
   مصمتين بلونين كانوا بيتنافسوا. */
body.theme-abfa .ab-rg-actions #register {
    order: 2;
    background: var(--abp-navy) !important;
    border: 1px solid var(--abp-navy) !important;
    color: #fff !important;
}
body.theme-abfa .ab-rg-actions #register:hover,
body.theme-abfa .ab-rg-actions #register:focus {
    background: var(--abp-red) !important; border-color: var(--abp-red) !important;
}
body.theme-abfa .ab-rg-actions #payment {
    order: 1;
    background: #fff !important;
    border: 1px solid var(--abp-navy) !important;
    color: var(--abp-navy) !important;
}
body.theme-abfa .ab-rg-actions #payment:hover,
body.theme-abfa .ab-rg-actions #payment:focus {
    background: var(--abp-navy) !important; color: #fff !important;
}
body.theme-abfa .ab-rg-foot {
    margin: 14px 0 0; text-align: end;
    font-size: .82rem; color: var(--abp-mute);
}

@media (max-width: 767px) {
    body.theme-abfa .ab-rg-crest-in { grid-template-columns: minmax(0, 1fr); gap: 24px; padding: 24px 20px; }
    body.theme-abfa .ab-rg-facts {
        border-inline-start: 0; padding-inline-start: 0;
        border-top: 1px solid var(--abp-line); padding-top: 18px;
        grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px;
    }
    body.theme-abfa .ab-rg-h1 { font-size: 1.45rem; }
    body.theme-abfa .ab-rg-actions { justify-content: stretch; }
    body.theme-abfa .ab-rg-actions .btn { flex: 1 1 100%; }
    body.theme-abfa .ab-rg-foot { text-align: start; }
}

/* ═══════════ ② /in-house — طلب مكتوب في عمود ضيّق ═══════════════ */
body.theme-abfa .ab-ih { background: var(--abp-paper); padding: 24px 0 48px; }
/* أضيق بكتير من سجل القيد (1040px) — ده أول فرق بيبان بالعين. */
body.theme-abfa .ab-ih-wrap { max-width: 700px; margin-inline: auto; }

/* ترويسة بسيطة بخط شعرة: الحدّ المزدوج محجوز لصندوق الفورم تحتها،
   عشان الصفحة ما تبقاش بلاطتين فوق بعض في عمود ضيّق. */
body.theme-abfa .ab-ih-crest {
    background: #fff; border: 1px solid var(--abp-line);
    padding: 26px 28px; text-align: center;
}
body.theme-abfa .ab-ih-crest .abp-flag { margin-inline: auto; }
body.theme-abfa .ab-ih-h1 {
    margin: 0;
    font-family: var(--abp-serif);
    font-size: 1.55rem; line-height: 1.4; font-weight: 700;
    color: var(--abp-navy);
}
body.theme-abfa .ab-ih-lead {
    margin: 14px auto 0; max-width: 56ch;
    color: var(--abp-mute); line-height: 1.75; font-size: .95rem;
}

/* صندوق الفورم: هنا الحدّ المزدوج. */
body.theme-abfa .ab-ih-box {
    margin-top: 22px;
    border: 2px solid var(--abp-navy); background: #fff; padding: 5px;
}
body.theme-abfa .ab-ih-box-in { border: 1px solid var(--abp-red); padding: 28px 26px; }
body.theme-abfa .ab-ih-set { border: 0; padding: 0; margin: 0 0 30px; min-width: 0; }
body.theme-abfa .ab-ih-set-last { margin-bottom: 22px; }
body.theme-abfa .ab-ih-leg {
    display: block; width: 100%; float: none;
    font-family: var(--abp-serif);
    font-size: 1.15rem; font-weight: 700; color: var(--abp-navy);
    padding-bottom: 10px; margin-bottom: 20px;
    border-bottom: 1px solid var(--abp-line);
}
body.theme-abfa .ab-ih-f { margin-bottom: 16px; }
body.theme-abfa .ab-ih-f label {
    display: block; margin-bottom: 6px;
    font-size: .66rem; font-weight: 700; letter-spacing: .13em;
    text-transform: uppercase; color: var(--abp-red);
}
body.theme-abfa[dir="rtl"] .ab-ih-f label { letter-spacing: 0; text-transform: none; font-size: .82rem; }
/* حقلين جنب بعض للأزواج القصيرة بس (اسم/عائلة، بريد/هاتف). */
body.theme-abfa .ab-ih-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
body.theme-abfa .ab-ih-send {
    display: block; width: 100%;
    background: var(--abp-navy) !important;
    border: 1px solid var(--abp-navy) !important;
    color: #fff !important;
    border-radius: 0 !important;
    padding: 15px 20px;
    font-size: .78rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
}
body.theme-abfa .ab-ih-send:hover,
body.theme-abfa .ab-ih-send:focus { background: var(--abp-red) !important; border-color: var(--abp-red) !important; }
body.theme-abfa[dir="rtl"] .ab-ih-send { letter-spacing: 0; text-transform: none; font-size: .95rem; }
/* بديل العمود الجانبي: سطر واحد. */
body.theme-abfa .ab-ih-contact {
    margin: 18px 0 0; text-align: center;
    font-size: .9rem; color: var(--abp-mute);
}
body.theme-abfa .ab-ih-contact a { color: var(--abp-navy); text-decoration: none; }
body.theme-abfa .ab-ih-contact a:hover { color: var(--abp-red); text-decoration: underline; }

@media (max-width: 575px) {
    body.theme-abfa .ab-ih-pair { grid-template-columns: minmax(0, 1fr); }
    body.theme-abfa .ab-ih-box-in { padding: 22px 16px; }
    body.theme-abfa .ab-ih-crest { padding: 22px 16px; }
}

/* ═══════════ ③ /course-finder — البلاطة هي الأداة ══════════════ */
body.theme-abfa .ab-cf { background: var(--abp-paper); padding: 24px 0 0; }
body.theme-abfa .ab-cf-plate {
    max-width: 1040px; margin-inline: auto;
    border: 2px solid var(--abp-navy); background: #fff; padding: 5px;
}
body.theme-abfa .ab-cf-plate-in { border: 1px solid var(--abp-red); padding: 30px 32px; }
body.theme-abfa .ab-cf-head { max-width: 66ch; }
body.theme-abfa .ab-cf-eyebrow {
    display: block; margin-top: 2px;
    font-size: .66rem; font-weight: 700; letter-spacing: .16em;
    text-transform: uppercase; color: var(--abp-red);
}
body.theme-abfa[dir="rtl"] .ab-cf-eyebrow { letter-spacing: 0; text-transform: none; font-size: .82rem; }
body.theme-abfa .ab-cf-h1 {
    margin: 10px 0 0;
    font-family: var(--abp-serif);
    font-size: 1.85rem; line-height: 1.35; font-weight: 700;
    letter-spacing: .03em; color: var(--abp-navy);
}
body.theme-abfa[dir="rtl"] .ab-cf-h1 { letter-spacing: 0; font-size: 1.6rem; }
body.theme-abfa .ab-cf-lead {
    margin: 14px 0 0; max-width: 62ch;
    color: var(--abp-mute); line-height: 1.75; font-size: .95rem;
}
/* الباحث جوّه البلاطة، مفصول بخط شعرة — مش شريط منفصل تحت البانر. */
body.theme-abfa .ab-cf-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.4fr) auto;
    gap: 16px;
    align-items: end;
    margin-top: 26px; padding-top: 24px;
    border-top: 1px solid var(--abp-line);
}
body.theme-abfa .ab-cf-f { min-width: 0; }
body.theme-abfa .ab-cf-f label {
    display: block; margin-bottom: 6px;
    font-size: .66rem; font-weight: 700; letter-spacing: .13em;
    text-transform: uppercase; color: var(--abp-red);
}
body.theme-abfa[dir="rtl"] .ab-cf-f label { letter-spacing: 0; text-transform: none; font-size: .82rem; }
/* chosen بيحط width:500px سطرياً على الحاوية — ده كان بيكسر الشبكة. */
body.theme-abfa .ab-cf .chosen-container { width: 100% !important; }
body.theme-abfa .ab-cf .chosen-choices,
body.theme-abfa .ab-cf .chosen-single {
    border: 1px solid var(--abp-line) !important;
    border-radius: 0 !important;
    background: #fff !important;
    box-shadow: none !important;
    min-height: 46px;
}
body.theme-abfa .ab-cf-btn {
    background: var(--abp-navy) !important;
    border: 1px solid var(--abp-navy) !important;
    color: #fff !important;
    border-radius: 0 !important;
    min-height: 46px; padding: 12px 24px;
    font-size: .74rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase;
}
body.theme-abfa .ab-cf-btn:hover,
body.theme-abfa .ab-cf-btn:focus { background: var(--abp-red) !important; border-color: var(--abp-red) !important; }
body.theme-abfa[dir="rtl"] .ab-cf-btn { letter-spacing: 0; text-transform: none; font-size: .9rem; }
body.theme-abfa .ab-cf-btn .mobile-hide { display: none; }

body.theme-abfa .ab-cf-results { background: var(--abp-paper); padding: 24px 0 0; }

/* ── سجل التخصصات: جدول بيانات، صف لكل تخصص ──────────────────
   عمودان (تخصص/حقل) — غير جدول /register اللي كل مجموعة فيه صفّين. */
body.theme-abfa .ab-cf-reg { background: var(--abp-paper); padding: 26px 0 46px; }
body.theme-abfa .ab-cf-reg-box {
    max-width: 1040px; margin-inline: auto;
    background: #fff; border: 1px solid var(--abp-line);
    border-top: 2px solid var(--abp-navy);
}
body.theme-abfa .ab-cf-reg-in { padding: 26px 28px 12px; overflow-x: auto; }
body.theme-abfa .ab-cf-table { width: 100%; border-collapse: collapse; }
body.theme-abfa .ab-cf-cap {
    caption-side: top; text-align: start; padding: 0 0 16px;
    font-family: var(--abp-serif);
    font-size: 1.3rem; font-weight: 700; letter-spacing: .04em;
    color: var(--abp-navy);
}
body.theme-abfa[dir="rtl"] .ab-cf-cap { letter-spacing: 0; }
body.theme-abfa .ab-cf-cap::before {
    content: ""; display: block;
    width: 104px; height: 9px; margin: 0 0 13px;
    border: 1px solid var(--abp-line);
    background: linear-gradient(90deg,
        var(--abp-navy) 0 33.333%,
        #fff 33.333% 66.666%,
        var(--abp-red) 66.666% 100%);
}
body.theme-abfa .ab-cf-table thead th {
    text-align: start; padding: 0 0 10px;
    font-size: .64rem; font-weight: 700; letter-spacing: .14em;
    text-transform: uppercase; color: var(--abp-red);
    border-bottom: 2px solid var(--abp-navy);
}
body.theme-abfa[dir="rtl"] .ab-cf-table thead th { letter-spacing: 0; text-transform: none; font-size: .8rem; }
body.theme-abfa .ab-cf-table tbody th {
    width: 58%; padding: 13px 0; padding-inline-end: 20px;
    text-align: start; font-weight: 400; vertical-align: baseline;
    border-top: 1px solid var(--abp-line-soft);
}
body.theme-abfa .ab-cf-table tbody td {
    padding: 13px 0; vertical-align: baseline;
    color: var(--abp-mute); font-size: .92rem;
    border-top: 1px solid var(--abp-line-soft);
}
body.theme-abfa .ab-cf-table tbody tr:first-child th,
body.theme-abfa .ab-cf-table tbody tr:first-child td { border-top: 0; }
body.theme-abfa .ab-cf-table tbody th a {
    color: var(--abp-navy); font-weight: 700; text-decoration: none;
}
body.theme-abfa .ab-cf-table tbody th a:hover,
body.theme-abfa .ab-cf-table tbody th a:focus { color: var(--abp-red); text-decoration: underline; }

@media (max-width: 991px) {
    body.theme-abfa .ab-cf-form { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    body.theme-abfa .ab-cf-f-wide,
    body.theme-abfa .ab-cf-f-act { grid-column: 1 / -1; }
    body.theme-abfa .ab-cf-btn { width: 100%; }
}
@media (max-width: 575px) {
    body.theme-abfa .ab-cf-form { grid-template-columns: minmax(0, 1fr); }
    body.theme-abfa .ab-cf-plate-in { padding: 22px 16px; }
    body.theme-abfa .ab-cf-h1 { font-size: 1.4rem; }
    body.theme-abfa .ab-cf-reg-in { padding: 22px 16px 8px; }
    body.theme-abfa .ab-cf-table tbody th { width: 56%; padding-inline-end: 12px; }
}

/* ── (2026-09-09) إلغاء ما تفرضه find-my-course.css على /course-finder ──
   الملف ده بيتحمّل مع الصفحة دي وحدها (page_css من Course_finder::index)،
   وبيفرض: بانر بصورة خلفية وارتفاع 360px، وشريط بحث عائم بهامش سالب
   ‎-64px، وزرار بحث بعرض 48px ثابت، وخط Inter على الـbody كله. التخطيط
   هنا بقى بلاطة داخل الصفحة، فالتلاتة اتلغوا — من غير لمس الملف المشترك
   (المعهد لسه بيستخدمه بنفس شكله). */
body.theme-abfa #fc-banner.ab-cf {
    background: var(--abp-paper) !important;
    min-height: 0; height: auto;
    border-bottom: 0;
    padding: 24px 0 0;
}
body.theme-abfa #fc-search.ab-cf-results {
    margin-top: 0; margin-bottom: 0;
    padding: 24px 0 0;
}
body.theme-abfa .ab-cf-results .search-resultwrap {
    margin-top: 0; background: transparent; border-radius: 0;
}
/* خط الصفحة يرجع خط باقي الموقع بدل Inter اللي بيجي مع الملف ده. */
body.theme-abfa #fc-banner.ab-cf,
body.theme-abfa #fc-search.ab-cf-results,
body.theme-abfa .ab-cf-reg {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
/* الزرار كان مربّع 48px والكلمة جوّاه مخفية على الديسكتوب (كلاس
   coure-selector-mobile-only)، فكان بيطلع مربّع كحلي فاضي. */
body.theme-abfa .ab-cf-btn {
    width: auto !important; float: none !important;
    height: auto; line-height: 1.4;
    display: inline-flex; align-items: center; justify-content: center;
}
body.theme-abfa .ab-cf-btn .coure-selector-mobile-only {
    display: inline-flex !important; align-items: center; gap: 8px;
    font-size: inherit; font-weight: inherit;
}

/* ── ضبط إيقاع جدول القيد: الفراغ بين المجموعات كان واسع، والحدّ
      المزدوج الفاتح كان بيختفي على الورق الرمادي. ───────────────── */
body.theme-abfa .ab-rg-lbl th { padding-top: 16px; }
body.theme-abfa .ab-rg-fld td { padding-bottom: 16px; border-bottom-color: #b6bfd0; }
body.theme-abfa .ab-rg-sign { border-top-color: #b6bfd0; }

/* ── تسميات طلب الدورة الداخلية: مشجّرة كحلية بحروف عادية.
      صفحة القيد تسمياتها حمرا بحروف كبيرة متباعدة (لغة استمارة)،
      ودي لغة **طلب مكتوب** — الفرق ده بيبان بالعين من غير قراءة. ── */
body.theme-abfa .ab-ih-f label {
    font-family: var(--abp-serif);
    font-size: .92rem; font-weight: 700;
    letter-spacing: 0; text-transform: none;
    color: var(--abp-navy);
}
body.theme-abfa[dir="rtl"] .ab-ih-f label { font-size: .95rem; }

/* زرار البحث بعرض الشاشة على الموبايل: الحقول فوقه بعرض كامل،
   وزرار صغير جنبها كان بيبان زي رابط مش زي إجراء. */
@media (max-width: 575px) {
    body.theme-abfa .ab-cf-btn { width: 100% !important; }
}

/* ═══ (2026-09-09) الزمالة — تفاصيل المقال والمدونة ═══════════════════
   المشكلة اللي بتتحل هنا: التخطيط المشترك في _institute.css
   (.blog-webinar-articles-details-left 75% + -right 25%) كان بيدّي
   المعاهد الـ11 نفس الصفحة بالحرف — بلوك لوجو، عنوان، تاريخ، نص بعرض
   العمود كله، وريل أربع كروت على اليمين. الثيم ده وقف يستعمل الكلاسات
   دي خالص، فالقواعد المشتركة ما بقتش تنطبق، والتخطيط اتبنى من الأول.

   والصفحتان هنا مختلفتان عن بعض عن قصد:
     المقال  = بلاطة بحدّ مزدوج + تكوين متمركز + سجل بجدول (4 بنود).
     المدونة = ترويسة جريدة بلا إطار + تكوين مصفوف من ناحية البداية
               + تلات أسطر مسطورة بلا جدول (3 بنود).
   اللي بيجمعهم هو لغة الموقع: كحلي/أحمر، خط مشجّر، وخطوط رفيعة.
   ═════════════════════════════════════════════════════════════════ */

/* ── صفحة المقال ─────────────────────────────────────────────────── */
body.theme-abfa .ab-paper-page { padding: 8px 0 44px; }
body.theme-abfa .ab-paper-nav { margin: 0 0 20px; }

/* البلاطة: حدّ خارجي كحلي 2px وحدّ داخلي أحمر 1px — نفس تركيب
   .ab-crest-tile/.ab-crest-in في /categories، عشان الصفحة تتقري كإنها
   من نفس الموقع من غير ما تتكرر مع أي معهد تاني. */
body.theme-abfa .ab-paper-plate {
    max-width: 46rem;
    margin-inline: auto;
    margin-block-end: 36px;
    border: 2px solid var(--abp-navy);
    background: #fff;
    padding: 6px;
}
body.theme-abfa .ab-paper-plate-in {
    border: 1px solid var(--abp-red);
    padding: 34px 26px 28px;
    text-align: center;
}
body.theme-abfa .ab-paper-kicker {
    margin: 0 0 14px;
    font-size: .68rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--abp-mute);
}
body.theme-abfa .ab-paper-title {
    margin: 0;
    font-family: var(--abp-serif);
    font-weight: 400;
    font-size: clamp(1.45rem, 1.05rem + 1.7vw, 2.05rem);
    line-height: 1.28;
    color: var(--abp-navy);
}
/* الشرطة الحمرا هي نفس فاصل .ab-crest-rule — علامة الموقع المتكررة. */
body.theme-abfa .ab-paper-mark {
    display: block;
    width: 34px; height: 2px;
    margin: 18px auto 0;
    background: var(--abp-red);
}
body.theme-abfa .ab-paper-date {
    margin: 14px 0 0;
    font-size: .76rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--abp-mute);
}
/* العربي مالوش حروف كبيرة، والتباعد بيفكّك الكلمة — فبيتلغي. */
body.theme-abfa[dir="rtl"] .ab-paper-kicker,
body.theme-abfa[dir="rtl"] .ab-paper-date {
    letter-spacing: 0; text-transform: none; font-size: .85rem;
}

/* عمود القراية: 68ch ≈ 66–72 حرف في السطر. النص كان قبل كده بعرض
   الحاوية كلها (~110 حرف) وده أصعب في القراءة. */
body.theme-abfa .ab-paper-body {
    max-width: 68ch;
    margin-inline: auto;
    font-family: var(--abp-serif);
    font-size: 1.04rem;
    line-height: 1.9;
    color: var(--abp-ink);
    overflow-wrap: break-word;
}
body.theme-abfa .ab-paper-body p { margin: 0 0 1.15em; }
body.theme-abfa .ab-paper-body h2,
body.theme-abfa .ab-paper-body h3,
body.theme-abfa .ab-paper-body h4 {
    font-family: var(--abp-serif);
    font-weight: 700;
    color: var(--abp-navy);
    margin: 1.9em 0 .55em;
    line-height: 1.35;
}
body.theme-abfa .ab-paper-body h2 {
    font-size: 1.32rem;
    padding-block-end: 7px;
    border-bottom: 1px solid var(--abp-line);
}
body.theme-abfa .ab-paper-body h3 { font-size: 1.12rem; }
body.theme-abfa .ab-paper-body h4 { font-size: 1.02rem; }
body.theme-abfa .ab-paper-body ul,
body.theme-abfa .ab-paper-body ol { margin: 0 0 1.15em; padding-inline-start: 1.35em; }
body.theme-abfa .ab-paper-body li { margin-block-end: .4em; }
body.theme-abfa .ab-paper-body a { color: var(--abp-navy); text-decoration: underline; }
body.theme-abfa .ab-paper-body blockquote {
    margin: 1.4em 0; padding-inline-start: 18px;
    border-inline-start: 3px solid var(--abp-red);
    color: var(--abp-mute);
}
body.theme-abfa .ab-paper-body img { max-width: 100%; height: auto; }
body.theme-abfa .ab-paper-body iframe { max-width: 100%; }
/* جدول جوّه نص المقال بيتمرّر جوّه نفسه بدل ما يمطّ الصفحة على الموبايل. */
body.theme-abfa .ab-paper-body table { display: block; width: 100%; overflow-x: auto; }

/* ── سجل المقالات المرتبطة: جدول بحدّ مزدوج تحت النص ─────────────── */
body.theme-abfa .ab-reg { max-width: 60rem; margin: 48px auto 0; }
body.theme-abfa .ab-reg-frame {
    border: 2px solid var(--abp-navy);
    background: #fff;
    padding: 6px;
}
body.theme-abfa .ab-reg-in { border: 1px solid var(--abp-red); padding: 22px 20px 8px; }
body.theme-abfa .ab-reg-head {
    margin: 0 0 18px;
    font-family: var(--abp-serif);
    font-weight: 400;
    font-size: 1.05rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--abp-navy);
    text-align: center;
}
body.theme-abfa[dir="rtl"] .ab-reg-head { letter-spacing: 0; text-transform: none; font-size: 1.2rem; }
body.theme-abfa .ab-reg-table { width: 100%; border-collapse: collapse; }
body.theme-abfa .ab-reg-table th {
    padding: 0 10px 9px;
    text-align: start;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--abp-mute);
    border-bottom: 1px solid var(--abp-navy);
}
body.theme-abfa[dir="rtl"] .ab-reg-table th { letter-spacing: 0; text-transform: none; font-size: .84rem; }
body.theme-abfa .ab-reg-table td {
    padding: 15px 10px;
    vertical-align: top;
    border-bottom: 1px solid var(--abp-line-soft);
}
body.theme-abfa .ab-reg-table tbody tr:last-child td { border-bottom: 0; }
body.theme-abfa .ab-reg-c-date {
    white-space: nowrap; width: 1%;
    font-size: .78rem; color: var(--abp-mute);
}
body.theme-abfa .ab-reg-c-cat { width: 20%; font-size: .82rem; color: var(--abp-navy); }
body.theme-abfa .ab-reg-link {
    display: block;
    font-family: var(--abp-serif);
    font-size: 1rem; line-height: 1.45;
    color: var(--abp-navy); text-decoration: none;
}
body.theme-abfa .ab-reg-link:hover,
body.theme-abfa .ab-reg-link:focus-visible { text-decoration: underline; }
body.theme-abfa .ab-reg-sum {
    display: block; margin-block-start: 6px;
    max-width: 62ch;
    font-size: .86rem; line-height: 1.7; color: var(--abp-mute);
}
/* الموبايل: الجدول بيتفكّ لصفوف مسطورة بدل ما يتمرّر أفقياً. رؤوس
   الأعمدة بتفضل في الشجرة لقارئ الشاشة، بس خارج مساحة العرض. */
@media (max-width: 767px) {
    body.theme-abfa .ab-reg-in { padding: 18px 14px 6px; }
    body.theme-abfa .ab-reg-table,
    body.theme-abfa .ab-reg-table tbody,
    body.theme-abfa .ab-reg-table tr,
    body.theme-abfa .ab-reg-table td { display: block; width: auto; }
    body.theme-abfa .ab-reg-table thead {
        position: absolute; width: 1px; height: 1px;
        overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
    }
    body.theme-abfa .ab-reg-table tr {
        padding-block: 14px;
        border-bottom: 1px solid var(--abp-line-soft);
    }
    body.theme-abfa .ab-reg-table tbody tr:last-child { border-bottom: 0; }
    body.theme-abfa .ab-reg-table td { padding: 0 0 5px; border-bottom: 0; }
    body.theme-abfa .ab-reg-c-date,
    body.theme-abfa .ab-reg-c-cat { display: inline; width: auto; font-size: .74rem; }
    body.theme-abfa .ab-reg-c-date::after {
        content: "\00B7"; margin-inline: .55em; color: var(--abp-red);
    }
}

/* ── صفحة المدونة: ترويسة جريدة، بلا بلاطة وبلا إطار ─────────────── */
body.theme-abfa .ab-post-page { padding: 8px 0 44px; }
body.theme-abfa .ab-post-nav { margin: 0 0 24px; }

/* مصفوفة من ناحية البداية مش متمركزة — الفرق ده وحده بيخلّي الصفحة
   تتقري غير صفحة المقال من أول نظرة، قبل ما حد يقرا كلمة. */
body.theme-abfa .ab-post-head { max-width: 72ch; margin-inline: 0; }
body.theme-abfa .ab-post-title {
    margin: 0 0 16px;
    font-family: var(--abp-serif);
    font-weight: 400;
    font-size: clamp(1.6rem, 1.1rem + 2.1vw, 2.35rem);
    line-height: 1.2;
    color: var(--abp-navy);
    text-align: start;
}
/* الخط الأفقي المزدوج: تخين فوق ورفيع تحت — ترويسة مطبوعة. */
body.theme-abfa .ab-post-rule {
    height: 5px;
    border-top: 3px solid var(--abp-navy);
    border-bottom: 1px solid var(--abp-navy);
}
body.theme-abfa .ab-post-line {
    display: flex; align-items: center; flex-wrap: wrap;
    margin: 12px 0 0;
    font-size: .76rem; letter-spacing: .13em; text-transform: uppercase;
    color: var(--abp-mute);
}
body.theme-abfa[dir="rtl"] .ab-post-line { letter-spacing: 0; text-transform: none; font-size: .88rem; }
body.theme-abfa .ab-post-sep {
    display: inline-block; width: 18px; height: 2px;
    margin-inline: 12px; background: var(--abp-red);
}
body.theme-abfa .ab-post-cat { color: var(--abp-navy); text-decoration: none; }
body.theme-abfa .ab-post-cat:hover { text-decoration: underline; }

/* نص المدونة sans مع فقرة استهلال مشجّرة — عكس المقال اللي كله مشجّر.
   نفس الخطين بتوع الموقع، موزّعين بشكل مختلف على الصفحتين. */
body.theme-abfa .ab-post-body {
    max-width: 66ch;
    margin: 32px 0 0;
    font-size: 1.02rem;
    line-height: 1.85;
    color: var(--abp-ink);
    overflow-wrap: break-word;
}
body.theme-abfa .ab-post-body > p:first-of-type {
    font-family: var(--abp-serif);
    font-size: 1.16rem;
    line-height: 1.72;
    color: var(--abp-navy);
}
body.theme-abfa .ab-post-body p { margin: 0 0 1.15em; }
body.theme-abfa .ab-post-body h2,
body.theme-abfa .ab-post-body h3,
body.theme-abfa .ab-post-body h4 {
    font-family: var(--abp-serif);
    font-weight: 700;
    color: var(--abp-navy);
    margin: 1.8em 0 .5em;
    line-height: 1.35;
}
body.theme-abfa .ab-post-body h2 { font-size: 1.28rem; }
body.theme-abfa .ab-post-body h3 { font-size: 1.08rem; }
body.theme-abfa .ab-post-body h4 { font-size: 1rem; }
body.theme-abfa .ab-post-body ul,
body.theme-abfa .ab-post-body ol { margin: 0 0 1.15em; padding-inline-start: 1.35em; }
body.theme-abfa .ab-post-body li { margin-block-end: .4em; }
body.theme-abfa .ab-post-body a { color: var(--abp-navy); text-decoration: underline; }
body.theme-abfa .ab-post-body blockquote {
    margin: 1.4em 0; padding-inline-start: 18px;
    border-inline-start: 3px solid var(--abp-red);
    color: var(--abp-mute);
}
body.theme-abfa .ab-post-body img { max-width: 100%; height: auto; }
body.theme-abfa .ab-post-body iframe { max-width: 100%; }
body.theme-abfa .ab-post-body table { display: block; width: 100%; overflow-x: auto; }

/* ── المرتبطة في المدونة: تلات أسطر مسطورة، بلا صندوق وبلا جدول ──── */
body.theme-abfa .ab-brief {
    max-width: 72ch;
    margin: 46px 0 0;
    border-top: 3px solid var(--abp-navy);
    padding-block-start: 16px;
}
body.theme-abfa .ab-brief-head {
    margin: 0 0 4px;
    font-family: var(--abp-serif);
    font-weight: 400;
    font-size: 1rem;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: var(--abp-navy);
}
body.theme-abfa[dir="rtl"] .ab-brief-head { letter-spacing: 0; text-transform: none; font-size: 1.15rem; }
/* كل بند فقرة جارية: تاريخ ← عنوان ← ملخّص في نفس السطر المتصل،
   من غير ترقيم ولا سهم ولا خط منقّط (دي علامات مواقع تانية). */
body.theme-abfa .ab-brief-row {
    margin: 0;
    padding-block: 15px;
    border-top: 1px solid var(--abp-line);
    font-size: .92rem;
    line-height: 1.75;
    color: var(--abp-mute);
}
body.theme-abfa .ab-brief-when {
    font-size: .71rem; letter-spacing: .14em; text-transform: uppercase;
    color: var(--abp-red); white-space: nowrap;
    margin-inline-end: .75em;
}
body.theme-abfa[dir="rtl"] .ab-brief-when { letter-spacing: 0; text-transform: none; font-size: .82rem; }
body.theme-abfa .ab-brief-link {
    font-family: var(--abp-serif);
    font-weight: 700;
    color: var(--abp-navy);
    text-decoration: none;
    margin-inline-end: .4em;
}
body.theme-abfa .ab-brief-link:hover,
body.theme-abfa .ab-brief-link:focus-visible { text-decoration: underline; }
body.theme-abfa .ab-brief-text { color: var(--abp-mute); }

/* ── (2026-09-09) ضبط بعد القياس على الصفحتين ────────────────────────
   1) محتوى قاعدة البيانات بيستعمل h6 كعناوين أقسام جوّه النص (مش h2/h3)،
      فكانت بتطلع بحجم بوتستراب الصغير. اتضافت h5/h6 للقاعدة.
   2) فقرة الاستهلال في المدونة: النص ملفوف في div.col-md-12، فمحدّد
      الابن المباشر ما كانش بيلاقي أول فقرة.
   3) ترويسة المدونة بقت بعرض الحاوية كلها (خط أفقي طويل + عمود قراية
      ضيّق مصفوف من ناحية البداية) — ده تكوين جريدة مقصود، بدل ما الفراغ
      على اليمين يبان كأن الصفحة ناقصة. وصفحة المقال فاضلة متمركزة.
   ───────────────────────────────────────────────────────────────── */

/* عناوين الأقسام جوّه نص المقال: مشجّرة زي باقي الصفحة. */
body.theme-abfa .ab-paper-body h5,
body.theme-abfa .ab-paper-body h6 {
    font-family: var(--abp-serif);
    font-weight: 700;
    font-size: 1.06rem;
    line-height: 1.4;
    color: var(--abp-navy);
    margin: 1.9em 0 .5em;
}

/* عناوين الأقسام جوّه نص المدونة: sans غامق — عكس المقال المشجّر.
   الفرق ده بيفضل باين حتى لو حد قرا نص الصفحة من غير ما يشوف الرأس. */
body.theme-abfa .ab-post-body h2,
body.theme-abfa .ab-post-body h3,
body.theme-abfa .ab-post-body h4,
body.theme-abfa .ab-post-body h5,
body.theme-abfa .ab-post-body h6 {
    font-family: inherit;
    font-weight: 700;
    color: var(--abp-navy);
    letter-spacing: .01em;
    margin: 1.9em 0 .5em;
    line-height: 1.4;
}
body.theme-abfa .ab-post-body h2 { font-size: 1.2rem; }
body.theme-abfa .ab-post-body h3 { font-size: 1.1rem; }
body.theme-abfa .ab-post-body h4,
body.theme-abfa .ab-post-body h5,
body.theme-abfa .ab-post-body h6 { font-size: 1.02rem; }

/* فقرة الاستهلال: أول فقرة بس، مشجّرة وأكبر — علامة الخبر المطبوع.
   المحدّد بياخد أول فقرة حتى لو قبلها عنوان (محتوى المدونة بيفتح بـh6). */
body.theme-abfa .ab-post-body > p:first-of-type,
body.theme-abfa .ab-post-body > div > p:first-of-type {
    font-family: var(--abp-serif);
    font-size: 1.18rem;
    line-height: 1.7;
    color: var(--abp-navy);
    margin-block-end: 1.25em;
}

/* ترويسة المدونة بعرض الحاوية: الخط الأفقي المزدوج بيمتد لآخر الصفحة،
   والعنوان وعمود القراية فاضلين على مقاس قراية معقول. */
body.theme-abfa .ab-post-head { max-width: none; }
body.theme-abfa .ab-post-title { max-width: 15em; }
/* التاريخ في أول الخط والتخصص في آخره — توزيع ترويسة جريدة. */
body.theme-abfa .ab-post-sep { margin-inline-start: auto; }

/* سطر المرتبطة: الخط الفاصل بعرض الحاوية، والكلام على مقاس قراية. */
body.theme-abfa .ab-brief { max-width: none; }
body.theme-abfa .ab-brief-row { max-width: 76ch; }

@media (max-width: 767px) {
    /* على الموبايل الفراغ مش موجود أصلاً، فالتاريخ والتخصص يفضلوا
       ورا بعض بدل ما يتفرقوا على طرفي سطر ضيّق. */
    body.theme-abfa .ab-post-sep { margin-inline-start: 0; }
}

/* (2026-09-09) الموبايل: التاريخ والتخصص كانوا بيقعوا على سطرين لأن قاعدة
   td{display:block} أقوى في الترجيح من قاعدة الكلاس لوحده. الكلاس اتربط
   بالعنصر عشان يكسبها ويرجّعهم على سطر واحد. */
@media (max-width: 767px) {
    body.theme-abfa .ab-reg-table td.ab-reg-c-date,
    body.theme-abfa .ab-reg-table td.ab-reg-c-cat { display: inline; }
}

/* (2026-09-09) al-blatat kanet 3 fi saf 3ala 850px = 267px lil-wahda, fat-tareekh
   kan biyilef 3ala satren wal-blata baqet tawila fadya. blatten fi saf, wal-kalam
   biyimtad 3ala 3ard al-blata. */
body.theme-abfa.pg-training-courses .session-card-wrapper > [class*="col-"]{
    flex:0 0 50%!important;max-width:50%!important;
}
/* (2026-09-18) على الموبايل عمودين من ١٥١px كانوا بيقصّوا التاريخ وخانة
   المدينة والسعر وزرار التسجيل — بطاقة في الصف. */
@media (max-width: 767px){
    body.theme-abfa.pg-training-courses .session-card-wrapper > [class*="col-"]{
        flex:0 0 100%!important;max-width:100%!important;
    }
}
body.theme-abfa.pg-training-courses .session-card > ul{padding:22px 26px 12px!important}
body.theme-abfa.pg-training-courses .session-card li{white-space:nowrap}
/* (2026-09-18) أيقونة التاريخ ١١px واللغة/المدينة ٢٠px، فنص التاريخ كان لازق في
   الأيقونة وأبعد ٩px شمال باقي البنود. نفس عرض عمود الأيقونة للتلاتة. */
body.theme-abfa.pg-training-courses .session-card li > i.icon-style{
    flex:0 0 20px;width:20px;text-align:center;margin-inline-end:8px}
body.theme-abfa.pg-training-courses .session-card .price-box{
    display:inline-flex;align-items:baseline;gap:10px;margin-bottom:14px;
}
body.theme-abfa.pg-training-courses .session-card .price-tag{display:flex;align-items:baseline;gap:10px}
body.theme-abfa.pg-training-courses .session-card .price-tag .clearfix{display:none}
body.theme-abfa.pg-training-courses .session-card .fee-usd{font-size:1.15rem;color:#012169}

/* (2026-09-09) نفس الطلب: كان 68ch (٥١٤px) جوّه عمود ٨٨٠px. */
body.theme-abfa .ab-cd-body p,
body.theme-abfa .ab-cd-body li { max-width: none; }

/* ─────────────────────────────────────────────────────────────
   (2026-09-09) بطاقة Schedule & Fees: التصميم مش احترافي

   كانت عمود متمركز: صندوق سعر بحدود فوق (238×78)، تحته التاريخ واللغة
   والمدينة كل واحد في سطر متمركز، وتحتهم الزرار — 413×284 لمحتوى
   بيتقرا في تلت المساحة، والصندوق مش مصفوف مع أي حاجة تحته.

   بدلها بلاطة منضبطة: التاريخ عنوان البلاطة (serif كحلي)، تحته اللغة
   والمدينة في سطر، خط شعري، وآخر سطر السعر شمال والتسجيل يمين.
   الإطار المزدوج وشريط العلمين — أداة أبفا — زي ما هما.
   ───────────────────────────────────────────────────────────── */
body.theme-abfa.pg-training-courses .session-card{
    align-items:stretch;text-align:start;
}
body.theme-abfa.pg-training-courses .session-card > ul{
    align-items:flex-start;padding:16px 20px 12px!important;gap:6px;
}
body.theme-abfa.pg-training-courses .session-card li{justify-content:flex-start}
body.theme-abfa.pg-training-courses .session-card li:first-child{
    font-size:1.12rem;width:100%;padding-bottom:10px;
    border-bottom:1px solid rgba(1,33,105,.14);margin-bottom:4px;
}
/* اللغة والمدينة في سطر واحد */
body.theme-abfa.pg-training-courses .session-card > ul{flex-direction:row;flex-wrap:wrap}
body.theme-abfa.pg-training-courses .session-card > ul > li{flex:0 0 auto;margin-inline-end:22px}

/* آخر سطر: السعر شمال والتسجيل يمين */
body.theme-abfa.pg-training-courses .session-card .price-box{
    order:2;border:0!important;background:transparent!important;
    padding:0 20px!important;margin:0!important;align-self:flex-start;
}
body.theme-abfa.pg-training-courses .session-card .price-tag{
    flex-direction:row;align-items:baseline;gap:8px;
}
body.theme-abfa.pg-training-courses .session-card > .text-end{
    order:3;
    /* (2026-09-12) طلب صريح: "الاسعار دخلة على الكلام" في النسخة العربية.
       الاختصار كان margin:-30px 20px 16px auto — وmargin-left:auto خاصية فيزيائية
       مابتقلبش مع الاتجاه: في الإنجليزي بتزقّ الزر بعيد عن السعر (السعر أول الكارت
       على الشمال)، وفي العربي السعر بيروح لليمين والزر يفضل مزقوق لنفس الناحية
       فيقع فوق السعر — القياس: تداخل 82x24 في كل الكروت التسعة.
       الخصائص المنطقية بتدي نفس النتيجة في الإنجليزي وبتنعكس صح في العربي. */
    margin-block-start:-30px!important;margin-inline-end:20px!important;
    margin-block-end:16px!important;margin-inline-start:auto!important;
}
/* (2026-09-18) على الموبايل البطاقة ~٢٩٠px: السعر (١٦٨px) + الزرار (١٢١px) مش
   بيتساعوا جنب بعض، والـmargin السالب (-٣٠px) كان بيركّب الزرار على "Per
   participant". الزرار ينزل تحت السعر بمسافة بسيطة. */
@media (max-width: 767px){
    body.theme-abfa.pg-training-courses .session-card > .text-end{
        margin-block-start:6px!important;margin-inline-start:20px!important;text-align:start!important;
    }
}
body.theme-abfa.pg-training-courses .session-card .btn{border-radius:0!important;padding:8px 20px!important}
body.theme-abfa.pg-training-courses .session-card .price-tag{
    background:transparent!important;border:0!important;padding:0!important;
}

/* ─────────────────────────────
   (2026-09-09) نوافذ الاستفسار والاتصال: كانت بنفس الشكل بالحرف
   في كل المواقع (رأس رمادي، حقول صناديق، زرار بعرض النافذة) —
   والفرق لون بس. الاختلاف هنا في المعمار: مكان العنوان، شكل
   الحقل، واستدارة الزرار وعرضه. الـmarkup ومعرّفات الحقول
   (سيلزفورس) ما اتلمستش.
   ملحوظة تانية: العلامة على h2 بلا كلاس (+ .inst-logos-h) بس.
   كانت على كل h2 فنزلت على حاجات مش عناوين أقسام: تسمية حقل
   (PHONE)، سطر مسار (ARCHIVE / DOWNLOADS)، سؤال في الأسئلة
   الشائعة، وعنوان تمهيدي ارتفاعه 17px. العناوين المشتركة للأقسام
   بتتكتب <h2> بلا كلاس، واللي ليه كلاس عنده تنسيقه في ثيمه.
   ───────────────────────────── */

/* نافذة أبفا: إطار مزدوج، عنوان serif متمركز وتحته خط أحمر قصير،
   حقول قائمة الزوايا، وزرار مربّع أحمر — نفس بلاطة الشعار. */
body.theme-abfa .modal-content{border:2px solid #012169;border-radius:0;box-shadow:0 0 0 4px #fff,0 0 0 5px #C8102B}
body.theme-abfa .modal-header{background:transparent;border:0;padding:20px 22px 6px;justify-content:center;position:relative}
body.theme-abfa .modal-title{
    color:#012169;font-family:Georgia,"Times New Roman",serif;font-size:1.16rem;
    text-align:center;width:100%;letter-spacing:.04em}
body.theme-abfa .modal-header::after{content:"";position:absolute;bottom:0;left:50%;margin-left:-22px;width:44px;height:2px;background:#C8102B}
body.theme-abfa .modal-header .close{position:absolute;inset-inline-end:14px;top:14px}
body.theme-abfa .modal-content > p{padding:16px 26px 0;color:#5b6478;font-size:.87rem;text-align:center}
body.theme-abfa .modal-body .form-control{border:1px solid #cfd6e6!important;border-radius:0!important}
body.theme-abfa .modal-body .form-control:focus{border-color:#012169!important;box-shadow:none!important}
body.theme-abfa .modal-body .btn-primary{border-radius:0!important;background:#C8102B!important;border-color:#C8102B!important;font-weight:700;letter-spacing:.06em;text-transform:uppercase}

/* ─────────────────────────────
   (2026-09-09) صفحة الشروط والخصوصية: كانت بنفس التخطيط بالحرف
   في الـ12 موقع — كتلة نص واحدة بنفس تسلسل البنود، والفرق لون بس.
   النص القانوني ما اتغيّرش ولا حرف؛ اللي اتغيّر طريقة العرض:
   ترقيم البنود، عدد الأعمدة، عرض سطر القراءة، وشكل العنوان.
   ───────────────────────────── */

/* أبفا — بلاطة بإطار مزدوج: عنوان serif متمركز وتحته خط أحمر قصير،
   والنص مضبوط الطرفين في عمود واحد. */
body.theme-abfa.pg-policy-page .common-listing-section-wrap .box4{
    border:2px solid #012169;padding:26px 30px;
    box-shadow:0 0 0 4px #fff,0 0 0 5px #C8102B}
body.theme-abfa.pg-policy-page .common-listing-section-wrap .box4 h5{
    text-align:center;margin:34px 0 6px;padding-bottom:10px;position:relative;
    font-family:Georgia,"Times New Roman",serif;font-size:1.06rem;color:#012169}
body.theme-abfa.pg-policy-page .common-listing-section-wrap .box4 h5::after{
    content:"";position:absolute;bottom:0;left:50%;margin-left:-20px;
    width:40px;height:2px;background:#C8102B}
body.theme-abfa.pg-policy-page .common-listing-section-wrap .box4 p{text-align:justify;line-height:1.85}

/* ─────────────────────────────
   (2026-09-09) خريطة الموقع: كانت نفس القائمة بنفس عدد الأعمدة
   في الـ12 موقع. الروابط ما اتغيّرتش — اللي اتغيّر عدد الأعمدة
   وشكل عنوان المجموعة والفواصل.
   ───────────────────────────── */

/* أبفا — بلاطات بإطار مزدوج: كل مجموعة جوّه بلاطة، عنوان serif
   متمركز، وعمودين. */
body.theme-abfa.page-sitemap h5.no-margin{
    margin:26px 0 0;padding:12px 16px 10px;text-align:center;
    border:2px solid #012169;border-bottom:0;
    font-family:Georgia,"Times New Roman",serif;font-size:1rem;color:#012169}
body.theme-abfa.page-sitemap .sitemap-list{
    column-count:2;column-gap:40px;margin:0 0 8px!important;
    border:2px solid #012169;border-top:1px solid #C8102B;padding:14px 18px}
body.theme-abfa.page-sitemap .sitemap-list li{padding:4px 0}

/* ─────────────────────────────
   (2026-09-09) اللمسة الفنية: علامة واحدة مميّزة للموقع

   كل معهد له علامة بتتكرّر على عناوين الأقسام (h2) في كل صفحاته.
   العلامة مشتقّة من أداة الموقع نفسها، فهي بتقوّي الهوية بدل ما
   تكون زينة عشوائية. CSS و::before/::after بس — مفيش تغيير markup.
   ملحوظة: العلامة على عناوين الأقسام (h2) بس. عنوان الصفحة في البنر
   عنده علامته الخاصة في كل ثيم أصلاً بمحدّدات فيها id، ومحاولة
   إضافة علامة تانية فوقها كانت بتتغلب أو تتلخبط معاها.
   ───────────────────────────── */

/* أبفا — شعار: خط مزدوج تحته معيّن صغير. */
body.theme-abfa h2:not([class]),
body.theme-abfa h2.inst-logos-h{position:relative;padding-bottom:16px}
body.theme-abfa h2:not([class])::before,
body.theme-abfa h2.inst-logos-h::before{
    content:"";position:absolute;bottom:6px;inset-inline-start:0;
    width:64px;height:3px;border-top:1px solid #012169;border-bottom:1px solid #C8102B}
body.theme-abfa h2:not([class])::after,
body.theme-abfa h2.inst-logos-h::after{
    content:"";position:absolute;bottom:3px;inset-inline-start:30px;
    width:7px;height:7px;background:#C8102B;transform:rotate(45deg)}

/* ─────────────────────────────
   (2026-09-10) تكملة فكّ التجمّع في قوائم الدورات

   بعد الدفعة الأولى فضل أربعة متقاربين: أبفا لسه كروت مصوّرة
   ٤ في الصف، وبلَس/عُمان/عربي كروت متشابهة بأعداد أعمدة مختلفة.
   كل واحد هنا بياخد أداته من DESIGN-SYSTEMS.md.
   ───────────────────────────── */

/* أبفا — بلاطة بإطار مزدوج: كانت آخر موقع لسه على "كروت مصوّرة ٤ في
   الصف". الصورة اتشالت، والبلاطة بقت تلاتة في الصف بإطار مزدوج
   (كحلي جوّه أحمر) وعنوان serif — نفس أداة الشعار والأغلفة. */
body.theme-abfa.pg-training-courses #category_course_list,
body.theme-abfa.pg-training-courses #course_list,
body.theme-abfa.pg-training-courses .inst-tc #category_course_list,
body.theme-abfa.pg-training-courses .inst-tc #course_list{
    display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px}
/* (2026-09-18) ٣ أعمدة ثابتة على كل المقاسات — على الموبايل (400px) كل بطاقة
   كانت ٩٠px فالنص بيتراكب على بعضه (إنجليزي وعربي). عمودين على التابلت،
   وعمود واحد على الموبايل. */
@media (max-width: 991px) {
    body.theme-abfa.pg-training-courses #category_course_list,
    body.theme-abfa.pg-training-courses #course_list,
    body.theme-abfa.pg-training-courses .inst-tc #category_course_list,
    body.theme-abfa.pg-training-courses .inst-tc #course_list {
        grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px}
}
@media (max-width: 575.98px) {
    body.theme-abfa.pg-training-courses #category_course_list,
    body.theme-abfa.pg-training-courses #course_list,
    body.theme-abfa.pg-training-courses .inst-tc #category_course_list,
    body.theme-abfa.pg-training-courses .inst-tc #course_list {
        grid-template-columns:minmax(0,1fr)!important}
}
body.theme-abfa.pg-training-courses .courselist-style-inside .courselisting{
    display:block!important;border:2px solid #012169!important;border-radius:0!important;
    box-shadow:0 0 0 3px #fff,0 0 0 4px #C8102B!important;
    padding:16px 18px!important;background:#fff!important;height:100%}
body.theme-abfa.pg-training-courses .courselist-style-inside .courselisting .course-image{display:none!important}
body.theme-abfa.pg-training-courses .courselist-style-inside .courselisting .course-title{
    font-family:Georgia,"Times New Roman",serif;font-size:.96rem;line-height:1.45;
    text-align:center;padding-bottom:10px;margin-bottom:10px;position:relative}
body.theme-abfa.pg-training-courses .courselist-style-inside .courselisting .course-title::after{
    content:"";position:absolute;bottom:0;left:0;right:0;margin-inline:auto;
    width:36px;height:2px;background:#C8102B}
body.theme-abfa.pg-training-courses .courselist-style-inside .courselisting .course-date,
body.theme-abfa.pg-training-courses .courselist-style-inside .courselisting .course-language,
body.theme-abfa.pg-training-courses .courselist-style-inside .courselisting .course-location{
    display:block;text-align:center;font-size:.78rem;margin-bottom:3px}

/* ─────────────────────────────
   (2026-09-10) صفحة تفاصيل المقال: فكّ التشابه

   تمن مواقع كانت بنفس الشكل — عمود نص واحد في النص بعرض
   490-694px. أسماء الحاويات مختلفة في كل ثيم بس الصورة واحدة.
   اللي بيفرق شكل صفحة نص: عدد الأعمدة، عرض سطر القراءة، ووجود
   إطار أو عمود جانبي. النص نفسه ما اتغيّرش.
   ───────────────────────────── */

/* أبفا — بلاطة بإطار مزدوج: نفس إطار الشعار والأغلفة حوالين المتن. */
body.theme-abfa.pg-post-page .ab-paper-plate-in{
    border:2px solid #012169;box-shadow:0 0 0 4px #fff,0 0 0 5px #C8102B;
    padding:30px 36px;background:#fff}
body.theme-abfa.pg-post-page .ab-paper-plate-in h2,
body.theme-abfa.pg-post-page .ab-paper-plate-in h3{
    text-align:center;position:relative;padding-bottom:12px}
body.theme-abfa.pg-post-page .ab-paper-plate-in h2::after,
body.theme-abfa.pg-post-page .ab-paper-plate-in h3::after{
    content:"";position:absolute;bottom:0;left:0;right:0;margin-inline:auto;
    width:36px;height:2px;background:#C8102B}

/* ─────────────────────────────
   (2026-09-10) صفحة التسجيل: تمييز شكل الاستمارة

   الاستمارة عمود واحد في كل المواقع والحرية المعمارية محدودة —
   الحقول ومعرّفاتها مربوطة بسيلزفورس وما ينفعش تتغيّر. اللي اتغيّر
   شكل الحقل نفسه وشكل عنوان الخطوة ووجود إطار.
   الهوك #register-section — مفيش كلاس page-register على الـbody.
   ───────────────────────────── */

/* أبفا — بلاطة بإطار مزدوج: الاستمارة كلها جوّه إطار كحلي/أحمر،
   والحقول قائمة الزوايا وعناوين الخطوات متمركزة serif. */
body.theme-abfa #register-section .container > .row > [class*="col-"]:first-child{
    border:2px solid #012169;box-shadow:0 0 0 4px #fff,0 0 0 5px #C8102B;
    padding:28px 32px;background:#fff}
body.theme-abfa #register-section .form-control{
    border:1px solid #cfd6e6!important;border-radius:0!important}
body.theme-abfa #register-section .form-control:focus{border-color:#012169!important;box-shadow:none!important}
body.theme-abfa #register-section h4,
body.theme-abfa #register-section h5{
    text-align:center;font-family:Georgia,"Times New Roman",serif;color:#012169;
    position:relative;padding-bottom:12px}
body.theme-abfa #register-section h4::after,
body.theme-abfa #register-section h5::after{
    content:"";position:absolute;bottom:0;left:0;right:0;margin-inline:auto;
    width:36px;height:2px;background:#C8102B}

/* ─────────────────────────────
   (2026-09-10) أيقونة الصيغة: الحضوري غير الافتراضي

   الأيقونة كانت واحدة للحالتين — "حضورية" و"افتراضية" بنفس الرمز.
   الصف الافتراضي عليه كلاس `.virtual` فهو اللي بيفرّق.

   الرمز المختار هنا مش مستعمل كأيقونة صيغة في أي معهد تاني، ولا
   بيساوي أيقونة الحضوري بتاعة المعهد ده — عشان الأطقم تفضل
   مختلفة بين المواقع زي ما هي.
   ───────────────────────────── */
body.theme-abfa.pg-training-courses .courselisting.virtual .course-language .bi-bookmarks-fill::before{content:"\f21f"} /* camera-video */

/* ─────────────────────────────
   (2026-09-10) سجل المقالات والمدونات من غير تاريخ

   نص التاريخ اتشال من القالب، والغلاف الفاضي بيتخفي هنا عشان
   ما يسيبش فراغ (ولا أيقونة نتيمة في حالة القادة، ولا عمود
   فاضي في جدول السعودي).
   ───────────────────────────── */
body.theme-abfa .abp-pros-date{display:none}

/* ─────────────────────────────
   (2026-09-11) صفحة نتايج البحث: فكّ التشابه

   المراجعة الشاملة طلّعت إن الصفحة دي هي الوحيدة اللي لسه بنفس
   التخطيط بالحرف في الـ11 موقع — نفس الكرت ونفس ترتيب البيانات،
   والفرق لون الزرار والحدّ بس. كل موقع بياخد أداته.
   ───────────────────────────── */
/* أبفا — بلاطة بإطار مزدوج وعنوان serif متمركز تحته خط أحمر. */
body.theme-abfa.pg-search-page .courselisting{
    border:2px solid #012169!important;border-radius:0!important;
    box-shadow:0 0 0 4px #fff,0 0 0 5px #C8102B!important;
    background:#fff!important;padding:20px 24px!important;margin-bottom:26px}
body.theme-abfa.pg-search-page .course-title h6{
    text-align:center;font-family:Georgia,serif;position:relative;padding-bottom:12px}
body.theme-abfa.pg-search-page .course-title h6::after{
    content:'';position:absolute;bottom:0;left:50%;margin-left:-18px;
    width:36px;height:2px;background:#C8102B}
body.theme-abfa.pg-search-page .custom-head-additional{
    background:#012169!important;color:#fff!important;border-radius:0!important}
body.theme-abfa.pg-search-page .course-details-wrap{
    background:#fff!important;border:1px solid #cfd6e6!important;border-radius:0!important}


/* (2026-09-11) سهم الرجوع لفوق: كان نفس الزرار في الـ11 موقع (مربع 31px
   بأيقونة دايرة). كل موقع بقى له شكله؛ السهم مرسوم بـCSS بدل الأيقونة. */
body.theme-abfa #back-to-top{box-sizing:border-box;padding:0;overflow:visible}
body.theme-abfa #back-to-top i{display:none}
body.theme-abfa #back-to-top::before{content:'';position:absolute;left:50%;top:50%;
    width:10px;height:10px;border-top:2px solid currentColor;border-left:2px solid currentColor;
    transform:translate(-50%,-25%) rotate(45deg)}
body.theme-abfa #back-to-top{width:48px;height:48px;border:0!important;border-radius:50%!important;
    background:var(--site-accent,#0096d4)!important;color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.2)}
body.theme-abfa #back-to-top::before{top:40%}
body.theme-abfa #back-to-top::after{content:'';position:absolute;left:50%;top:38%;width:2px;height:15px;
    background:currentColor;transform:translateX(-50%)}

/* ─────────────────────────────
   (2026-09-12) "ليسوا في مستوى واحد" — طلب صريح، والاختيار: القص زي المعهد.
   العنوان سطر أو سطرين، فالتاريخ والكلام والزرار تحته كانوا بينزلوا معاه.
   ارتفاع ثابت = سطرين × 18.58 + 10 (حشوة تحت) ≈ 47px.
   ───────────────────────────── */
body.theme-abfa.pg-training-courses #course_list .course-title,
body.theme-abfa.pg-training-courses #category_course_list .course-title,
body.theme-abfa.pg-training-courses #category_course_list_by_name .course-title,
body.theme-abfa.pg-training-courses #coursefinder_list_courses .course-title{
    display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;
    overflow:hidden;height:47px!important;box-sizing:border-box}

/* (2026-09-12) "زر Clear غير مطابق في التصميم لباقي الفلتر" — طلب صريح.
   القوايم الخمسة 34px بحد كحلي 1px، وClear كان 36px من غير أي حد — فكان باين
   كمربع أبيض سايب جنبهم. بقى بنفس الطول والحد والخط. */
body.theme-abfa.pg-training-courses #common-filter-box-modal-one .menu-two.darkblue-color{
    height:34px!important;min-height:34px!important;padding:0 16px!important;
    border:1px solid #012169!important;border-radius:0!important;
    background:#fff!important;color:#012169!important;
    display:inline-flex!important;align-items:center;justify-content:center;
    font-size:13.12px!important;font-weight:400!important;line-height:1!important;margin-top:0!important}
body.theme-abfa.pg-training-courses #common-filter-box-modal-one .menu-two.darkblue-color:hover{
    background:#012169!important;color:#fff!important}

/* (2026-09-12) صفحة التخصص: الكروت فيها دورات بـ3 كبسولات ودورات بـ2 (الأونلاين من غير
   مدينة)، والكرت block — فزرار التسجيل بياخد مكانه على حسب طول المحتوى: فرق 25px على
   الديسكتوب و44px على الموبايل. عمود مرن والفورم متزوق للقاع. */
body.theme-abfa.pg-training-courses .courselist-style-inside .courselisting,
body.theme-abfa.pg-training-courses .courselist-style-inside .courselisting.virtual,
body.theme-abfa.pg-training-courses .inst-tc .courselist-style-inside .courselisting,
body.theme-abfa.pg-training-courses .inst-tc .courselist-style-inside .courselisting.virtual{
    display:flex!important;flex-direction:column!important;align-items:stretch!important;height:100%}
body.theme-abfa.pg-training-courses .courselist-style-inside .courselisting > form,
body.theme-abfa.pg-training-courses .inst-tc .courselist-style-inside .courselisting > form{
    margin-top:auto!important}


/* ─────────────────────────────
   (2026-09-12) ترتيب خانات الفلتر ومحرّك البحث — طلب صريح:
   "ننوّع في ترتيب الخانات مع الاحتفاظ دايمًا بالاسم في مكانه، بحيث ميبقاش
   موقع شبه التاني في الترتيب".

   الترتيب هنا بالـCSS بس (order) — الحقول نفسها ما اتلمستش: نفس الأسماء
   ونفس الـids اللي الفلتر والـJS بيقروها، ونفس الحقول المخفية.
   خانة اسم الدورة (search-input-main) سايبينها في مكانها الأول دايمًا.
   المعهد مستنّى: كل القواعد مربوطة بـbody.theme-abfa.
   ───────────────────────────── */

body.theme-abfa.pg-training-courses #common-filter-box-modal-one #sort_city{order:1}
body.theme-abfa.pg-training-courses #common-filter-box-modal-one #sort_course_year{order:2}
body.theme-abfa.pg-training-courses #common-filter-box-modal-one #sort_month{order:3}
body.theme-abfa.pg-training-courses #common-filter-box-modal-one #sort_lang{order:4}
body.theme-abfa.pg-training-courses #common-filter-box-modal-one #sort_cat{order:5}
body.theme-abfa .modal .form-group.row > .search-input-main{order:0}
body.theme-abfa .modal .form-group.row > .lang-id{order:1}
body.theme-abfa .modal .form-group.row > .year-search{order:2}
body.theme-abfa .modal .form-group.row > .course-type{order:3}
body.theme-abfa .modal .form-group.row > .month-search{order:4}
body.theme-abfa .modal .form-group.row > .city-id{order:5}
body.theme-abfa .modal .form-group.row > .category-id{order:6}

/* (2026-09-12) زرار Clear وزرار الكتيب وزرار البحث يفضلوا في مكانهم في الآخر:
   في flex أي عنصر order:0 بيسبق اللي عنده order:1، فلما الخانات اتظبطت 1..5
   الزراير كانت هتقفز لقدّام. هنا بيتثبتوا بعد الخانات. */
body.theme-abfa.pg-training-courses #common-filter-box-modal-one .menu-two.darkblue-color{order:90}
body.theme-abfa.pg-training-courses #common-filter-box-modal-one .menu-two.purple-color,
body.theme-abfa.pg-training-courses #common-filter-box-modal-one #download_brochure_category{order:91}
body.theme-abfa .modal .form-group.row > .search-btn-main,
body.theme-abfa .modal .form-group.row > [class*="search-btn"],
body.theme-abfa .modal .form-group.row > .col-md-12:last-child{order:99}

/* ─────────────────────────────
   (2026-09-12) ترتيب خانات فورمات الاستفسار/الكتيب/اتصل بيا — طلب صريح:
   ننوّع الترتيب بين المواقع مع إبقاء خانات الاسم في مكانها.

   الاسم الأول والأخير ثابتين فوق، وزرار الإرسال ثابت تحت (order:99 فوق)،
   واللي بيتنقل: الشركة / الإيميل / التليفون / الرسالة.
   بالـCSS بس (order + :has) — الحقول وأسماءها وids زي ما هي.
   ───────────────────────────── */

body.theme-abfa .modal .form-group.row > div:has(#first_name_qe){order:1}
body.theme-abfa .modal .form-group.row > div:has(#last_name_qe){order:2}
body.theme-abfa .modal .form-group.row > div:has(#first_name_cb){order:1}
body.theme-abfa .modal .form-group.row > div:has(#last_name_cb){order:2}
body.theme-abfa .modal .form-group.row > div:has(#first_name_db){order:1}
body.theme-abfa .modal .form-group.row > div:has(#last_name_db){order:2}
body.theme-abfa .modal .form-group.row > div:has(#phone_qe){order:3}
body.theme-abfa .modal .form-group.row > div:has(#company_qe){order:4}
body.theme-abfa .modal .form-group.row > div:has(#comments_qe){order:5}
body.theme-abfa .modal .form-group.row > div:has(#email_qe){order:6}
body.theme-abfa .modal .form-group.row > div:has(#phone_cb){order:3}
body.theme-abfa .modal .form-group.row > div:has(#company_cb){order:4}
body.theme-abfa .modal .form-group.row > div:has(#email_db){order:3}
body.theme-abfa .modal .form-group.row > div:has(#company_db){order:4}
body.theme-abfa .modal .form-group.row > div:has(#phone_cb){order:5}

/* ─────────────────────────────
   (2026-09-12) "نوّعت بس في حاجات طويلة وحاجات قصيرة — خلي الشكل قد بعض" — طلب صريح.
   خانات النافذة أصلاً بعرض مختلف (col-md-3 / col-md-2 / col-md-1)، فبعد ما الترتيب
   اتغيّر بقى في خانة طويلة وخانة قصيرة جنب بعض. هنا: اسم الدورة وزرار البحث بعرض
   كامل، والست قوايم كلها نص العرض بالظبط — فالشكل منتظم مهما كان الترتيب.
   ───────────────────────────── */
body.theme-abfa .modal .form-group.row > .search-input-main,
body.theme-abfa .modal .form-group.row > .search-btn-main{flex:0 0 100%!important;max-width:100%!important}
body.theme-abfa .modal .form-group.row > .course-type,
body.theme-abfa .modal .form-group.row > .category-id,
body.theme-abfa .modal .form-group.row > .city-id,
body.theme-abfa .modal .form-group.row > .lang-id,
body.theme-abfa .modal .form-group.row > .month-search,
body.theme-abfa .modal .form-group.row > .year-search{flex:0 0 50%!important;max-width:50%!important}
@media (max-width:575px){
    body.theme-abfa .modal .form-group.row > .course-type,
    body.theme-abfa .modal .form-group.row > .category-id,
    body.theme-abfa .modal .form-group.row > .city-id,
    body.theme-abfa .modal .form-group.row > .lang-id,
    body.theme-abfa .modal .form-group.row > .month-search,
    body.theme-abfa .modal .form-group.row > .year-search{flex:0 0 100%!important;max-width:100%!important}
}

/* ─────────────────────────────
   (2026-09-12) "الهيكل العام متقارب" — طلب صريح.
   توحيد العرض خلّى كل النوافذ بنفس الهيكل (اسم فوق + تلات صفوف اتنين‑اتنين + زرار).
   هنا كل موقع له شكل شبكة مختلف: عمودين 70/30.
   الاسم فوق دايمًا وزرار البحث تحت، والترتيب اللي اتظبط قبل كده زي ما هو.
   ───────────────────────────── */

body.theme-abfa .modal .form-group.row > .course-type{flex:0 0 33.333%!important;max-width:33.333%!important}
body.theme-abfa .modal .form-group.row > .category-id{flex:0 0 100%!important;max-width:100%!important}
body.theme-abfa .modal .form-group.row > .city-id{flex:0 0 33.334%!important;max-width:33.334%!important}
body.theme-abfa .modal .form-group.row > .lang-id{flex:0 0 50%!important;max-width:50%!important}
body.theme-abfa .modal .form-group.row > .month-search{flex:0 0 33.333%!important;max-width:33.333%!important}
body.theme-abfa .modal .form-group.row > .year-search{flex:0 0 50%!important;max-width:50%!important}
@media (max-width:575px){
    /* (2026-09-12) طلب صريح: شكل بوب-أب البحث على الموبايل يتنوّع زي الديسكتوب.
       كان كل المواقع بتسطّح الست خانات لـ100% فطلعوا 8 صفوف متطابقة.
       العروض موزّعة حسب الترتيب المرئي لهذا الموقع تحديدًا (الترتيب مختلف
       من موقع لموقع) عشان كل صف يملا عرضه من غير فراغات.
       الاسم فوق وزرار البحث تحت زي ما اتفقنا. ليدرز ليه شكله الخاص أصلًا. */
    body.theme-abfa .modal .form-group.row > .lang-id{flex:0 0 50%!important;max-width:50%!important}
    body.theme-abfa .modal .form-group.row > .year-search{flex:0 0 50%!important;max-width:50%!important}
    body.theme-abfa .modal .form-group.row > .course-type{flex:0 0 50%!important;max-width:50%!important}
    body.theme-abfa .modal .form-group.row > .month-search{flex:0 0 50%!important;max-width:50%!important}
    body.theme-abfa .modal .form-group.row > .city-id{flex:0 0 100%!important;max-width:100%!important}
    body.theme-abfa .modal .form-group.row > .category-id{flex:0 0 100%!important;max-width:100%!important}
}

/* (2026-09-12) العرض حسب ترتيب العرض الفعلي — الصفوف بتملا بالكامل */

/* (2026-09-12) "ارفع الكلام لفوق وقلل المسافة الفاضية" — طلب صريح.
   بنر صفحة الدورات كان فيه فراغ تحت الكلام (89px) والعنوان نازل 52px من فوق. */
body.theme-abfa.pg-training-courses #common-banner-section-image{padding-top:10px!important;padding-bottom:0!important}
body.theme-abfa.pg-training-courses #common-banner-section-image .common-banner-text{padding-block:0!important}
body.theme-abfa.pg-training-courses #common-banner-section-image h1{margin-top:0!important}
body.theme-abfa.pg-training-courses #common-banner-section-image .common-banner-section-box{padding-block:14px!important}
body.theme-abfa.pg-training-courses #common-banner-section-image p:last-of-type{margin-bottom:0!important}


/* (2026-09-12) طلب صريح: كلام بنر /training-courses ياخد عرض الصفحة كله عشان عدد السطور يقل.
   الخلفية هنا لون/زخرفة كاملة العرض، فمافيش شكل على اليمين الكلام يدخل تحته. */
body.theme-abfa.pg-training-courses #common-banner-section-image .common-banner-text{max-width:none}

/* (2026-09-12) طلب صريح: نفس فرد الكلام في بنر صفحات الأقسام
   (#common-banner-section-icon) زي ما اتعمل في /training-courses. */
body.theme-abfa.pg-training-courses #common-banner-section-icon .common-banner-text{max-width:none}

/* (2026-09-12) طلب صريح: ترتيب خانات محرّك البحث في صفحة نتائج البحث يتنوّع في كل
   معهد. خانة الاسم تفضل أول واحدة بعد العنوان وزرار البحث آخر واحد (نفس القاعدة
   المتفق عليها). الغلاف .form-group.row أصلاً flex فالـorder بتشتغل عليه.
   الفواصل (.space10/.space20) ارتفاعها صفر والمسافة جاية من margin-top بتاعها —
   ولو اتسابت مكانها هتتجمّع فوق لما الخانات تترتّب، فاتشالت والمسافة بقت row-gap.
   المعهد مالوش theme-* ولا pg-search-page على الـbody فمستحيل توصله القاعدة دي. */
body.theme-abfa.pg-search-page .search-results-wrap-left .form-group{row-gap:10px}
body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .space10,body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .space20{display:none}
body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .search-input-main:first-child{order:0;margin-bottom:6px}
body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .search-input-main:not(:first-child){order:1}
body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .category-id{order:2}
body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .city-id{order:3}
body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .course-type{order:4}
body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .lang-id{order:5}
body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .year-search{order:6}
body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .month-search{order:7}
body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .search-btn-main{order:9;margin-top:8px}

/* (2026-09-12) طلب صريح: "نوّع في أشكاله وهيكله" — صفحة نتايج البحث كانت
   نسخة واحدة في كل المعاهد (عمود 320px شمال + نتايج يمين) والفرق اللون بس.
   التنويع كله CSS: مفيش لمس للماركب ولا لأسماء الحقول. خانة الاسم أول واحدة
   وزرار البحث آخر واحد زي ما اتفقنا. المعهد مالوش theme-* ولا pg-search-page. */
/* هيكل: خانات مرقّمة كخطوات — كل خانة تايل بحدود ورقمها في دايرة جنبها.
   الرقم مكتوب صراحةً لكل خانة مش بعدّاد CSS: العدّاد بيعد بترتيب الـDOM،
   والترتيب هنا متغيّر بـorder فكانت الأرقام هتطلع مبعثرة. */
body.theme-abfa.pg-search-page .search-results-wrap-left .box{background:#fff!important;border:1px solid #e2e6ef;border-radius:12px;padding:16px}
body.theme-abfa.pg-search-page .search-results-wrap-left .form-group{row-gap:10px}
body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .search-input-main:not(:first-child){margin-bottom:2px}
body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .category-id,body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .city-id,body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .course-type,body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .lang-id,body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .year-search,body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .month-search{position:relative;padding-inline-start:40px;padding-top:6px;padding-bottom:6px;border:1px solid #e6e9f2;border-radius:10px;background:#fbfcfe}
body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .category-id::before,body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .city-id::before,body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .course-type::before,body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .lang-id::before,body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .year-search::before,body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .month-search::before{position:absolute;inset-inline-start:9px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:50%;background:#10225c;color:#fff;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center}
body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .category-id::before{content:'1'}
body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .city-id::before{content:'2'}
body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .course-type::before{content:'3'}
body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .lang-id::before{content:'4'}
body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .year-search::before{content:'5'}
body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .month-search::before{content:'6'}
body.theme-abfa.pg-search-page .search-results-wrap-left .form-group > .search-btn-main{margin-top:12px}

/* (2026-09-12) في النمط ده الصندوق الداكن اتشال، والعنوان كان بكلاس color-white
   فبقى أبيض على رمادي فاتح ومش مقروء — فبياخد لون المعهد الغامق. */
body.theme-abfa.pg-search-page .search-results-wrap-left .box h5,body.theme-abfa.pg-search-page .search-results-wrap-left .box h5.color-white{color:#10225c!important;font-size:1rem;letter-spacing:.02em}

/* (2026-09-12) طلب صريح: تغيير أيقونات صفحة نتايج البحث، وكل معهد بثلاثي مختلف.
   الـmask متطبّق على الـ<svg> نفسه مش على عنصر أب: نسخ الموبايل بتقع جوّه <span>
   بلا كلاس فمفيش أب أعلّق عليه — وكده محدِّد واحد بيغطي الديسكتوب والموبايل.
   خط bootstrap-icons مش محمّل في الصفحة (fonts.check=false) فطريق كودات الخط مقفول.
   الرسمة الأصلية بتتلغي بـfill:transparent واللون بيجي من background-color.
   bi-x (قفل المودال) وزراري العرض برّه المحدِّدات دي. */
body.theme-abfa.pg-search-page svg.bi-calendar-check-fill,body.theme-abfa.pg-search-page svg.bi-flag-fill,body.theme-abfa.pg-search-page svg.bi-clock-fill,body.theme-abfa.pg-search-page svg.bi-signpost-split-fill{fill:transparent!important;background-color:#012169;width:1em;height:1em;display:inline-block;vertical-align:-.125em;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
body.theme-abfa.pg-search-page svg.bi-calendar-check-fill{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M1 4h14v11H1zM4 0h2v3H4zM10 0h2v3h-2z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M1 4h14v11H1zM4 0h2v3H4zM10 0h2v3h-2z'/></svg>")}
body.theme-abfa.pg-search-page svg.bi-flag-fill{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M16 8c0 3.866-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234-.2.032-.352-.176-.273-.362.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M16 8c0 3.866-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234-.2.032-.352-.176-.273-.362.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7z'/></svg>")}
body.theme-abfa.pg-search-page svg.bi-clock-fill,body.theme-abfa.pg-search-page svg.bi-signpost-split-fill{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/></svg>")}

/* (2026-09-12) طلب صريح: "لما بقف على الزر الكتابة بتاخد لون الخلفية" — شريط تبويبات
   تفاصيل الدورة عند أبفا (.ab-cd-index) لوحه بلون المعهد نفسه #012169.
   قاعدة الثيم (abfa.css:2341) صح وبتحط color:#fff عند الوقوف، بس من غير !important،
   والقاعدة العامة (_institute.css:1084) بـ!important بتغلبها وبتحط
   var(--link-hover-ink, var(--site-primary)) — يعني نفس كحلي اللوح على خلفية
   اتفتحت 10% بس: القياس اداها rgb(1,33,105) على rgb(26,55,120) وتباين 62 مقابل 626
   في زرار سليم. نفس علاج الملف الموثّق فوق: اللوح الملوّن يعلن حبره بنفسه. */
body.theme-abfa .ab-cd-index{--link-hover-ink:#fff}

/* (2026-09-12) طلب صريح: "وسطن الـ3" — نفس الحالة: الشبكة أربعة أعمدة والبلاطات
   بقت تلاتة بعد تقاعد صفحة الدورات الجديدة، فكان فيه فراغ 332px في ناحية. */
body.theme-abfa .ab-tiles-tabs{grid-template-columns:repeat(auto-fit,292px)!important;justify-content:center!important}


/* ═════════════════════════════════════════════════════════════
   (2026-09-18) صفحة "عن المعهد" — بنية مختلفة لكل معهد (طلب صريح: صفحات الموبايل
   شبه بعضها). الـHTML واحد (about_vmv.php: رؤية/رسالة/وعد/قيم) والبنية بتتغيّر
   بالـCSS: عدد الأعمدة، مكان الصورة، الترتيب، شكل العنوان — مش الألوان بس.
   ═════════════════════════════════════════════════════════════ */
body.theme-abfa.page-about #common-listing-section .box4{background:#fff;border:3px double var(--abp-navy,#012169);border-radius:0;box-shadow:none;padding:26px 22px;counter-reset:abart}
body.theme-abfa.page-about #common-listing-section .aboutus-section-card{background:transparent;border:0;border-radius:0;padding:22px 0;margin:0;border-top:1px solid #d5dae4;text-align:center}
body.theme-abfa.page-about #common-listing-section .aboutus-section-card:first-child{border-top:0;padding-top:0}
body.theme-abfa.page-about #common-listing-section .aboutus-section-card .row{display:block;margin:0}
body.theme-abfa.page-about #common-listing-section .aboutus-section-card .col-md-6{max-width:100%;width:100%;padding:0}
body.theme-abfa.page-about #common-listing-section .aboutus-section-card .col-md-6:has(> img){display:none}
body.theme-abfa.page-about #common-listing-section .aboutus-section-card .col-md-12{display:none}
body.theme-abfa.page-about #common-listing-section .aboutus-section-card h4{font-family:var(--abp-serif,Georgia,serif);font-weight:400;font-size:1.3rem;color:var(--abp-navy,#012169);margin:0 0 8px;counter-increment:abart}
body.theme-abfa.page-about #common-listing-section .aboutus-section-card h4::before{content:counter(abart,upper-roman) ".";display:block;font-family:Archivo,'Segoe UI',sans-serif;font-size:.72rem;letter-spacing:.34em;color:var(--abp-red,#c8102b);margin-bottom:6px}
body.theme-abfa.page-about #common-listing-section .aboutus-section-card p{font-family:var(--abp-serif,Georgia,serif);font-style:italic;font-size:1.02rem;line-height:1.75;color:#3d4966;max-width:560px;margin:0 auto;padding:0}
body.theme-abfa.page-about #common-listing-section .aboutus-values{border-top:2px solid var(--abp-red,#c8102b)}
body.theme-abfa.page-about #common-listing-section .aboutus-values .aboutus-section-row{background:none;border:0;box-shadow:none;padding:0}
body.theme-abfa.page-about #common-listing-section .aboutus-values .aboutus-section-row .row{display:flex;flex-wrap:wrap;justify-content:center;margin:0}
body.theme-abfa.page-about #common-listing-section .aboutus-values .aboutus-col-5{flex:0 0 33.333%;max-width:33.333%;padding:0 6px;margin-bottom:10px}
body.theme-abfa.page-about #common-listing-section .aboutus-values img{border:0;border-radius:0;box-shadow:none;max-width:120px;margin:0 auto;display:block}
@media (min-width:992px){body.theme-abfa.page-about #common-listing-section .aboutus-values .aboutus-col-5{flex:0 0 20%;max-width:20%}}

/* (2026-09-19) الفوتر بالعربي: الإيميل والموقع الاتنين نص لاتيني، فالـbidi كان بيدمجهم في سلسلة
   واحدة وبيرمي النقطة الفاصلة (::before) على طرف الإيميل بدل ما تبقى بينه وبين الموقع.
   كل رابط بقى كتلة مستقلة (inline-block) فالنقطة بتفضل جنب رابطها. */
body.theme-abfa .ab-footer-reach a,
body.theme-abfa .ab-footer-inline a{display:inline-block}
/* الروابط اللاتينية (إيميل/تليفون) عليها direction:ltr + isolate من قاعدة عامة، فالنقطة (::before)
   جوّاها بتروح شمالها حتى في العربي. في العربي الصف flex بفجوة، والنقطة مطلقة على يمين كل رابط
   (physical) فتقع في نص الفجوة بين الرابط واللي قبله. */
body.theme-abfa[dir="rtl"] .ab-footer-reach{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 26px}
body.theme-abfa[dir="rtl"] .ab-footer-reach a{position:relative}
body.theme-abfa[dir="rtl"] .ab-footer-reach a + a::before{
    position:absolute;left:auto;right:-16px;top:0;margin:0}
@media (max-width:575px){
    body.theme-abfa[dir="rtl"] .ab-footer-reach{flex-direction:column;align-items:center;gap:6px}
    body.theme-abfa[dir="rtl"] .ab-footer-reach a + a::before{display:none}
}