/* ============================================================
   المعهد العربي — Arab Institute
   ------------------------------------------------------------
   Direction: soft and minimal. No shadows anywhere, hairline
   borders, and a search that is a single underlined field.
   ============================================================ */

body.theme-arabi { --ab-ink: #2b2119; --ab-line: #e6ded5; --ab-bg: #faf7f3; }

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

body.theme-arabi .courselisting,
body.theme-arabi .card { border: 1px solid var(--ab-line) !important; background: #fff !important; }

/* الهيدر ثابت والصفحة بتعوّض ارتفاعه، فالحشو تنفّس بس — 168
   كان بيسيب فراغ فاضي فوق العنوان. */
body.theme-arabi .ar-hero {
    background: var(--ab-bg);
    padding: 54px 0 78px;
    text-align: center;
    position: relative;
    overflow: hidden;
    min-height: 480px;
    display: flex;
    align-items: center;
}

/* ── الفيديو ──────────────────────────────────────────────────
   الإطار أكبر من الشريط بكتير ومتمركز: يوتيوب بيحط شرايط سودا
   فوق وتحت لو النسبة مش 16:9، والشريط دا أعرض من كده. التكبير
   بيخلي الصورة تملى العرض والشرايط تخرج بره الحدود.
   ───────────────────────────────────────────────────────────── */
body.theme-arabi .ar-hero-film {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    opacity: 0;
    transition: opacity .9s ease;
}

body.theme-arabi.ar-film-on .ar-hero-film { opacity: 1; }

body.theme-arabi .ar-hero-film iframe {
    position: absolute;
    top: 50%; left: 50%;
    width: 100vw;
    height: 56.25vw;          /* 16:9 على عرض الشاشة */
    min-height: 100%;
    min-width: 177.78vh;      /* ولو الشريط أطول من كده، العكس */
    transform: translate(-50%, -50%);
    border: 0;
}

/* طبقة تعتيم بلون المعهد: الكلام أبيض عليها، والفيلم بيفضل باين
   من وراها. من غيرها العنوان بيضيع على أي لقطة فاتحة. */
body.theme-arabi .ar-hero-film::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(28, 20, 14, .58),
        rgba(28, 20, 14, .72));
}

body.theme-arabi .ar-hero-inner { position: relative; z-index: 1; }

/* ── الكلام لما الفيلم يشتغل: أبيض بدل البني ───────────────── */

body.theme-arabi.ar-film-on .ar-hero h1,
body.theme-arabi.ar-film-on .ar-hero-search input { color: #fff; }

body.theme-arabi.ar-film-on .ar-hero-lede { color: rgba(255, 255, 255, .86); }

body.theme-arabi.ar-film-on .ar-hero-search {
    border-bottom-color: rgba(255, 255, 255, .6);
}

body.theme-arabi.ar-film-on .ar-hero-search input::placeholder {
    color: rgba(255, 255, 255, .62);
}

body.theme-arabi.ar-film-on .ar-hero-search button,
body.theme-arabi.ar-film-on .ar-hero-advanced a,
body.theme-arabi.ar-film-on .ar-hero-links a {
    /* --link-hover-ink كمان: الوقوف بياخد --site-primary وهو
       بني غامق، وعلى الفيلم المعتّم بيختفي. */
    --link-hover-ink: #fff;
    color: #fff;
}

body.theme-arabi.ar-film-on .ar-hero-links span { color: rgba(255, 255, 255, .5); }

body.theme-arabi .ar-hero-inner { max-width: 760px; margin: 0 auto; }

body.theme-arabi .ar-hero h1 {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 2.9rem; line-height: 1.22; font-weight: 400;
    color: var(--ab-ink); margin: 0 0 18px;
}

body.theme-arabi .ar-hero-lede { color: #7a6a5c; font-size: 1.05rem; margin: 0 auto 40px; max-width: 52ch; }

body.theme-arabi .ar-hero-search {
    display: flex; align-items: center; max-width: 520px; margin: 0 auto;
    border-bottom: 1px solid var(--site-primary, #b08968);
}

body.theme-arabi .ar-hero-search input {
    flex: 1; min-width: 0; border: 0; background: transparent;
    padding: 12px 4px; font-size: 1.1rem; color: var(--ab-ink); text-align: inherit;
}
body.theme-arabi .ar-hero-search input:focus { outline: none; }
body.theme-arabi .ar-hero-search input::placeholder { color: #b3a396; }

body.theme-arabi .ar-hero-search button {
    border: 0; background: transparent; color: var(--site-primary, #b08968);
    font-size: 1.2rem; padding: 0 6px;
}
body.theme-arabi .ar-hero-search button:hover { color: var(--site-accent, #95735a); }

body.theme-arabi .ar-hero-advanced { margin: 16px 0 34px; font-size: .9rem; }
body.theme-arabi .ar-hero-advanced a { color: var(--site-accent, #95735a); text-decoration: underline; }

body.theme-arabi .ar-hero-links {
    display: flex; justify-content: center; align-items: center;
    flex-wrap: wrap; gap: 14px; color: #c3b5a7;
}

body.theme-arabi .ar-hero-links a {
    color: var(--ab-ink); font-weight: 600; text-decoration: none;
    border-bottom: 1px solid var(--site-primary, #b08968); padding-bottom: 2px;
}
body.theme-arabi .ar-hero-links a:hover { color: var(--site-accent, #95735a); }

@media (max-width: 991px) {
    /* الفيلم مش بيشتغل هنا أصلاً (الاسكربت بيقف على 991)،
       فمافيش لزوم لارتفاع أدنى. */
    body.theme-arabi .ar-hero { padding: 34px 0 50px; min-height: 0; }
    body.theme-arabi .ar-hero h1 { font-size: 1.85rem; }
}

/* ============================================================
   تباين الشريط العلوي
   ------------------------------------------------------------
   The shared repaint puts --site-primary behind the top bar and
   the copyright strip, which works for the darker institutes but
   leaves white text on a light ground here. Those two bands take
   the accent instead, which is the darker of this institute's
   two colours.
   ============================================================ */
body.theme-arabi #dt-top-section,
body.theme-arabi .dt-top-section-wrap,
body.theme-arabi #dt-copyright-section {
    background: var(--site-accent, #003452) !important;
}

/* ── الأقسام: بلا بطاقات ولا ظلال، كل شيء متمركز ── */
body.theme-arabi .inst-values { background: var(--ab-bg); }
body.theme-arabi .inst-tiles-grid { gap: 0; border-top: 1px solid var(--ab-line); }
body.theme-arabi .inst-tile { background: transparent; border: 0; border-bottom: 1px solid var(--ab-line); border-inline-end: 1px solid var(--ab-line); align-items: center; text-align: center; padding: 34px 18px; }
body.theme-arabi .inst-tile:last-child { border-inline-end: 0; }
body.theme-arabi .inst-tile:hover { transform: none; box-shadow: none; background: #fff; }
body.theme-arabi .inst-tile-icon { width: 46px; height: 46px; }
body.theme-arabi .inst-tile-label { font-weight: 600; font-family: Georgia, "Times New Roman", "Amiri", serif; }
body.theme-arabi .inst-values-head { text-align: center; margin-inline: auto; }
body.theme-arabi .inst-values-head h2 { font-family: Georgia, "Times New Roman", "Amiri", serif; font-weight: 400; }
body.theme-arabi .inst-values-list { grid-template-columns: 1fr; max-width: 70ch; margin-inline: auto; }
body.theme-arabi .inst-values-foot { text-align: center; }
body.theme-arabi .inst-assoc { text-align: center; }
body.theme-arabi .inst-assoc h2 { font-family: Georgia, "Times New Roman", "Amiri", serif; font-weight: 400; }
body.theme-arabi .inst-assoc p { margin-inline: auto; }
body.theme-arabi .inst-assoc-link { border-radius: 2px; background: transparent; color: var(--ab-ink); border: 1px solid var(--site-primary, #b08968); }
body.theme-arabi .inst-assoc-link:hover { background: var(--site-primary, #b08968); color: #fff; }

/* ── الصور: باهتة ودافئة بلا حدود ولا ظل ── */
body.theme-arabi .widget-icon,
body.theme-arabi .common-banner-image,
body.theme-arabi .course-image { border-radius: 2px; }
body.theme-arabi .widget-icon img,
body.theme-arabi .course-image img { filter: sepia(.28) saturate(.85) brightness(1.03); }
body.theme-arabi .citymain-listing-wrap-box:hover .widget-icon img { transform: none; filter: sepia(0) saturate(1); }
/* ── القائمة: هادئة، تسطير فقط بلا تعبئة ── */
body.theme-arabi .navbar-nav .nav-link.active { background: transparent !important; color: var(--ab-ink) !important; border-bottom: 1px solid var(--site-primary, #b08968); border-radius: 0 !important; }
body.theme-arabi #dt-header-section { border-bottom: 1px solid var(--ab-line); }

/* ── الداخلية: مساحة أوسع، عنوان مشجّر، وأيقونة هادئة ── */
body.theme-arabi #common-banner-section-icon .common-banner-section-box,
body.theme-arabi #common-banner-section-image .common-banner-section-box { gap: 38px; padding: 66px 0; }
body.theme-arabi .common-banner-icon { border-radius: 2px; background: rgba(255,255,255,.9); flex-basis: 96px; width: 96px; height: 96px; }
body.theme-arabi .common-banner-text h1 { font-family: Georgia, "Times New Roman", "Amiri", serif; font-weight: 400; }
body.theme-arabi .common-banner-text p { font-size: 1.02rem; line-height: 1.8; }

/* ── الشريط العلوي: ثلاثة روابط فقط، فاتح وهادئ ── */
body.theme-arabi .ar-topbar { background: #f3ede6; color: #7a6a5c; border-bottom: 1px solid var(--ab-line); }
body.theme-arabi .ar-topbar-links {
    justify-content: center; gap: 34px; min-height: 36px; font-size: .8rem;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
}
body.theme-arabi .ar-topbar-links li.active a { color: var(--site-primary, #b08968); }

/* ── الشريط العلوي: جملة واحدة، بلا روابط ── */
body.theme-arabi .ar-topbar { background: #f3ede6; color: #7a6a5c; border-bottom: 1px solid var(--ab-line); }
body.theme-arabi .ar-topbar-row { min-height: 46px; position: relative; justify-content: center; }
body.theme-arabi .ar-topbar-line {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .92rem; font-style: italic; text-align: center;
}
body.theme-arabi .ar-topbar-lang {
    position: absolute; inset-inline-end: 0; top: 50%; transform: translateY(-50%); margin-inline-start: 0;
    color: var(--site-primary, #b08968);
}

/* ══════════════════════════════════════════════════════════
   القائمة الرئيسية — العلامة أولاً والروابط بكامل العرض
   The mark opens the row, as the reading direction expects, and
   the links take the whole width that is left rather than
   bunching at one end.
   ══════════════════════════════════════════════════════════ */
body.theme-arabi nav.navbar { background: #fff; }
body.theme-arabi nav.navbar .container { display: flex; align-items: center; }

body.theme-arabi .navbar-collapse { flex: 1; }

body.theme-arabi .navbar-nav {
    width: 100%;
    justify-content: space-between;
    margin-inline-start: 26px !important;
}

body.theme-arabi .navbar-nav > li > .nav-link {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .9rem; text-transform: none !important; letter-spacing: .02em;
    background: transparent !important; border-radius: 0 !important;
    padding-inline: 0 !important;
}

body.theme-arabi .navbar-nav > li > .nav-link.active {
    color: var(--site-primary, #b08968) !important;
    border-bottom: 1px solid var(--site-primary, #b08968) !important;
}

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

/* ── لوحة الدورات: ورق مشجّر ───────────────────────────────── */
body.theme-arabi .megamenu { background: #fbf7f2 !important; }
body.theme-arabi .inst-mega { --inst-mega-line: #e0d4c6; }

body.theme-arabi .inst-mega-icon { display: none; }

body.theme-arabi .inst-mega-grid {
    grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    gap: 0 34px;
}

/* فاصل منقّط زي فهرس كتاب — الرقم على آخر السطر. */
body.theme-arabi .inst-mega-card {
    padding: 9px 0;
    border-bottom: 1px dotted var(--inst-mega-line);
}

body.theme-arabi .inst-mega-name {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .95rem;
    color: #4a3c30;
}

body.theme-arabi .inst-mega-card:hover { background: none; }
body.theme-arabi .inst-mega-card:hover .inst-mega-name {
    color: var(--site-primary, #b08968);
    text-decoration: underline;
    text-underline-offset: 4px;
}

body.theme-arabi .inst-mega-n {
    background: none;
    padding: 0;
    min-width: 0;
    font-family: Georgia, serif;
    font-weight: 400;
    color: #9a8877;
}

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

/* ═══════════════════════════════════════════════════════════
   التذييل — فهرس دافئ، عمودين مش شبكة صناديق
   ------------------------------------------------------------
   الاتجاه المكتوب أعلى الملف: "soft and minimal. No shadows
   anywhere, hairline borders". مش لوحة غامقة بأعمدة (almawred/
   global/glomac) ولا عمود واحد متمركز (abfa) — عمود قراءة واسع
   يبدأ من ناحية البداية، فيه مجموعات روابط مفصولة بخط منقّط
   (نفس فاصل .inst-mega-card بالظبط) جنب عمود تواصل ضيّق هادئ،
   على أرضية --ab-bg الدافئة.
   ═══════════════════════════════════════════════════════════ */
body.theme-arabi #dt-home-footer-section {
    background: var(--ab-bg, #faf7f3);
    border-top: 1px dotted var(--ab-line);
}
/* .desktop-footer.ar-footer بس، مش .ar-footer لوحدها — قاعدة عامة
   (.mobile-footer{display:none}) مسؤولة تخفي النسخة التانية تحت
   576px، وكانت display:flex هنا (لو متحطة على .ar-footer المشتركة
   بين النسختين) بتاخد أولوية أعلى منها وتفضّح الاتنين مع بعض. */
body.theme-arabi .desktop-footer.ar-footer,
body.theme-arabi .mobile-footer.ar-footer {
    flex-wrap: wrap;
    gap: 48px;
    padding: 50px 0 38px;
}
body.theme-arabi .desktop-footer.ar-footer { display: flex; }
body.theme-arabi .ar-footer-index { flex: 1 1 460px; min-width: 0; }
body.theme-arabi .ar-footer-reach { flex: 0 0 220px; }

body.theme-arabi .ar-footer-label {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-style: italic;
    font-size: .92rem;
    color: #9a8877;
    margin: 0 0 10px;
}
/* نفس فكرة .inst-mega-card بالظبط: فاصل منقّط تحت كل مجموعة
   روابط، زي سطر في فهرس كتاب. */
body.theme-arabi .ar-footer-line {
    margin: 0 0 24px;
    padding-bottom: 16px;
    border-bottom: 1px dotted var(--ab-line);
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .95rem;
    line-height: 2.1;
}
body.theme-arabi .ar-footer-line a,
body.theme-arabi .ar-footer-reach a {
    color: var(--ab-ink, #2b2119);
    text-decoration: none;
}
body.theme-arabi .ar-footer-line a:hover,
body.theme-arabi .ar-footer-reach a:hover {
    color: var(--site-primary, #b08968);
    text-decoration: underline;
    text-underline-offset: 3px;
}
/* خط رأسي رفيع بين الروابط — بديل هادئ للنقطة، يفضل جوّه لغة
   "hairline" بتاعة الموقع بدل شكل نقطة ملوّنة. */
body.theme-arabi .ar-footer-line a + a::before {
    content: "";
    display: inline-block;
    width: 1px;
    height: .9em;
    margin: 0 12px -1px;
    background: var(--ab-line);
}

body.theme-arabi .ar-footer-reach {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .95rem;
    line-height: 2.1;
}
body.theme-arabi .ar-footer-reach p { margin: 0; }
body.theme-arabi .ar-footer-name {
    color: var(--ab-ink, #2b2119);
    font-weight: 600;
    margin-bottom: 8px !important;
}

@media (max-width: 767px) {
    body.theme-arabi .desktop-footer.ar-footer,
    body.theme-arabi .mobile-footer.ar-footer { padding: 36px 0 26px; gap: 30px; }
    body.theme-arabi .ar-footer-reach { flex-basis: 100%; }
}

/* أقل من 576px: القاعدة المشتركة في fullcss.css بتقلب النسختين
   (desktop-footer تختفي، mobile-footer تظهر) — بس بـdisplay:none/
   block عادي، مش flex. القاعدة فوق حطّت display:flex على
   .desktop-footer.ar-footer بتخصيص أعلى من القاعدة المشتركة، فلو
   سابتها من غير override هنا هتفضل ظاهرة رغم القاعدة المشتركة.
   نفس ترتيب الكاسكيد (آخر قاعدة بنفس التخصيص هي اللي تكسب) بيحل
   المشكلة هنا. */
@media (max-width: 576px) {
    body.theme-arabi .desktop-footer.ar-footer { display: none; }
    body.theme-arabi .mobile-footer.ar-footer { display: flex; flex-direction: column; }
}

/* ── المدن المتاحة — رسمة + صفوف أعلام (مرجع anderson.ae بالحرف) ──
   محاولتين قبل كده (كارت صورة، وبعدها قائمة نص بحت) ماعجبوش —
   طلب صريح تالت رجّع لنفس المرجع الأصلي: رسمة على جنب، وصفوف
   بعلم حقيقي واسم مدينة ورابط على الجنب التاني. الرسمة هنا كرة
   شبكية (نفس تقنية plus المُتقَنة) بدل خريطة مسطّحة — محاولة
   almawred الأولى برسمة قارات يدوية طلعت بقع رمادية، فمفيش داعي
   نكرر نفس الغلطة بشكل تاني. */
body.theme-arabi .ar-cities-grid {
    display: grid;
    grid-template-columns: .75fr 1.25fr;
    gap: 46px;
    align-items: center;
}
body.theme-arabi .ar-cities-art svg { width: 100%; height: auto; display: block; }

body.theme-arabi .ar-cities-eyebrow {
    display: block;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: .7rem;
    font-weight: 700;
    color: var(--site-primary, #9c6b30);
    margin: 0 0 8px;
}
body.theme-arabi .ar-cities-body .inst-cities-head { text-align: start; margin-inline: 0; margin-bottom: 22px; }

body.theme-arabi .ar-cities-rows {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 30px;
}
body.theme-arabi .ar-cities-row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 13px 0;
    border-top: 1px solid var(--ab-line, #e6ded5);
    text-decoration: none;
    transition: padding-inline-start .16s ease;
}
body.theme-arabi .ar-cities-row:hover { padding-inline-start: 6px; }
/* .fi هنا نفسها هي عنصر العلم (مش داخل تاني)، وحاويتها flex
   align-items:center — فباگ فراغ الـbaseline اللي ظهر في gulf
   (لما .fi كانت جوّه wrapper منفصل) مش متوقّع هنا، بس
   background-size:cover لسه لازم يغلب contain الافتراضية
   بتاعة المكتبة. */
body.theme-arabi .ar-cities-flag {
    flex: none;
    width: 30px;
    height: 22px;
    background-color: var(--ab-line, #e6ded5);
    background-size: cover !important;
    background-position: center;
}
body.theme-arabi .ar-cities-name {
    flex: 1;
    min-width: 0;
    font-weight: 700;
    font-size: .92rem;
    color: var(--ab-ink, #2b2119);
}
body.theme-arabi .ar-cities-go {
    flex: none;
    font-size: .76rem;
    color: var(--site-primary, #9c6b30);
}

@media (max-width: 991px) {
    body.theme-arabi .ar-cities-grid { grid-template-columns: 1fr; gap: 30px; }
    body.theme-arabi .ar-cities-art { max-width: 200px; margin-inline: auto; }
    body.theme-arabi .ar-cities-body .inst-cities-head { text-align: center; }
}
@media (max-width: 575px) {
    body.theme-arabi .ar-cities-rows { grid-template-columns: 1fr; }
}

/* ── الأقسام، رابع محاولة. قائمة عمودية، شبكة ألواح أيقونات، شبكة
   صور مؤطّرة مستطيلة — التلاتة "مش عجبني". كل المحاولات كانت
   "صندوق" شكل ما. هنا مفيش صندوق خالص: صف واحد بيتلف بحرية من
   دوائر صور — أنعم من أي مستطيل — وكل دائرة تانية نازلة شوية عن
   اللي قبلها، فالصف مالوش استوا صارم زي شبكة. خيط شعرة واحد
   حوالين كل دائرة، بلا ظل — نفس لغة "soft and minimal" بتاعة
   arabi، بس من غير القصة المكررة (صندوق نص/تحت) اللي اتجربت
   ثلاث مرات. */
body.theme-arabi .ar-categories-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin: 0 0 40px;
}
body.theme-arabi .ar-categories-head h2 {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--ab-ink, #2b2119);
    margin: 0;
}
body.theme-arabi .ar-categories-head a {
    font-size: .82rem;
    font-weight: 600;
    color: var(--site-primary, #9c6b30);
    text-decoration: underline;
}

body.theme-arabi .ar-categories-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 36px 30px;
    padding: 0 0 18px;
}

body.theme-arabi .ar-categories-medallion {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    width: 132px;
    text-decoration: none;
    text-align: center;
}
/* التموّج: زوجي واطي شوية عن فردي — إيقاع غير منتظم بدل صف مسطّح. */
body.theme-arabi .ar-categories-medallion.is-low { margin-top: 34px; }

body.theme-arabi .ar-categories-disc {
    display: block;
    width: 116px;
    height: 116px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid var(--ab-line, #e6ded5);
    background: var(--ab-bg, #faf7f3);
    transition: border-color .18s ease, transform .18s ease;
}
body.theme-arabi .ar-categories-medallion:hover .ar-categories-disc {
    border-color: var(--site-primary, #9c6b30);
    transform: translateY(-4px);
}
body.theme-arabi .ar-categories-disc picture,
body.theme-arabi .ar-categories-disc img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
body.theme-arabi .ar-categories-disc .ar-categories-icon {
    object-fit: contain;
    padding: 30px;
    opacity: .75;
}

body.theme-arabi .ar-categories-title {
    font-weight: 600;
    font-size: .88rem;
    line-height: 1.3;
    color: var(--ab-ink, #2b2119);
}

/* بتعوم لفوق وتحت — كل ميدالية بمدة وتأخير مختلف عن اللي جنبها
   (مش نفس التوقيت) عشان الحركة تبان عشوائية، مش صف بيرقص مع بعضه
   بالظبط. الـ transform هنا على الحاوية الكل (دايرة + اسم مع
   بعض)، منفصل عن transform الدايرة نفسها عند الوقوف. */
body.theme-arabi .ar-categories-medallion {
    animation: ar-categories-float 3.8s ease-in-out infinite;
}
body.theme-arabi .ar-categories-medallion:nth-child(1) { animation-duration: 3.3s; animation-delay: -.2s; }
body.theme-arabi .ar-categories-medallion:nth-child(2) { animation-duration: 4.2s; animation-delay: -1.6s; }
body.theme-arabi .ar-categories-medallion:nth-child(3) { animation-duration: 3.6s; animation-delay: -.9s; }
body.theme-arabi .ar-categories-medallion:nth-child(4) { animation-duration: 4.6s; animation-delay: -2.4s; }
body.theme-arabi .ar-categories-medallion:nth-child(5) { animation-duration: 3.4s; animation-delay: -1.9s; }
body.theme-arabi .ar-categories-medallion:nth-child(6) { animation-duration: 4.4s; animation-delay: -.5s; }
body.theme-arabi .ar-categories-medallion:nth-child(7) { animation-duration: 3.9s; animation-delay: -2.8s; }

@keyframes ar-categories-float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
}

@media (prefers-reduced-motion: reduce) {
    body.theme-arabi .ar-categories-medallion { animation: none; }
}

@media (max-width: 575px) {
    body.theme-arabi .ar-categories-row { gap: 28px 18px; }
    body.theme-arabi .ar-categories-medallion { width: 96px; }
    body.theme-arabi .ar-categories-medallion.is-low { margin-top: 22px; }
    body.theme-arabi .ar-categories-disc { width: 88px; height: 88px; }
    body.theme-arabi .ar-categories-title { font-size: .78rem; }
}

/* ── الخدمات (tiles). كلام قصير على جنب + تلات ألواح خيط شعرة
   ثابتة، بلا حركة ولا ظل — قسم Categories فوقه بقى فيه دوائر
   عايمة، فهنا يفضل هادي ومسطّح، تنويع تركيب مش تنويع لغة.
   .inst-tile* القديمة (السطور فوق) بقت مالهاش استخدام هنا؛
   سايباها زي ما هي، نفس عادة المشروع. */
/* ثاني تصميم: المحاولة الأولى (نص جنب عمود ألواح شعرة) كانت
   لسه نفس هيكل "نص جنب قائمة" اللي اتكرر في معاهد تانية. هنا
   عنوان في النص فوق، وتحته صف مفتوح من غير كارت ولا حد ولا فاصل
   خالص — أيقونة واسم بس عايمين في مساحة فاضية، أقصى درجة تقشّف. */
body.theme-arabi .ar-tiles { padding: 56px 0; background: #fff; }

body.theme-arabi .ar-tiles-heading {
    text-align: center;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
    font-size: 1.6rem;
    color: var(--ab-ink, #2b2119);
    margin: 0 0 30px;
}

body.theme-arabi .ar-tiles-row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 48px 60px;
}

body.theme-arabi .ar-tiles-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    text-decoration: none;
}

/* ثالث تصميم: صف عايم بلا أي حاجة اتقاله "غيّره" مع شوية معاهد
   تانية من غير سبب محدد — لمسة زخرفية واحدة بس: حلقة خط متقطّع
   ناعمة حوالين كل أيقونة، بدل ما تفضل عايمة تمامًا. */
body.theme-arabi .ar-tiles-ring {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    border: 1.5px dashed var(--site-primary, #9c6b30);
    opacity: .55;
    transition: opacity .18s ease, transform .18s ease;
}
body.theme-arabi .ar-tiles-item:hover .ar-tiles-ring { opacity: 1; transform: rotate(8deg); }

body.theme-arabi .ar-tiles-icon { width: 26px; height: 26px; opacity: .85; }

/* Online Training وNew Training Courses مالهومش ملف أيقونة خاص
   بأي معهد غير almawred، فبيستخدموا حرف Bootstrap Icons بدل
   الصورة — بحجم ولون قريب من وزن الصورة، بلا خلفية ولا امتلاء. */
body.theme-arabi .ar-tiles-icon-glyph {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.35rem;
    line-height: 1;
    color: var(--ab-ink, #2b2119);
    opacity: .65;
}

body.theme-arabi .ar-tiles-label {
    font-weight: 600;
    font-size: .94rem;
    color: var(--ab-ink, #2b2119);
}
body.theme-arabi .ar-tiles-item:hover .ar-tiles-label { color: var(--site-primary, #9c6b30); }

/* ═══ الدورات القادمة (افتراضية) — العربي: قائمة مجلة (طلب صريح 2026-09-05) ═══
   عمودان، كل دورة: صورة دائرية صغيرة أول السطر، عنوان Serif، خط منقّط
   بيوصل للتاريخ في آخر السطر، ورابط حجز مسطّر. خلفية ورقية فاتحة. */
body.theme-arabi .inst-upcoming { background: #faf7f2; }
body.theme-arabi .inst-upcoming-head h2 { font-family: Georgia, "Times New Roman", "Amiri", serif; font-weight: 700; color: #2b2118; }
body.theme-arabi .inst-upcoming-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px 40px; }
body.theme-arabi .inst-upcoming-list li { border-color: #e6ddd0 !important; }
body.theme-arabi .inst-upcoming-list a { padding: 14px 4px; gap: 14px; background: transparent; align-items: flex-start; }
body.theme-arabi .inst-upcoming-list a:hover { background: transparent; }
body.theme-arabi .inst-upcoming-thumb { display: block; flex: 0 0 56px; height: 56px; border-radius: 50%; background-size: cover; background-position: center; border: 2px solid #fff; box-shadow: 0 0 0 1px #d9cdbb; }
body.theme-arabi .inst-upcoming-date { width: auto; height: auto; background: transparent; color: var(--site-primary, #b08968); flex-direction: row; gap: 5px; align-items: baseline; order: 3; margin-inline-start: auto; font-family: Georgia, "Times New Roman", "Amiri", serif; }
body.theme-arabi .inst-upcoming-day { font-size: 1.3rem; font-weight: 700; }
body.theme-arabi .inst-upcoming-body { flex: 1; gap: 4px; }
body.theme-arabi .inst-upcoming-title { font-family: Georgia, "Times New Roman", "Amiri", serif; font-weight: 700; color: #2b2118; font-size: 1.02rem; }
body.theme-arabi .inst-upcoming-list a:hover .inst-upcoming-title { color: var(--site-primary, #b08968); }
body.theme-arabi .inst-upcoming-meta { font-size: .8rem; color: #7a6a58; }
body.theme-arabi .inst-upcoming-meta2 { display: flex; gap: 12px; font-size: .76rem; color: #7a6a58; }
body.theme-arabi .inst-upcoming-meta2 i { margin-inline-end: 4px; color: var(--site-primary, #b08968); }
body.theme-arabi .inst-upcoming-book { display: inline-block; align-self: flex-start; font-size: .78rem; font-weight: 700; color: var(--site-primary, #b08968); text-decoration: underline; text-underline-offset: 3px; }
@media (max-width: 767px) { body.theme-arabi .inst-upcoming-list { grid-template-columns: 1fr; } }

/* الدورات القادمة: كروت أصغر (طلب صريح 2026-09-06) */
body.theme-arabi .inst-upcoming-list { grid-template-columns: repeat(3, 1fr); gap: 2px 28px; }
body.theme-arabi .inst-upcoming-list a { padding: 10px 2px; gap: 10px; }
body.theme-arabi .inst-upcoming-thumb { flex-basis: 44px; height: 44px; }
body.theme-arabi .inst-upcoming-title { font-size: .9rem; }
body.theme-arabi .inst-upcoming-day { font-size: 1.05rem; }
body.theme-arabi .inst-upcoming-meta, body.theme-arabi .inst-upcoming-meta2 { font-size: .72rem; }
@media (max-width: 991px) { body.theme-arabi .inst-upcoming-list { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { body.theme-arabi .inst-upcoming-list { grid-template-columns: 1fr; } }

/* ===== /training-courses — العربي: بانر بلون الرمل، فلتر على شكل شرائح، كروت فهرسة 4 أعمدة من غير صور بالتاريخ كعنوان أول (2026-09-07) ===== */
body.theme-arabi.pg-training-courses #common-banner-section-image .background-listing{background:#b08968;color:#2b2119;border-radius:0}
body.theme-arabi.pg-training-courses #common-banner-section-image .common-banner-section-box{display:block}
body.theme-arabi.pg-training-courses #common-banner-section-image .common-banner-image{display:none}
body.theme-arabi.pg-training-courses #common-banner-section-image .common-banner-text{float:none;width:100%;max-width:860px;text-align:start;margin:0}
body.theme-arabi.pg-training-courses #common-banner-section-image h1{color:#2b2119;font-size:34px}
body.theme-arabi.pg-training-courses #common-banner-section-image p{color:#3d2f24;text-align:start}
body.theme-arabi.pg-training-courses #searresultscourses-btn2{background:#2b2119;border-color:#2b2119;color:#fff;border-radius:4px;font-weight:600}
body.theme-arabi.pg-training-courses #common-filter-box-modal-one{margin-top:0;padding:16px 0 0}
body.theme-arabi.pg-training-courses #common-filter-box-modal-one .box2{background:transparent;box-shadow:none;padding:0}
body.theme-arabi.pg-training-courses #common-filter-box-modal-one .form-control{background:#fff;border:1px solid #b08968;border-radius:30px;height:36px;color:#2b2119;padding:0 16px}
body.theme-arabi.pg-training-courses #common-filter-box-modal-one .menu-two{border-radius:30px;border-color:#2b2119;color:#2b2119}
body.theme-arabi.pg-training-courses #common-filter-box-modal-one .menu-two:hover{background:#2b2119;color:#fff}
body.theme-arabi.pg-training-courses #common-filter-box-modal-one .menu-two.purple-color{background:#2b2119;border-color:#2b2119;color:#fff}
body.theme-arabi.pg-training-courses #common-white-section .box{box-shadow:none;background:transparent}
body.theme-arabi.pg-training-courses .courselist-style-inside .courselisting,body.theme-arabi.pg-training-courses .courselist-style-inside .courselisting.virtual{display:flex;flex-direction:column;gap:6px;background:#faf7f3;border:1px solid #e6ded5;border-top:4px solid #b08968;border-radius:0 0 8px 8px;padding:14px 16px 16px;box-shadow:none;transition:transform .2s,border-color .2s}
body.theme-arabi.pg-training-courses .courselisting:hover{transform:translateY(-4px);border-top-color:#9c6b30}
body.theme-arabi.pg-training-courses .courselisting .space5,body.theme-arabi.pg-training-courses .courselisting .space15{display:none}
body.theme-arabi.pg-training-courses .course-image{display:none}
body.theme-arabi.pg-training-courses .course-date{order:-1;font-size:16px;font-weight:700;color:#9c6b30;line-height:22px;padding-bottom:8px;border-bottom:1px dashed #e6ded5;margin-bottom:4px}
body.theme-arabi.pg-training-courses .course-date i.bi{color:#9c6b30!important}
body.theme-arabi.pg-training-courses .course-title{font-size:15.5px;line-height:21px;min-height:42px;color:#2b2119}
body.theme-arabi.pg-training-courses .course-language,body.theme-arabi.pg-training-courses .course-location,body.theme-arabi.pg-training-courses .course-time{color:#6b5b4f;font-size:12.5px}
body.theme-arabi.pg-training-courses .courselisting .course-language i.bi,body.theme-arabi.pg-training-courses .courselisting .course-location i.bi,body.theme-arabi.pg-training-courses .courselisting .course-time i.bi{color:#b08968!important}
body.theme-arabi.pg-training-courses .courselisting form{margin-top:auto;padding-top:10px}
body.theme-arabi.pg-training-courses .courselisting .btn-primary{background:#b08968;border-color:#b08968;color:#fff;border-radius:4px;font-weight:600}
body.theme-arabi.pg-training-courses .courselisting:hover .btn-primary{background:#2b2119;border-color:#2b2119}
@media (min-width:992px){body.theme-arabi.pg-training-courses #course_list{grid-template-columns:repeat(4,1fr);gap:20px}}

/* --- training-courses fix 53687496ccb6dd5872a585f15244ffe6 --- */
body.theme-arabi.pg-training-courses #common-banner-section-image{background:#b08968}
body.theme-arabi.pg-training-courses #common-banner-section-image::before{display:none}
body.theme-arabi.pg-training-courses #common-banner-section-image .common-banner-section-box{padding:34px 0}
body.theme-arabi.pg-training-courses #common-banner-section-image .common-banner-text{max-width:860px}
body.theme-arabi.pg-training-courses #common-banner-section-image .common-banner-text h1{color:#2b2119}
body.theme-arabi.pg-training-courses #common-banner-section-image .common-banner-text p{color:#3d2f24}
body.theme-arabi.pg-training-courses #searresultscourses-btn2{background:#2b2119!important;border-color:#2b2119!important;color:#fff!important}
body.theme-arabi.pg-training-courses #common-filter-box-modal-one .menu-two.purple-color{background:#2b2119!important;border-color:#2b2119!important;color:#fff!important}
body.theme-arabi.pg-training-courses .courselisting .btn-primary{background:#b08968!important;border-color:#b08968!important;color:#fff!important}
body.theme-arabi.pg-training-courses .courselisting:hover .btn-primary{background:#2b2119!important;border-color:#2b2119!important;color:#fff!important}

/* --- training-courses fix 07a2b7e6e489edb412ec7b216637dd9b --- */
/* أيقونات بيانات الكارت الخاصة بالمعهد (طلب 2026-09-07): calendar-event-fill / alphabet / journal-bookmark / geo-alt / building */
body.theme-arabi.pg-training-courses .course-date .bi-calendar-check-fill::before{content:"\f1e7"}
body.theme-arabi.pg-training-courses .course-language .bi-flag-fill::before{content:"\f68a"}
body.theme-arabi.pg-training-courses .course-language .bi-bookmarks-fill::before{content:"\f43d"}
body.theme-arabi.pg-training-courses .course-location .bi-signpost-split-fill::before{content:"\f3e8"}
body.theme-arabi.pg-training-courses .course-time .bi-signpost-split-fill::before{content:"\f1dd"}

/* --- training-courses fix be3c3ae8692639c67fd7e5604e85aa81 --- */
body.theme-arabi.pg-training-courses #common-filter-box-modal-one .menu-two.darkblue-color{background:#fff!important;border:1px solid #b08968!important;color:#2b2119!important;border-radius:30px;padding:0 16px}
body.theme-arabi.pg-training-courses #common-filter-box-modal-one .menu-two.darkblue-color:hover{background:#2b2119!important;border-color:#2b2119!important;color:#fff!important}

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

/* --- training-courses fix a76d69e04a9dde014372a4552119a7fe --- */
body.theme-arabi.pg-training-courses.page-online #common-banner-section-image .common-banner h1{color:#2b2119}
body.theme-arabi.pg-training-courses.page-online #common-banner-section-image .common-banner p{color:#3d2f24}

/* --- training-courses fix b5b604ed3954567f6348db8ee743448c --- */
/* ===== /training-courses — العربي (2026-09-07): الفلتر بقى لوحة جانبية (رأس داكن Filter/Clear وحقول متراصة بحدود رملية) والكروت زي ما هي في 3 أعمدة جنبها ===== */
body.theme-arabi.pg-training-courses .inst-tc{padding:26px 0 30px}
body.theme-arabi.pg-training-courses .inst-tc-side{background:#fff;border:1px solid #e6ded5;border-radius:6px;overflow:hidden}
body.theme-arabi.pg-training-courses .inst-tc-side-head{background:#2b2119;color:#fff;border-bottom:0;padding:14px 16px}
body.theme-arabi.pg-training-courses .inst-tc-side-title{font-size:1rem;color:#fff}
body.theme-arabi.pg-training-courses .inst-tc-side-reset{color:#e6ded5}
body.theme-arabi.pg-training-courses .inst-tc #common-filter-box-modal-one{padding:0}
body.theme-arabi.pg-training-courses .inst-tc #common-filter-box-modal-one .box2{padding:12px;background:#fff}
body.theme-arabi.pg-training-courses .inst-tc #common-filter-box-modal-one .form-control{width:100%;height:42px;border:1px solid #b08968;border-radius:4px;background:#fff;color:#2b2119;padding:0 12px;font-size:.95rem!important}
body.theme-arabi.pg-training-courses .inst-tc #common-filter-box-modal-one .menu-two.purple-color{background:#2b2119!important;border-color:#2b2119!important;color:#fff!important;border-radius:4px;width:100%}
body.theme-arabi.pg-training-courses .inst-tc-cta{margin:0 12px 12px;background:#b08968;color:#fff;border-radius:4px}
body.theme-arabi.pg-training-courses .inst-tc-cta-kicker{color:#f5ede4}
body.theme-arabi.pg-training-courses .inst-tc-head{display:none}
body.theme-arabi.pg-training-courses .inst-tc #course_list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
body.theme-arabi.pg-training-courses .inst-tc .courselist-style-inside .courselisting,body.theme-arabi.pg-training-courses .inst-tc .courselist-style-inside .courselisting.virtual{display:flex;flex-direction:column;gap:6px;padding:14px 16px 16px;border:1px solid #e6ded5;border-top:4px solid #b08968;border-radius:0 0 8px 8px;background:#faf7f3}
body.theme-arabi.pg-training-courses .inst-tc .courselisting i.bi{display:inline-block}
body.theme-arabi.pg-training-courses .inst-tc .course-date{position:static;display:block;background:transparent;padding:0 0 8px;border-radius:0;font-size:16px!important;width:auto}
body.theme-arabi.pg-training-courses .inst-tc .courselisting form{grid-column:auto;margin-top:auto;padding-top:10px}
body.theme-arabi.pg-training-courses .inst-tc .courselisting .btn-primary,body.theme-arabi.pg-training-courses .inst-tc .courselisting .btn-secondary{width:100%;white-space:normal}
@media (max-width:1199px){body.theme-arabi.pg-training-courses .inst-tc #course_list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:575px){body.theme-arabi.pg-training-courses .inst-tc #course_list{grid-template-columns:1fr}}

/* --- training-courses fix ffbf78ec8b79a53410281c96383e0b34 --- */
/* قاعدة الجدول المشتركة (align-items:center) كانت بتوسّط محتوى الكارت في العمود المرن */
body.theme-arabi.pg-training-courses .inst-tc .courselist-style-inside .courselisting,body.theme-arabi.pg-training-courses .inst-tc .courselist-style-inside .courselisting.virtual{align-items:stretch;text-align:start;background:#faf7f3!important;border:1px solid #e6ded5!important;border-top:4px solid #b08968!important;border-radius:0 0 8px 8px!important}
body.theme-arabi.pg-training-courses .inst-tc .courselisting > *{text-align:start;width:auto}
body.theme-arabi.pg-training-courses .inst-tc .courselisting:hover{border-top-color:#9c6b30!important}

/* --- training-courses fix 8149ce8291efafe9aeacae87d115647e --- */
/* ===== الدورات الداخلية — العربي: بطاقات فهرسة بحد علوي رملي (زي كروت دوراته)، أرقام بنية، المزايا بأيقونات رملية على خلفية رملية فاتحة، زر داكن (2026-09-07) ===== */
body.theme-arabi .inst-ih-steps,body.theme-arabi .inst-ih-benefits{background:#faf7f3;border:1px solid #e6ded5;border-top:4px solid #b08968;border-radius:0 0 8px 8px;box-shadow:none}
body.theme-arabi .inst-ih-h{color:#2b2119;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.5rem;border-bottom:1px dashed #e6ded5;padding-bottom:10px}
body.theme-arabi .inst-ih-h::after{display:none}
body.theme-arabi .inst-ih-num{background:#9c6b30;border-radius:6px}
body.theme-arabi .inst-ih-checks li .bi{color:#b08968}
body.theme-arabi .inst-ih-cta{background:#2b2119!important;border-color:#2b2119!important;color:#fff!important;border-radius:4px}

/* --- training-courses fix e3fa14c65cc6b6a80b40e20e7283f61a --- */
/* لمسة فنية: العربي — الحد الرملي العلوي يغمق عند المرور والبطاقة ترتفع، أرقام بظل، أيقونات تكبر عند المرور */
body.theme-arabi .inst-ih-steps,body.theme-arabi .inst-ih-benefits{transition:transform .25s,border-top-color .25s,box-shadow .25s}
body.theme-arabi .inst-ih-steps:hover,body.theme-arabi .inst-ih-benefits:hover{transform:translateY(-4px);border-top-color:#9c6b30;box-shadow:0 14px 30px rgba(43,33,25,.12)}
body.theme-arabi .inst-ih-num{box-shadow:0 6px 14px rgba(156,107,48,.35)}
body.theme-arabi .inst-ih-checks li .bi{transition:transform .2s,color .2s}
body.theme-arabi .inst-ih-checks li:hover .bi{transform:scale(1.25);color:#9c6b30}

/* --- banner-icon = banner-image (2026-09-07) --- */
/* صفحة التخصص بانرها #common-banner-section-icon بنفس بنية بانر الصورة → نفس تصميم بانر الثيم */
body.theme-arabi.pg-training-courses #common-banner-section-icon .background-listing{background:#b08968;color:#2b2119;border-radius:0}
body.theme-arabi.pg-training-courses #common-banner-section-icon .common-banner-section-box{display:block}
body.theme-arabi.pg-training-courses #common-banner-section-icon .common-banner-image{display:none}
body.theme-arabi.pg-training-courses #common-banner-section-icon .common-banner-text{float:none;width:100%;max-width:860px;text-align:start;margin:0}
body.theme-arabi.pg-training-courses #common-banner-section-icon h1{color:#2b2119;font-size:34px}
body.theme-arabi.pg-training-courses #common-banner-section-icon p{color:#3d2f24;text-align:start}
body.theme-arabi.pg-training-courses #common-banner-section-icon{background:#b08968}
body.theme-arabi.pg-training-courses #common-banner-section-icon::before{display:none}
body.theme-arabi.pg-training-courses #common-banner-section-icon .common-banner-section-box{padding:34px 0}
body.theme-arabi.pg-training-courses #common-banner-section-icon .common-banner-text{max-width:860px}
body.theme-arabi.pg-training-courses #common-banner-section-icon .common-banner-text h1{color:#2b2119}
body.theme-arabi.pg-training-courses #common-banner-section-icon .common-banner-text p{color:#3d2f24}
body.theme-arabi.pg-training-courses.page-online #common-banner-section-icon .common-banner h1{color:#2b2119}
body.theme-arabi.pg-training-courses.page-online #common-banner-section-icon .common-banner p{color:#3d2f24}

/* --- training-courses fix 1a56eeee78a6d4a8626dffcfcec21bce --- */
/* ===== الصفحات الداخلية — العربي: بطاقات فهرسة بحد رملي علوي وخلفية رملية فاتحة، عناوين مشجّرة، الأسئلة بخط مقطّع ===== */
body.theme-arabi .inst-about-pillar,body.theme-arabi .inst-pub-feat,body.theme-arabi .inst-about-offer,body.theme-arabi .inst-pub-terms,body.theme-arabi .inst-faq-item,body.theme-arabi .inst-clients-grid li{background:#faf7f3;border:1px solid #e6ded5;border-top:4px solid #b08968;border-radius:0 0 8px 8px;box-shadow:none}
body.theme-arabi .inst-about-h,body.theme-arabi .inst-faq-h,body.theme-arabi .inst-pub-h,body.theme-arabi .inst-clients-h,body.theme-arabi .inst-about-pillar h2,body.theme-arabi .inst-pub-feat h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#2b2119}
body.theme-arabi .inst-about-h::after,body.theme-arabi .inst-faq-h::after,body.theme-arabi .inst-pub-h::after,body.theme-arabi .inst-clients-h::after{display:none}
body.theme-arabi .inst-about-h,body.theme-arabi .inst-faq-h,body.theme-arabi .inst-pub-h,body.theme-arabi .inst-clients-h{border-bottom:1px dashed #e6ded5;padding-bottom:8px}
body.theme-arabi .inst-about-pillar .bi,body.theme-arabi .inst-pub-feat .bi,body.theme-arabi .inst-about-offer > .bi,body.theme-arabi .inst-clients-grid li .bi{color:#9c6b30}
body.theme-arabi .inst-about-offer-arrow,body.theme-arabi .inst-faq-item summary .bi{color:#b08968}
body.theme-arabi .inst-faq-item[open]{border-top-color:#9c6b30}
body.theme-arabi .inst-faq-a{border-top:1px dashed #e6ded5;padding-top:12px;margin:0 18px 16px;padding-inline:0}

/* --- training-courses fix e521bf6ef39bedce6e5f868cc7bcbdc0 --- */
/* ===== العربي: بطاقات فهرسة بحد رملي علوي وخلفية رملية فاتحة، عناوين مشجّرة، بدون صور للمقالات (نص فقط زي كروته) ===== */
body.theme-arabi.pg-training-courses .categorymain-listing-wrap-box > .box2,body.theme-arabi.pg-training-courses .citymain-listing-wrap-box .box2,body.theme-arabi.pg-training-courses .common-listing-wrap-box > .box2{background:#faf7f3!important;border:1px solid #e6ded5!important;border-top:4px solid #b08968!important;border-radius:0 0 8px 8px!important;transition:transform .2s,border-top-color .2s}
body.theme-arabi.pg-training-courses .categorymain-listing-wrap-box > .box2:hover,body.theme-arabi.pg-training-courses .citymain-listing-wrap-box .box2:hover,body.theme-arabi.pg-training-courses .common-listing-wrap-box > .box2:hover{transform:translateY(-4px);border-top-color:#9c6b30!important}
body.theme-arabi.pg-training-courses .categorypage-content h6,body.theme-arabi.pg-training-courses .widget-content h6,body.theme-arabi.pg-training-courses .common-listing-wrap-box .common-content h6{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#2b2119;font-size:1.05rem}
body.theme-arabi.pg-training-courses .categorypage-icon{background:#fff;border:1px solid #e6ded5;border-radius:6px;padding:10px}
body.theme-arabi.pg-training-courses .categorypage-content a,body.theme-arabi.pg-training-courses .widget-content a{color:#9c6b30}
body.theme-arabi.pg-training-courses .common-listing-wrap-box > .box2 > a:first-child{display:none}
body.theme-arabi.pg-training-courses .common-listing-wrap-box .course-date{order:-1;font-size:.95rem;font-weight:700;color:#9c6b30;padding:16px 16px 8px;border-bottom:1px dashed #e6ded5;margin:0 16px 4px;padding-inline:0}
body.theme-arabi.pg-training-courses .common-listing-wrap-box .btn{background:#b08968!important;border-color:#b08968!important;color:#fff!important;border-radius:4px}

/* --- training-courses fix 6db8b32d20d9f548502e02156f74f395 --- */
/* ===== العربي: بطاقات فهرسة بحد رملي علوي وخلفية رملية فاتحة، عناوين مشجّرة ===== */
body.theme-arabi .inst-dl-item,body.theme-arabi .inst-dl-request,body.theme-arabi .inst-contact-card,body.theme-arabi .inst-cra,body.theme-arabi .inst-contact-form .box4{background:#faf7f3!important;border:1px solid #e6ded5!important;border-top:4px solid #b08968!important;border-radius:0 0 8px 8px!important;box-shadow:none!important}
body.theme-arabi .inst-dl-h,body.theme-arabi .inst-contact-h{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#2b2119;border-bottom:1px dashed #e6ded5;padding-bottom:8px}
body.theme-arabi .inst-dl-h::after{display:none}
body.theme-arabi .inst-dl-item > .bi,body.theme-arabi .inst-cra-head > .bi{color:#9c6b30}
body.theme-arabi .inst-contact-list li .bi{background:#fff;border:1px solid #e6ded5;color:#9c6b30}
body.theme-arabi .inst-dl-arrow,body.theme-arabi .inst-cra-list li .bi{color:#b08968}

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

/* --- training-courses fix 35c70e27bebd4602d6eac8019b4ceda5 --- */
/* ===== العربي: حقول كبسولية بحد رملي بدون صندوق، زر داكن ===== */
body.theme-arabi.pg-training-courses #fc-search .search-wrap{background:transparent;box-shadow:none;border-radius:0;padding:16px 0}
body.theme-arabi.pg-training-courses #fc-search .form-control,body.theme-arabi.pg-training-courses #fc-search .chosen-choices,body.theme-arabi.pg-training-courses #fc-search select{background:#fff!important;border:1px solid #b08968!important;border-radius:30px!important}
body.theme-arabi.pg-training-courses #fc-search .search-btns{background:#2b2119!important;border-color:#2b2119!important;color:#fff!important;border-radius:30px}

/* --- finder results = course_list (2026-09-07) --- */
@media (min-width:992px){body.theme-arabi.pg-training-courses #coursefinder_list_courses{grid-template-columns:repeat(4,1fr);gap:20px}}
body.theme-arabi.pg-training-courses .inst-tc #coursefinder_list_courses{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:1199px){body.theme-arabi.pg-training-courses .inst-tc #coursefinder_list_courses{grid-template-columns:repeat(2,1fr)}}
@media (max-width:575px){body.theme-arabi.pg-training-courses .inst-tc #coursefinder_list_courses{grid-template-columns:1fr}}

/* --- training-courses fix 21a57e8bcb7ddc59dfd1ac7cc611b7ce --- */
/* ===== العربي: بطاقات فهرسة بحد رملي علوي ورقم بني مشجّر، عنوان مشجّر ===== */
body.theme-arabi.pg-training-courses .categorymain-listing-wrap-box > .box2{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 18px}
body.theme-arabi.pg-training-courses .categorymain-listing-wrap-box > .box2::before{content:counter(instcat,decimal-leading-zero);counter-increment:instcat;font-family:Georgia,"Times New Roman",serif;color:#9c6b30;font-size:1.4rem;border-bottom:1px dashed #e6ded5;width:100%;padding-bottom:6px}

/* --- training-courses fix 4a3222c26b4c7f1ec976c9780ebc8d22 --- */
/* ===== العربي: رؤوس مشجّرة على خلفية رملية فاتحة بحد رملي علوي، حقول بحد رملي ===== */
body.theme-arabi.pg-training-courses #register-section .tabHead{background:#faf7f3;color:#2b2119;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.2rem;border-top:4px solid #b08968;border-radius:0;border-bottom:1px dashed #e6ded5}
body.theme-arabi.pg-training-courses #register-section .tabContent{background:#faf7f3;border:1px solid #e6ded5;border-top:0;border-radius:0 0 8px 8px}
body.theme-arabi.pg-training-courses #register-section .form-control{border:1px solid #b08968;border-radius:30px;background:#fff}
body.theme-arabi.pg-training-courses .inst-form-side-card{background:#faf7f3;border:1px solid #e6ded5;border-top:4px solid #b08968;border-radius:0 0 8px 8px}
body.theme-arabi.pg-training-courses .inst-form-side-list li .bi{background:#fff;border:1px solid #e6ded5;color:#9c6b30}

/* --- training-courses fix 89d195a1beb6290f8187c3d87d67d40b --- */
body.theme-arabi.pg-training-courses #register-section .tabHead{background:#faf7f3!important;color:#2b2119!important;font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important;font-size:1.2rem!important;border-top:4px solid #b08968!important;border-radius:0!important;border-bottom:1px dashed #e6ded5!important}

/* --- training-courses fix 29d6b30ee5219a425efa990e4a1a9ee1 --- */
body.theme-arabi.pg-training-courses #register-section .tabContent{background:#faf7f3!important;border:1px solid #e6ded5!important;border-top:0!important;border-radius:0 0 8px 8px!important}

/* --- training-courses fix 8dda0c3a3307a77b253f4b0f677375fb --- */
/* ===== العربي: بطاقة فهرسة بحد رملي علوي وخلفية رملية فاتحة، عنوان مشجّر، التاريخ بخط مقطّع ===== */
body.theme-arabi.pg-post-page .blog-webinar-articles-details-left .box,body.theme-arabi.pg-post-page .blog-webinar-articles-details-right .box2{background:#faf7f3;border:1px solid #e6ded5;border-top:4px solid #b08968;border-radius:0 0 8px 8px;box-shadow:none}
body.theme-arabi.pg-post-page .blog-webinar-articles-details-left .box h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#2b2119}
body.theme-arabi.pg-post-page .blog-webinar-articles-details-left .box .course-date{border-bottom:1px dashed #e6ded5;padding-bottom:10px;color:#9c6b30;font-weight:700}

/* --- training-courses fix 845199ff75782870bc59c6efef34c2c4 --- */
/* ===== العربي: تبويبات مشجّرة بخط مقطّع، محتوى رملي فاتح بحد رملي علوي ===== */
body.theme-arabi.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link{border-radius:0;background:transparent;color:#6b5b4f;font-family:Georgia,"Times New Roman",serif;border-bottom:1px dashed #e6ded5}
body.theme-arabi.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link.active{background:#faf7f3;color:#2b2119;border-top:4px solid #b08968}
body.theme-arabi.pg-training-courses #coursedetails-content-section .tab-content{background:#faf7f3;border:1px solid #e6ded5;border-radius:0 0 8px 8px}
body.theme-arabi.pg-training-courses .session-card{background:#faf7f3!important;border:1px solid #e6ded5!important;border-top:4px solid #b08968!important;border-radius:0 0 8px 8px!important}

/* --- training-courses fix 8d854b6515ab64e737804748e422eaef --- */
body.theme-arabi.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link{border-radius:0!important;background:transparent!important;color:#6b5b4f!important;font-family:Georgia,"Times New Roman",serif!important;border-bottom:1px dashed #e6ded5!important}

/* --- training-courses fix e67c18127fb008f7e233653f63ae696c --- */
body.theme-arabi.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link.active{background:#faf7f3!important;color:#2b2119!important;border-top:4px solid #b08968!important}

/* --- training-courses fix 36247c2d041435f12627c330d6413865 --- */
html.theme-arabi{background:#95735a}

/* --- training-courses fix 48491e3f05432cf89ff1865300b385ca --- */
/* التذييل ملفوف في .row، واللي بيديها هوامش سالبة 15px بتلغي حشو .container.
   أعمدة بوتستراب هي اللي بتعوّضها عادةً، وأعمدة التذييل هنا مش .col-* فالكلام
   كان لازق في حرف الشاشة. بنرجّع الـ15px حشو على الصف نفسه. */
body.theme-arabi .desktop-footer.ar-footer,
body.theme-arabi .mobile-footer.ar-footer{padding-left:15px;padding-right:15px}

/* --- training-courses fix 474012c1f92743cf627258dc5660302c --- */
/* صفحة التخصص لازم تبقى بنفس شبكة الكروت بتاعة /training-courses (تلات أعمدة) */
body.theme-arabi.pg-training-courses .inst-tc #category_course_list,body.theme-arabi.pg-training-courses .inst-tc #category_course_list_by_name{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:20px!important}
@media (max-width:1199px){body.theme-arabi.pg-training-courses .inst-tc #category_course_list,body.theme-arabi.pg-training-courses .inst-tc #category_course_list_by_name{grid-template-columns:repeat(2,1fr)!important}}
@media (max-width:575px){body.theme-arabi.pg-training-courses .inst-tc #category_course_list,body.theme-arabi.pg-training-courses .inst-tc #category_course_list_by_name{grid-template-columns:1fr!important}}

/* ============================================================
   العربي (2026-09-08) — تفاصيل الدورة: "بطاقة الحقائق" FACTS RAIL
   ------------------------------------------------------------
   التبويبات اتشالت من الـ view، فالألواح كلها لازم تبان. العمود
   الشمال ورق أبيض بعناوين مشجّرة وخطوط منقّطة، والعمود الجنب
   بطاقة حقائق بحد رملي وشريط رأس رملي وزوايا 0 0 8px 8px.
   كل حاجة مقصورة على body.theme-arabi عشان المعهد ميتأثرش.
   ============================================================ */

body.theme-arabi.pg-training-courses #coursedetails-buttons-section,
body.theme-arabi.pg-training-courses #coursedetails-content-section {
    --abx-sand:  #f6f0e7;
    --abx-band:  #ece0cf;
    --abx-line:  #dccebb;
    --abx-dot:   #c7b49b;
    --abx-ink:   #2b2119;
    --abx-mut:   #6f6055;
    --abx-brz:   #9c6b30;
    --abx-serif: Georgia, "Times New Roman", serif;
}

/* ── الشريط الرملي اللي بيلمّ الأزرار والمحتوى ─────────────── */
body.theme-arabi.pg-training-courses #coursedetails-buttons-section { background: var(--abx-sand); padding-top: 22px; }
body.theme-arabi.pg-training-courses #coursedetails-content-section { background: var(--abx-sand); padding-bottom: 40px; }

body.theme-arabi.pg-training-courses #coursedetails-buttons-section .box2,
body.theme-arabi.pg-training-courses #coursedetails-buttons-section .custom-border {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-bottom: 1px dotted var(--abx-dot) !important;
    border-radius: 0 !important;
    padding-bottom: 14px !important;
    margin-bottom: 0 !important;
}
body.theme-arabi.pg-training-courses #coursedetails-buttons-section .btn-primary-outline {
    background: #fff !important;
    border: 1px solid var(--abx-line) !important;
    color: var(--abx-ink) !important;
    border-radius: 0 0 6px 6px !important;
    font-family: var(--abx-serif);
    letter-spacing: .02em;
}
body.theme-arabi.pg-training-courses #coursedetails-buttons-section .btn-primary-outline:hover {
    border-color: var(--abx-brz) !important;
    color: var(--abx-brz) !important;
}
body.theme-arabi.pg-training-courses #coursedetails-buttons-section .btn-primary {
    border-radius: 0 0 6px 6px !important;
    letter-spacing: .02em;
}

/* ── الشبكة: محتوى + سكة حقائق ─────────────────────────────── */
body.theme-arabi.pg-training-courses .ab-cd-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 336px;
    gap: 34px;
    align-items: start;
}
@media (max-width: 1199px) { body.theme-arabi.pg-training-courses .ab-cd-grid { grid-template-columns: minmax(0, 1fr) 300px; gap: 26px; } }
@media (max-width: 991px)  { body.theme-arabi.pg-training-courses .ab-cd-grid { grid-template-columns: 1fr; gap: 22px; } }

body.theme-arabi.pg-training-courses .ab-cd,
body.theme-arabi.pg-training-courses .ab-cd .ab-cd-main { text-align: start; }
body.theme-arabi[dir="rtl"].pg-training-courses .ab-cd,
body.theme-arabi[dir="rtl"].pg-training-courses .ab-cd .ab-cd-main { text-align: right; }

/* الألواح كانت مخفية جوه التبويبات — دلوقتي كلها مفتوحة */
body.theme-arabi.pg-training-courses .ab-cd .tab-pane {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}
body.theme-arabi.pg-training-courses .ab-cd .tab-pane { scroll-margin-top: 120px; }

/* ── العمود الرئيسي: ورقة بيضا بحافة برونزية ──────────────── */
body.theme-arabi.pg-training-courses .ab-cd-main {
    background: #fffdfa;
    border: 1px solid var(--abx-line);
    border-top: 3px solid var(--abx-brz);
    border-radius: 0 0 8px 8px;
    padding: 4px 34px 22px;
    min-width: 0;
}
@media (max-width: 767px) { body.theme-arabi.pg-training-courses .ab-cd-main { padding: 4px 18px 16px; } }

body.theme-arabi.pg-training-courses .ab-cd-block {
    padding: 26px 0 8px;
    border-bottom: 1px dotted var(--abx-dot);
}
body.theme-arabi.pg-training-courses .ab-cd-block:last-child { border-bottom: 0; padding-bottom: 0; }

body.theme-arabi.pg-training-courses .ab-cd-title {
    display: flex;
    align-items: center;
    gap: 13px;
    margin: 0 0 20px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--abx-line);
    font-family: var(--abx-serif);
    font-weight: 400;
    font-size: 1.55rem;
    line-height: 1.25;
    color: var(--abx-ink);
}
body.theme-arabi.pg-training-courses .ab-cd-num {
    flex: 0 0 auto;
    font-family: var(--abx-serif);
    font-size: .72rem;
    letter-spacing: .16em;
    color: var(--abx-brz);
    background: var(--abx-sand);
    border: 1px solid var(--abx-line);
    border-top: 2px solid var(--abx-brz);
    border-radius: 0 0 6px 6px;
    padding: 6px 8px 5px;
    line-height: 1;
}
body.theme-arabi[dir="rtl"].pg-training-courses .ab-cd-num { letter-spacing: 0; }

/* عناوين الأقسام الداخلية (المنهجية / الأهداف / الفئات ...) */
body.theme-arabi.pg-training-courses .ab-cd-main h6:not(.year-heading) {
    font-family: var(--abx-serif);
    font-weight: 400;
    font-size: .95rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--abx-brz) !important;
    padding-bottom: 7px;
    margin-bottom: 12px;
    border-bottom: 1px dotted var(--abx-dot);
}
body.theme-arabi[dir="rtl"].pg-training-courses .ab-cd-main h6:not(.year-heading) {
    letter-spacing: 0;
    text-transform: none;
    font-size: 1.05rem;
}
body.theme-arabi.pg-training-courses .ab-cd-main .year-heading {
    font-family: var(--abx-serif);
    font-weight: 400;
    color: var(--abx-ink);
}
body.theme-arabi.pg-training-courses .ab-cd-main p,
body.theme-arabi.pg-training-courses .ab-cd-main li { color: #40342b; }
body.theme-arabi.pg-training-courses .ab-cd-main ul li::marker { color: var(--abx-brz); }

/* بطاقات الجدول جوّه الورقة: رملي على أبيض */
body.theme-arabi.pg-training-courses .ab-cd .session-card {
    background: var(--abx-sand) !important;
    border: 1px solid var(--abx-line) !important;
    border-top: 3px solid var(--abx-brz) !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: none !important;
}
body.theme-arabi.pg-training-courses .ab-cd .price-tag {
    background: #fff !important;
    border: 1px solid var(--abx-line) !important;
    border-radius: 0 0 6px 6px !important;
}
body.theme-arabi.pg-training-courses .ab-cd .feestoggle-select {
    border: 0 !important;
    border-bottom: 1px dotted var(--abx-dot) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--abx-ink) !important;
}
body.theme-arabi.pg-training-courses .ab-cd .icon-style { color: var(--abx-brz) !important; }

/* ── السكة: بطاقات حقائق ──────────────────────────────────── */
body.theme-arabi.pg-training-courses .ab-cd-rail { min-width: 0; }

body.theme-arabi.pg-training-courses .ab-sheet {
    background: #fff;
    border: 1px solid var(--abx-line);
    border-top: 3px solid var(--abx-brz);
    border-radius: 0 0 8px 8px;
    margin-bottom: 20px;
    overflow: hidden;
}
body.theme-arabi.pg-training-courses .ab-sheet-head {
    margin: 0;
    padding: 13px 18px;
    background: var(--abx-band);
    border-bottom: 1px solid var(--abx-line);
    font-family: var(--abx-serif);
    font-weight: 400;
    font-size: 1.02rem;
    letter-spacing: .05em;
    color: var(--abx-ink);
}
body.theme-arabi[dir="rtl"].pg-training-courses .ab-sheet-head { letter-spacing: 0; }

body.theme-arabi.pg-training-courses .ab-facts { margin: 0; padding: 2px 18px; }
body.theme-arabi.pg-training-courses .ab-fact {
    padding: 11px 0 10px;
    border-bottom: 1px dotted var(--abx-dot);
}
body.theme-arabi.pg-training-courses .ab-fact:last-child { border-bottom: 0; }
body.theme-arabi.pg-training-courses .ab-fact dt {
    margin: 0 0 3px;
    font-family: var(--abx-serif);
    font-weight: 400;
    font-size: .7rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--abx-mut);
}
body.theme-arabi[dir="rtl"].pg-training-courses .ab-fact dt {
    letter-spacing: 0;
    text-transform: none;
    font-size: .85rem;
}
body.theme-arabi.pg-training-courses .ab-fact dd {
    margin: 0;
    font-size: .92rem;
    line-height: 1.5;
    font-weight: 600;
    color: var(--abx-ink);
}
body.theme-arabi.pg-training-courses .ab-fact dd a {
    color: var(--abx-brz);
    text-decoration: none;
    border-bottom: 1px dotted var(--abx-brz);
}
body.theme-arabi.pg-training-courses .ab-fact-strong { display: block; }
body.theme-arabi.pg-training-courses .ab-fact-sub {
    display: block;
    font-weight: 400;
    font-size: .8rem;
    color: var(--abx-mut);
}

body.theme-arabi.pg-training-courses .ab-sheet-foot {
    padding: 15px 18px 17px;
    background: var(--abx-sand);
    border-top: 1px solid var(--abx-line);
}
body.theme-arabi.pg-training-courses .ab-rail-form { margin: 0; }
body.theme-arabi.pg-training-courses .ab-rail-cta {
    display: block;
    width: 100%;
    padding: 11px 12px;
    background: var(--abx-ink) !important;
    color: #fff !important;
    border: 1px solid var(--abx-ink) !important;
    border-radius: 0 0 6px 6px !important;
    font-family: var(--abx-serif);
    font-size: .95rem;
    letter-spacing: .04em;
    cursor: pointer;
}
body.theme-arabi.pg-training-courses .ab-rail-cta:hover {
    background: var(--abx-brz) !important;
    border-color: var(--abx-brz) !important;
}
body.theme-arabi.pg-training-courses .ab-rail-link {
    display: block;
    margin-top: 10px;
    text-align: center;
    font-size: .8rem;
    color: var(--abx-brz);
    text-decoration: none;
}
body.theme-arabi.pg-training-courses .ab-rail-link:hover { color: var(--abx-ink); }

/* قائمة "محتويات الصفحة" */
body.theme-arabi.pg-training-courses .ab-jump {
    list-style: none;
    margin: 0;
    padding: 4px 18px;
    counter-reset: abjump;
}
body.theme-arabi.pg-training-courses .ab-jump li { border-bottom: 1px dotted var(--abx-dot); }
body.theme-arabi.pg-training-courses .ab-jump li:last-child { border-bottom: 0; }
body.theme-arabi.pg-training-courses .ab-jump a {
    display: flex;
    align-items: baseline;
    gap: 11px;
    padding: 10px 0;
    font-size: .89rem;
    color: var(--abx-ink);
    text-decoration: none;
}
body.theme-arabi.pg-training-courses .ab-jump a::before {
    counter-increment: abjump;
    content: counter(abjump, decimal-leading-zero);
    flex: 0 0 auto;
    font-family: var(--abx-serif);
    font-size: .72rem;
    color: var(--abx-brz);
}
body.theme-arabi.pg-training-courses .ab-jump a:hover { color: var(--abx-brz); }

/* كتلة التواصل جوّه السكة: مسطّحة ومرصوصة تحت بعض */
body.theme-arabi.pg-training-courses .ab-sheet--cra .inst-cra {
    display: block !important;
    position: static !important;
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 14px 18px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
body.theme-arabi.pg-training-courses .ab-sheet--cra .inst-cra-head {
    border: 0 !important;
    border-bottom: 1px dotted var(--abx-dot) !important;
    padding: 0 0 10px !important;
    margin: 0 0 6px !important;
}
body.theme-arabi.pg-training-courses .ab-sheet--cra .inst-cra-head > .bi { color: var(--abx-brz) !important; }
body.theme-arabi.pg-training-courses .ab-sheet--cra .inst-cra-head strong { color: var(--abx-ink) !important; }
body.theme-arabi.pg-training-courses .ab-sheet--cra .inst-cra-head span { color: var(--abx-mut) !important; }
body.theme-arabi.pg-training-courses .ab-sheet--cra .inst-cra-list { display: block !important; }
body.theme-arabi.pg-training-courses .ab-sheet--cra .inst-cra-list li {
    padding: 8px 0;
    border-bottom: 1px dotted var(--abx-dot);
    font-size: .85rem;
}
body.theme-arabi.pg-training-courses .ab-sheet--cra .inst-cra-list li:last-child { border-bottom: 0; }
body.theme-arabi.pg-training-courses .ab-sheet--cra .inst-cra-list li .bi { color: var(--abx-brz) !important; }
body.theme-arabi.pg-training-courses .ab-sheet--cra .inst-cra-list a { color: var(--abx-ink) !important; }
body.theme-arabi.pg-training-courses .ab-sheet--cra .coursecontact-close { display: none !important; }

/* الجوال: الأكورديون بنفس اللغة الرملية */
body.theme-arabi.pg-training-courses .coursedetails-content-section-mobile .card-header,
body.theme-arabi.pg-training-courses .coursedetails-content-section-mobile .btn-link {
    font-family: var(--abx-serif);
    color: var(--abx-ink);
}

/* --- العربي / تفاصيل الدورة: تنضيف بقايا التبويبات (2026-09-08) --- */
/* .tab-content كان لسه شايل حد وخلفية من قاعدة قديمة، فبقى صندوق جوّه صندوق */
body.theme-arabi.pg-training-courses .ab-cd .tab-content {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
/* قوائم السكة مالهاش دعوة بالـ float اللي جاي من قواعد النماذج العامة */
body.theme-arabi.pg-training-courses .ab-rail,
body.theme-arabi.pg-training-courses .ab-sheet,
body.theme-arabi.pg-training-courses .ab-sheet-head,
body.theme-arabi.pg-training-courses .ab-facts,
body.theme-arabi.pg-training-courses .ab-jump {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    min-width: 0 !important;
    box-shadow: none !important;
}
body.theme-arabi.pg-training-courses .ab-jump {
    list-style: none !important;
    margin: 0 !important;
    padding: 4px 18px !important;
}
body.theme-arabi.pg-training-courses .ab-jump li { float: none !important; width: auto !important; }
body.theme-arabi.pg-training-courses .ab-sheet-head { padding: 13px 18px !important; }

/* --- العربي / تفاصيل الدورة: وصل الشريطين الرمليين (2026-09-08) --- */
body.theme-arabi.pg-training-courses #coursedetails-buttons-section { margin-bottom: 0 !important; padding-bottom: 18px !important; }
body.theme-arabi.pg-training-courses #coursedetails-content-section { margin-top: 0 !important; padding-top: 4px !important; }
body.theme-arabi.pg-training-courses #coursedetails-content-section > .container > .space10:first-child { display: none; }

/* --- العربي / تفاصيل الدورة: بطاقات المواعيد والتنبيهات (2026-09-08) --- */
/* العمود بقى أضيق من الحاوية، فتلات بطاقات في الصف بتخنق التواريخ.
   اتنين في الصف بيدّي نفس عرض بطاقة المعهد تقريبًا. */
body.theme-arabi.pg-training-courses .ab-cd .session-card-wrapper > .col-lg-4 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}
@media (max-width: 1199px) {
    body.theme-arabi.pg-training-courses .ab-cd .session-card-wrapper > .col-lg-4 { flex: 0 0 100% !important; max-width: 100% !important; }
}
body.theme-arabi.pg-training-courses .ab-cd .session-card .price-head,
body.theme-arabi.pg-training-courses .ab-cd .session-card .text-secondary { color: var(--abx-mut) !important; }
body.theme-arabi.pg-training-courses .ab-cd .session-card .btn { border-radius: 0 0 6px 6px !important; }

/* التنبيهات الزرقا بتاعة بوتستراب مش من لوحة الرمال */
body.theme-arabi.pg-training-courses .ab-cd .alert-info,
body.theme-arabi.pg-training-courses .ab-cd .alert-primary {
    background: var(--abx-sand) !important;
    border: 1px dotted var(--abx-dot) !important;
    border-radius: 0 0 6px 6px !important;
    color: var(--abx-ink) !important;
}
body.theme-arabi.pg-training-courses .ab-cd .alert-info a,
body.theme-arabi.pg-training-courses .ab-cd .alert-primary a { color: var(--abx-brz) !important; }

/* كروت التعلّم الافتراضي / الفصول جوّه الأقسام */
body.theme-arabi.pg-training-courses .ab-cd .courselisting-normal,
body.theme-arabi.pg-training-courses .ab-cd .courselisting {
    background: #fff !important;
    border: 1px solid var(--abx-line) !important;
    border-top: 3px solid var(--abx-brz) !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: none !important;
}
body.theme-arabi.pg-training-courses .ab-cd .course-title {
    font-family: var(--abx-serif);
    color: var(--abx-ink) !important;
}
body.theme-arabi.pg-training-courses .ab-cd .course-date { border-bottom: 1px dotted var(--abx-dot); padding-bottom: 6px; }

/* "دورات ذات صلة" تحت الصفحة: نفس الرمل بدل الرمادي */
body.theme-arabi.pg-training-courses #common-section.section-grey { background: #efe8dd !important; }
body.theme-arabi.pg-training-courses #common-section.section-grey h4 {
    font-family: var(--abx-serif);
    font-weight: 400;
    color: var(--abx-ink);
    letter-spacing: .03em;
}
body.theme-arabi.pg-training-courses #common-section.section-grey .courselisting {
    background: #fff !important;
    border: 1px solid var(--abx-line) !important;
    border-top: 3px solid var(--abx-brz) !important;
    border-radius: 0 0 8px 8px !important;
    box-shadow: none !important;
}
body.theme-arabi.pg-training-courses #common-section.section-grey .course-date {
    border-bottom: 1px dotted var(--abx-dot);
    padding-bottom: 6px;
}

/* المتغيّرات لازم تكون متاحة كمان في قسم "ذات صلة" */
body.theme-arabi.pg-training-courses #common-section.section-grey {
    --abx-line: #dccebb;
    --abx-dot:  #c7b49b;
    --abx-ink:  #2b2119;
    --abx-brz:  #9c6b30;
    --abx-serif: Georgia, "Times New Roman", serif;
}

/* --- العربي / تفاصيل الدورة: آخر لمسات (2026-09-08) --- */
/* شريط رمادي رفيع كان بيفصل المحتوى عن "دورات ذات صلة" */
body.theme-arabi.pg-training-courses #coursedetails-content-section + .space10 { display: none; }
/* أزرار كروت الافتراضي/ذات الصلة بنفس حبر أزرار المواعيد */
body.theme-arabi.pg-training-courses .ab-cd .courselisting-normal .btn,
body.theme-arabi.pg-training-courses #common-section.section-grey .courselisting .btn {
    background: #2b2119 !important;
    border-color: #2b2119 !important;
    color: #fff !important;
    border-radius: 0 0 6px 6px !important;
}
body.theme-arabi.pg-training-courses .ab-cd .courselisting-normal .btn:hover,
body.theme-arabi.pg-training-courses #common-section.section-grey .courselisting .btn:hover {
    background: #9c6b30 !important;
    border-color: #9c6b30 !important;
}
/* الفراغ الرمادي بين المحتوى و"دورات ذات صلة" كان هامش سفلي 30px */
body.theme-arabi.pg-training-courses #coursedetails-content-section { margin-bottom: 0 !important; padding-bottom: 44px !important; }
/* زر التسجيل في كروت التعلّم الافتراضي (btn-secondary من _brand.css) */
body.theme-arabi.pg-training-courses .ab-cd .courselisting-normal .btn-secondary,
body.theme-arabi.pg-training-courses .ab-cd #courseoutline-btn {
    background: #2b2119 !important;
    border-color: #2b2119 !important;
    color: #fff !important;
}
body.theme-arabi.pg-training-courses .ab-cd .courselisting-normal .btn-secondary:hover,
body.theme-arabi.pg-training-courses .ab-cd #courseoutline-btn:hover {
    background: #9c6b30 !important;
    border-color: #9c6b30 !important;
}

/* --- العربي / تفاصيل الدورة: بطاقة الحقائق على الجوال (2026-09-08) --- */
body.theme-arabi.pg-training-courses .ab-cd-mob { display: none; }
@media (max-width: 992px) {
    body.theme-arabi.pg-training-courses .ab-cd-mob { display: block; margin: 0 0 18px; }
    body.theme-arabi.pg-training-courses .ab-cd-mob .ab-sheet { margin-bottom: 0; }
    body.theme-arabi.pg-training-courses #coursedetails-content-section { padding-top: 18px !important; }
}

/* ============================================================
   العربي — الصفحات الداخلية المشتركة: "الورقة المخطوطة" (2026-09-08)
   ------------------------------------------------------------
   فكرة واحدة لكل الصفحات الداخلية: ورقة رملية واحدة عليها شريط
   عنوان بني، هامش رأسي زي المخطوطات، أقسام مرقّمة كالفصول،
   وخطوط منقّطة تربط العنوان بالسهم (dotted leaders).
   كل الكلاسات بادئتها arb- عشان ما تتعاركش مع .inst-* المشتركة،
   والمعاهد التانية ما تتأثرش.
   ============================================================ */

body.theme-arabi .arb-ms {
    background: #ece2d3;
    padding: 40px 0 56px;
}

body.theme-arabi .arb-sheet {
    --pad: 46px;
    --gut: 58px;
    --gap: 20px;
    max-width: 1060px;
    margin: 0 auto;
    background: #fbf6ec;
    border: 1px solid #ddcfb8;
    border-radius: 0;
    overflow: hidden;
    box-shadow: 0 16px 34px rgba(43, 33, 25, .07);
}

/* الشريط العلوي — العنوان الجاري (running head) */
body.theme-arabi .arb-sheet-band {
    background: linear-gradient(180deg, #7a5a3a, #614327);
    color: #f7edd9;
    padding: 15px var(--pad);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 3px double rgba(247, 237, 217, .38);
}

body.theme-arabi .arb-sheet-band b {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
    font-size: 1.02rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #f7edd9;
}

body[dir="rtl"].theme-arabi .arb-sheet-band b {
    letter-spacing: 0;
    text-transform: none;
    font-size: 1.16rem;
}

body.theme-arabi .arb-sheet-body {
    position: relative;
    padding: 30px var(--pad) 38px;
}

/* خط الهامش الرأسي — علامة المخطوطة */
body.theme-arabi .arb-sheet-body::before {
    content: "";
    position: absolute;
    inset-block: 18px;
    inset-inline-start: calc(var(--pad) + var(--gut) + (var(--gap) / 2));
    width: 1px;
    background: #eadfca;
}

/* ── رأس الفصل: رقم في الهامش + عنوان + خط منقّط للحافة ────── */
body.theme-arabi .arb-ch + .arb-ch { margin-top: 30px; }

body.theme-arabi .arb-ch-h {
    display: grid;
    grid-template-columns: var(--gut) 1fr;
    gap: 0 var(--gap);
    align-items: center;
    margin: 0 0 6px;
}

body.theme-arabi .arb-ch-n {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .82rem;
    letter-spacing: .12em;
    color: #a8916f;
    text-align: end;
    padding-inline-end: 2px;
}

body.theme-arabi .arb-ch-t {
    display: flex;
    align-items: center;
    gap: 14px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
    font-size: 1.42rem;
    color: #2b2119;
    line-height: 1.35;
}

body.theme-arabi .arb-ch-t::after {
    content: "";
    flex: 1 1 auto;
    border-top: 1px dotted #cdbb9f;
    min-width: 20px;
}

/* ── فقرات معرَّفة: العنوان بخط مشجّر في سطره، ونص، وفاصل منقّط ── */
body.theme-arabi .arb-def {
    display: grid;
    grid-template-columns: var(--gut) 1fr;
    gap: 0 var(--gap);
    padding: 20px 0;
}

body.theme-arabi .arb-def + .arb-def { border-top: 1px dotted #cdbb9f; }

body.theme-arabi .arb-def-n {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.18rem;
    color: #b08968;
    text-align: end;
    padding-inline-end: 2px;
    line-height: 1.6;
}

body.theme-arabi .arb-def-label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 5px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
    font-size: 1.14rem;
    color: #8a5c26;
    line-height: 1.5;
}

body.theme-arabi .arb-def-label .bi { font-size: 1.15rem; color: #b08968; }

body.theme-arabi .arb-def-text {
    margin: 0;
    color: #3d3128;
    font-size: 1rem;
    line-height: 1.95;
}

/* ── فهرس بخط منقّط بين العنوان والسهم ───────────────────────── */
body.theme-arabi .arb-idx { list-style: none; margin: 6px 0 0; padding: 0; }
body.theme-arabi .arb-idx > li + li { border-top: 1px dotted #cdbb9f; }

body.theme-arabi .arb-idx-row {
    display: grid;
    grid-template-columns: var(--gut) 1fr;
    gap: 0 var(--gap);
    padding: 15px 0;
    margin-inline: -10px;
    padding-inline: 10px;
    text-decoration: none !important;
    color: #2b2119;
    transition: background-color .2s ease;
}

body.theme-arabi a.arb-idx-row:hover { background: #f3e9d8; }

body.theme-arabi .arb-idx-n {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.02rem;
    color: #b08968;
    text-align: end;
    padding-inline-end: 2px;
    line-height: 1.7;
}

body.theme-arabi .arb-idx-head {
    display: flex;
    align-items: baseline;
    gap: 10px;
}

body.theme-arabi .arb-idx-head > .bi:first-child {
    color: #9c6b30;
    font-size: 1.02rem;
    flex: 0 0 auto;
}

body.theme-arabi .arb-idx-t {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.06rem;
    color: #2b2119;
    flex: 0 1 auto;
}

body.theme-arabi .arb-idx-dots {
    flex: 1 1 auto;
    min-width: 18px;
    border-bottom: 1px dotted #bfa886;
    transform: translateY(-4px);
}

body.theme-arabi .arb-idx-go {
    flex: 0 0 auto;
    color: #9c6b30;
    font-size: .98rem;
    transition: transform .2s ease;
}

body.theme-arabi a.arb-idx-row:hover .arb-idx-go { transform: translateX(4px); }
body[dir="rtl"].theme-arabi a.arb-idx-row:hover .arb-idx-go { transform: translateX(-4px); }

body.theme-arabi .arb-idx-d {
    display: block;
    margin-top: 3px;
    color: #6b5b4f;
    font-size: .9rem;
    line-height: 1.75;
}

/* فهرس على عمودين (القطاعات) */
body.theme-arabi .arb-idx-2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 40px;
}

body.theme-arabi .arb-idx-2 > li { border-top: 1px dotted #cdbb9f; }
body.theme-arabi .arb-idx-2 > li:nth-child(-n+2) { border-top: 0; }
body.theme-arabi .arb-idx-2 .arb-idx-row { padding: 12px 0; }

/* ── الأسئلة الشائعة ─────────────────────────────────────────── */
body.theme-arabi .arb-q { border-top: 1px dotted #cdbb9f; }
body.theme-arabi .arb-q:first-of-type { border-top: 0; }

body.theme-arabi .arb-q > summary {
    list-style: none;
    cursor: pointer;
    display: grid;
    grid-template-columns: var(--gut) 1fr;
    gap: 0 var(--gap);
    padding: 14px 0;
    align-items: baseline;
}

body.theme-arabi .arb-q > summary::-webkit-details-marker { display: none; }

body.theme-arabi .arb-q-n {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    color: #b08968;
    font-size: .98rem;
    text-align: end;
    padding-inline-end: 2px;
}

body.theme-arabi .arb-q-line { display: flex; align-items: baseline; gap: 10px; }

body.theme-arabi .arb-q-t {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.04rem;
    color: #2b2119;
    line-height: 1.6;
    flex: 0 1 auto;
}

body.theme-arabi .arb-q-dots {
    flex: 1 1 auto;
    min-width: 18px;
    border-bottom: 1px dotted #bfa886;
    transform: translateY(-4px);
}

body.theme-arabi .arb-q-sign {
    flex: 0 0 auto;
    color: #9c6b30;
    font-size: .9rem;
    transition: transform .25s ease;
}

body.theme-arabi .arb-q[open] .arb-q-sign { transform: rotate(45deg); }
body.theme-arabi .arb-q[open] .arb-q-t { color: #8a5c26; }

body.theme-arabi .arb-a {
    margin: 0 0 16px;
    margin-inline-start: calc(var(--gut) + var(--gap));
    padding-inline-start: 16px;
    border-inline-start: 2px solid #e6dbc6;
    color: #4a3d33;
    font-size: .96rem;
    line-height: 1.9;
}

body.theme-arabi .arb-a p { margin: 0; }

/* ── حاشية الورقة / الدعوة للتواصل ──────────────────────────── */
body.theme-arabi .arb-note {
    margin-top: 28px;
    padding-top: 20px;
    border-top: 3px double #d6c6ab;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

body.theme-arabi .arb-note p {
    margin: 0;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    color: #5f5145;
    font-size: 1.04rem;
}

body.theme-arabi .arb-note-actions { display: flex; flex-wrap: wrap; gap: 10px; }

body.theme-arabi .arb-ms .btn-primary {
    background: #2b2119 !important;
    border: 1px solid #2b2119 !important;
    color: #fbf6ec !important;
    border-radius: 2px !important;
    padding: 9px 24px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    letter-spacing: .04em;
    box-shadow: none !important;
}

body.theme-arabi .arb-ms .btn-secondary {
    background: transparent !important;
    border: 1px solid #9c6b30 !important;
    color: #8a5c26 !important;
    border-radius: 2px !important;
    padding: 9px 24px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    letter-spacing: .04em;
    box-shadow: none !important;
}

body.theme-arabi .arb-ms .btn-primary:hover { background: #46331f !important; border-color: #46331f !important; }
body.theme-arabi .arb-ms .btn-secondary:hover { background: #f3e9d8 !important; }

/* ── مقدّمة البانر: نص المخطوطة (بلا علامة زخرفية) ──────────── */
body.theme-arabi .arb-lede {
    display: block;
    max-width: 74ch;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.04rem;
    line-height: 1.95;
    padding-top: 6px;
    text-align: start;
}

/* ── الموبايل ───────────────────────────────────────────────── */
@media (max-width: 767px) {
    body.theme-arabi .arb-sheet { --pad: 20px; --gut: 34px; --gap: 12px; }
    body.theme-arabi .arb-sheet-band { padding: 12px 20px; }
    body.theme-arabi .arb-sheet-band b { font-size: .9rem; letter-spacing: .1em; }
    body.theme-arabi .arb-ch-t { font-size: 1.2rem; }
    body.theme-arabi .arb-idx-2 { grid-template-columns: 1fr; column-gap: 0; }
    body.theme-arabi .arb-idx-2 > li { border-top: 1px dotted #cdbb9f; }
    body.theme-arabi .arb-idx-2 > li:first-child { border-top: 0; }
    body.theme-arabi .arb-note { flex-direction: column; align-items: flex-start; }
}

body.theme-arabi .arb-def-n .bi { font-size: 1.4rem; color: #b08968; line-height: 1.35; }

/* --- الورقة المخطوطة: نقاط الوصل أوضح (2026-09-08) --- */
body.theme-arabi .arb-idx-dots,
body.theme-arabi .arb-q-dots,
body.theme-arabi .arb-ch-t::after {
    border: 0;
    transform: none;
    height: 6px;
    align-self: baseline;
    background-image: radial-gradient(circle, #b99f78 1.15px, rgba(0, 0, 0, 0) 1.25px);
    background-size: 7px 6px;
    background-repeat: repeat-x;
    background-position: center;
}

body.theme-arabi .arb-ch-t::after { align-self: center; }
body.theme-arabi .arb-def + .arb-def { border-top-color: #cbb692; }
body.theme-arabi .arb-idx > li + li,
body.theme-arabi .arb-idx-2 > li,
body.theme-arabi .arb-q { border-top-color: #cbb692; }
body.theme-arabi .arb-idx-2 > li:nth-child(-n+2) { border-top: 0; }
body.theme-arabi .arb-q:first-of-type { border-top: 0; }

/* الحاشية تغطّي خط الهامش الرأسي */
body.theme-arabi .arb-note { position: relative; background: #fbf6ec; }

/* --- الورقة المخطوطة: الشروط، الخطوات، القيم في الفهرس، النموذج، القصاصة (2026-09-08) --- */

body.theme-arabi .arb-terms,
body.theme-arabi .arb-steps { list-style: none; margin: 6px 0 0; padding: 0; }
body.theme-arabi .arb-terms dd { margin: 0; }
body.theme-arabi .arb-terms dt { font-weight: 400; }
body.theme-arabi .arb-def-actions { margin-top: 14px; }

/* قيمة البند في فهرس بيانات التواصل (بعد الخط المنقّط) */
body.theme-arabi .arb-idx-v {
    flex: 0 0 auto;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1rem;
    color: #8a5c26;
    text-decoration: none !important;
}

body.theme-arabi a.arb-idx-v:hover { color: #2b2119; text-decoration: underline !important; }
body.theme-arabi .arb-contact-links { margin-top: 22px; }

/* ── نموذج اتصل بنا: حقول على سطور مخطوطة ──────────────────── */
body.theme-arabi .arb-leaf { margin-top: 10px; }

body.theme-arabi .arb-leaf .form-control {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #cdbb9f !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 8px 2px !important;
    color: #2b2119 !important;
    font-size: .96rem;
    height: auto;
}

body.theme-arabi .arb-leaf .form-control::placeholder { color: #9c8a76; opacity: 1; }
body.theme-arabi .arb-leaf .form-control:focus { border-bottom-color: #8a5c26 !important; background: #f7f0e2 !important; }
body.theme-arabi .arb-leaf textarea.form-control { border: 1px solid #cdbb9f !important; padding: 10px 12px !important; }
body.theme-arabi .arb-leaf .btn-primary { margin-top: 6px; }
body.theme-arabi .arb-leaf #message_contact:empty { display: none; }

/* ── قصاصة العمود الجانبي للنماذج ───────────────────────────── */
body.theme-arabi .arb-slip {
    display: block;
    background: #fbf6ec;
    border: 1px solid #ddcfb8;
    border-radius: 0;
    overflow: hidden;
}

body.theme-arabi .arb-slip-band {
    background: linear-gradient(180deg, #7a5a3a, #614327);
    padding: 11px 16px;
    border-bottom: 3px double rgba(247, 237, 217, .38);
}

body.theme-arabi .arb-slip-band b {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
    font-size: .98rem;
    color: #f7edd9;
    letter-spacing: .06em;
}

body.theme-arabi .arb-slip-body { padding: 16px; }

body.theme-arabi .arb-slip-list { list-style: none; margin: 0; padding: 0; }

body.theme-arabi .arb-slip-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 9px 0;
    font-size: .92rem;
}

body.theme-arabi .arb-slip-list li + li { border-top: 1px dotted #cbb692; }
body.theme-arabi .arb-slip-list li .bi { color: #9c6b30; font-size: 1rem; flex: 0 0 auto; }
body.theme-arabi .arb-slip-list li a { color: #2b2119; text-decoration: none !important; word-break: break-word; }
body.theme-arabi .arb-slip-list li a:hover { color: #8a5c26; text-decoration: underline !important; }

body.theme-arabi .arb-slip-h {
    margin: 18px 0 8px;
    padding-top: 14px;
    border-top: 3px double #d6c6ab;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
    font-size: 1.02rem;
    color: #2b2119;
}

body.theme-arabi .arb-slip-steps { list-style: none; margin: 0; padding: 0; }

body.theme-arabi .arb-slip-steps li {
    display: grid;
    grid-template-columns: 30px 1fr;
    gap: 0 10px;
    padding: 9px 0;
    font-size: .9rem;
    line-height: 1.7;
    color: #4a3d33;
}

body.theme-arabi .arb-slip-steps li + li { border-top: 1px dotted #cbb692; }

body.theme-arabi .arb-slip-n {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    color: #b08968;
    text-align: end;
    font-size: .95rem;
}

/* --- الورقة المخطوطة: الأشرطة والنموذج تغطّي خط الهامش (2026-09-08) --- */
body.theme-arabi .arb-ms .arb-note-actions { position: relative; }
body.theme-arabi .arb-contact-links { position: relative; background: #fbf6ec; padding: 8px 0; }
body.theme-arabi .arb-leaf { position: relative; background: #fbf6ec; padding-top: 6px; }

/* --- فهرس بخطوط موصّلة: من اسم البند إلى علامته في الحافة (2026-09-08) ---
   بلا عمود أرقام/أيقونات وبلا أسهم: السطر يبدأ بعد خط الهامش
   الرأسي زي بقية الفقرات، والخط المنقّط يمتدّ للعلامة في الحافة. */
body.theme-arabi .arb-idx-lead .arb-idx-row {
    display: block;
    padding-inline-start: calc(10px + var(--gut) + var(--gap));
}

body.theme-arabi .arb-idx-lead .arb-idx-head {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 30px;
}

body.theme-arabi .arb-idx-lead .arb-idx-t {
    font-size: 1.1rem;
    flex: 0 1 auto;
}

body.theme-arabi .arb-idx-lead .arb-idx-dots {
    flex: 1 1 auto;
    min-width: 24px;
    align-self: center;
    transform: none;
}

/* العلامة في طرف الخط المنقّط */
body.theme-arabi .arb-idx-lead .arb-idx-tag {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border: 1px solid #cbb692;
    background: #f3e9d8;
    color: #8a5c26;
}

body.theme-arabi .arb-idx-lead .arb-idx-tag .bi {
    font-size: 1.02rem;
    line-height: 1;
}

body.theme-arabi .arb-idx-lead a.arb-idx-row:hover .arb-idx-tag {
    background: #e6d6b8;
    border-color: #b08968;
}

body.theme-arabi .arb-idx-lead .arb-idx-d {
    margin-top: 5px;
    max-width: 78ch;
}

@media (max-width: 767px) {
    body.theme-arabi .arb-idx-lead .arb-idx-row { padding-inline-start: 10px; }
    body.theme-arabi .arb-idx-lead .arb-idx-t { font-size: 1.02rem; }
    body.theme-arabi .arb-idx-lead .arb-idx-tag { width: 26px; height: 26px; }
}

/* --- training-courses fix 805a08f6d8ee8e203faaf6f5171b716e --- */
/* العربي: بطاقات رملية بعرض متفاوت وفواصل منقّطة */
body.theme-arabi .inst-logos{background:#faf7f3}
body.theme-arabi .inst-logos-h{font-family:Georgia,'Times New Roman',serif;color:#2b2119;font-weight:400;border-bottom:1px dotted #cfc3b4;padding-bottom:10px}
body.theme-arabi .inst-logos-grid{display:flex;flex-wrap:wrap;gap:0}
body.theme-arabi .inst-logos-item{flex:1 1 auto;min-width:158px;min-height:96px;border:1px dotted #d9cdbd;margin:-1px 0 0 -1px;background:#fff}
body.theme-arabi .inst-logos-item:nth-child(3n){flex-basis:210px}

/* --- training-courses fix e6ea640f5971da3558fde0931f0833e1 --- */
/* العربي: كشف — شريط رملي فيه التاريخ، صفوف بخطوط منقّطة، والسعر سطر فوق زر بعرض البطاقة. */
body.theme-arabi.pg-training-courses .session-card{display:flex!important;flex-direction:column;padding:0!important;overflow:hidden;border-radius:0 0 8px 8px!important;background:#faf7f3!important}
body.theme-arabi.pg-training-courses .session-card > ul{width:100%!important;margin:0!important;padding:0 16px!important}
body.theme-arabi.pg-training-courses .session-card li{display:flex;align-items:center;gap:8px;border-bottom:1px dotted #e6ded5;padding:9px 0}
body.theme-arabi.pg-training-courses .session-card li:first-child{order:-1;margin:0 -16px;background:#b08968;color:#fff;padding:11px 16px;border:0;font-family:Georgia,"Times New Roman",serif;font-size:1rem}
body.theme-arabi.pg-training-courses .session-card li:first-child i{color:#fff!important}
body.theme-arabi.pg-training-courses .session-card .price-box{position:static!important;order:2;margin:12px 16px 0;border:0!important;border-top:1px solid #e6ded5!important;border-radius:0!important;background:transparent!important;padding:12px 0 0!important;display:flex;align-items:center;justify-content:space-between}
body.theme-arabi.pg-training-courses .session-card > form{order:3;padding:12px 16px 16px}
body.theme-arabi.pg-training-courses .session-card .btn{width:100%;border-radius:0!important}

/* ═══════════════════════════════════════════════════════════
   العربي — صفحات القوائم المشتركة كفهرس مخطوط (2026-09-08)
   ------------------------------------------------------------
   /categories, /cities, /articles, /blogs — أربعتهم بلغة واحدة:
   عمود واحد على ورقة رملية، وكل بند سطر فصل مرقّم (رقم، عنوان،
   خط منقّط، سهم)، وخطوط منقّطة بين البنود. بلا بطاقات وبلا صور.
   نفس مفردات باقي صفحات المعهد (.arb-ms / .arb-sheet / .arb-idx)،
   والجديد كله متسوّر بـ .arb-ls / .arb-idx-ls عشان ما يمسّش صفحة
   تانية اتبنت قبل كده.
   ═══════════════════════════════════════════════════════════ */

/* الورقة نفسها أطول هنا (٣٣ تصنيف)، فالحشو أهدى شوية. */
body.theme-arabi .arb-ls .arb-sheet-body { padding-block: 22px 30px; }

/* الشريط العلوي: اسم المعهد على طرف، واسم الصفحة على الطرف التاني. */
body.theme-arabi .arb-ls-band-r {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .82rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #dcc9a6;
    flex: 0 0 auto;
}

body[dir="rtl"].theme-arabi .arb-ls-band-r {
    letter-spacing: 0;
    text-transform: none;
    font-size: .95rem;
}

/* عنوان الفصل فوق القائمة — /cities بيستعمله لجملة "الدورات التدريبية في"
   مرة واحدة بدل ما تتكرّر على كل سطر مدينة. */
body.theme-arabi .arb-ls-ch { margin-bottom: 10px; }
body.theme-arabi .arb-ls-ch .arb-ch-t { font-size: 1.24rem; }

/* ── سطر البند ─────────────────────────────────────────────── */
body.theme-arabi .arb-idx-ls > li[hidden] { display: none !important; border: 0 !important; }
body.theme-arabi .arb-idx-ls > li:first-child > .arb-idx-row { padding-top: 6px; }

/* عمود المحتوى جنب الرقم: لازم min-width:0 عشان العنوان الطويل يلفّ
   بدل ما يمدّ الشبكة ويعمل تمرير أفقي على ٣٩٠ بكسل. */
body.theme-arabi .arb-idx-ls .arb-idx-c { display: block; min-width: 0; }

/* العنوان الطويل بيلفّ جوّه خانته، والخط المنقّط والتاريخ والسهم بيفضلوا
   مع بعض على آخر سطر منه (last baseline) — مفيش سهم بيهرب لسطر لوحده. */
body.theme-arabi .arb-idx-ls .arb-idx-head {
    flex-wrap: nowrap;
    align-items: baseline;
    align-items: last baseline;
    gap: 8px;
}

body.theme-arabi .arb-idx-ls .arb-idx-t {
    flex: 0 1 auto;
    min-width: 0;
    font-size: 1.12rem;
    line-height: 1.6;
    overflow-wrap: anywhere;
}

/* بادئة باهتة قبل الاسم (مثال: "الدورات التدريبية في" قبل اسم المدينة) —
   الاسم هو اللي يفضل واضح، والبادئة تتراجع. */
body.theme-arabi .arb-idx-ls .arb-idx-pre {
    color: #8d7b6a;
    font-size: .92rem;
    font-family: inherit;
}

/* الخط المنقّط ما يختفيش خالص لو المساحة ضاقت. القاعدة العامة فوق
   بتحطّ align-self: baseline، وده بيرفعه لأول سطر في العنوان الملفوف —
   هنا بنرجّعه لآخر سطر مع التاريخ والسهم. */
body.theme-arabi .arb-idx-ls .arb-idx-dots { min-width: 26px; align-self: last baseline; }
body.theme-arabi .arb-idx-ls .arb-idx-end { align-self: last baseline; }

/* آخر السطر: التاريخ أو كلمة "الدورات" — رقم الصفحة في الفهرس. */
body.theme-arabi .arb-idx-ls .arb-idx-end {
    flex: 0 0 auto;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .95rem;
    color: #8a5c26;
    white-space: nowrap;
}

body.theme-arabi .arb-idx-ls .arb-idx-go { align-self: last baseline; }

/* الوصف: سطر تحت العنوان، بعرض قراءة محدود. */
body.theme-arabi .arb-idx-ls .arb-idx-d {
    max-width: 76ch;
    margin-top: 4px;
    overflow-wrap: anywhere;
}

/* "اقرأ المزيد" — علامة صغيرة مسطّرة، مش زرار. */
body.theme-arabi .arb-idx-ls .arb-idx-more {
    display: inline-block;
    margin-top: 6px;
    font-size: .82rem;
    color: #9c6b30;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-color: #d3bd97;
}

body.theme-arabi a.arb-idx-row:hover .arb-idx-more { text-decoration-color: #9c6b30; }
body.theme-arabi a.arb-idx-row:hover .arb-idx-t { color: #6b4a22; }

/* لا بنود */
body.theme-arabi .arb-ls-empty {
    padding: 18px 0;
    color: #6b5b4f;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
}

/* دوّارة الأجاكس تحت الورقة مباشرة على نفس الأرضية الرملية. */
body.theme-arabi.page-articles #ajax_load,
body.theme-arabi.page-blogs #ajax_load { padding: 22px 0 34px; background: #ece2d3; margin: 0; }

/* ── الموبايل ──────────────────────────────────────────────── */
@media (max-width: 575px) {
    body.theme-arabi .arb-ls .arb-sheet-body { padding-inline: 16px; }
    body.theme-arabi .arb-ls .arb-sheet-band { padding-inline: 16px; }
    body.theme-arabi .arb-ls-band-r { display: none; }
    body.theme-arabi .arb-idx-ls .arb-idx-t { font-size: 1.02rem; }
    body.theme-arabi .arb-idx-ls .arb-idx-end { font-size: .86rem; }
    body.theme-arabi .arb-idx-ls .arb-idx-row { padding: 13px 0; }

    /* على الشاشة الضيقة: العنوان يأخذ السطر كله، والخط المنقّط والتاريخ
       والسهم على السطر اللي بعده — أوضح من ضغطهم كلهم في سطر واحد. */
    body.theme-arabi .arb-idx-ls .arb-idx-head { flex-wrap: wrap; align-items: baseline; row-gap: 3px; }
    body.theme-arabi .arb-idx-ls .arb-idx-t { flex: 1 1 100%; }
    body.theme-arabi .arb-idx-ls .arb-idx-dots { flex: 1 1 auto; }
}

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

   نفس مفردات باقي صفحات المعهد (.arb-sheet / .arb-ch / .arb-idx-dots)
   عشان الصفحة تبان من نفس الموقع. كل الكلاسات الجديدة بادئتها arb-cd-
   ومتسوّرة بـ body.theme-arabi عشان المعهد والعشرة التانيين ما يتأثروش.
   القواعد القديمة (.ab-cd / .ab-rail / .ab-sheet) بقت بلا markup —
   مسيبها مكانها من غير تعديل.
   ═══════════════════════════════════════════════════════════ */

body.theme-arabi.pg-training-courses #coursedetails-buttons-section,
body.theme-arabi.pg-training-courses #coursedetails-content-section {
    background: #ece2d3 !important;
}
body.theme-arabi.pg-training-courses #coursedetails-buttons-section { padding-top: 20px !important; padding-bottom: 16px !important; }
body.theme-arabi.pg-training-courses #coursedetails-content-section { padding-top: 4px !important; padding-bottom: 52px !important; }
@media (max-width: 992px) {
    body.theme-arabi.pg-training-courses #coursedetails-content-section { padding-top: 4px !important; }
}

body.theme-arabi .arb-cd {
    --cd-ink:   #2b2119;
    --cd-body:  #3d3128;
    --cd-mut:   #6b5b4f;
    --cd-brz:   #8a5c26;   /* نص برونزي — تباين 5.3:1 على ورق الرمل */
    --cd-rule:  #9c6b30;   /* خطوط وأيقونات بس */
    --cd-tan:   #b08968;
    --cd-line:  #ddcfb8;
    --cd-dot:   #cbb692;
    --cd-paper: #fbf6ec;
    --cd-sand:  #f3e9d8;
    --cd-serif: Georgia, "Times New Roman", "Amiri", serif;
    text-align: start;
}

/* الورقة نفسها: نفس ورقة باقي الصفحات، وحشو أهدى لأن المحتوى طويل */
body.theme-arabi .arb-cd-sheet { --pad: 46px; --gut: 58px; --gap: 20px; }
body.theme-arabi .arb-cd-sheet .arb-sheet-body { padding: 26px var(--pad) 34px; }

/* الألواح كانت مخفية جوّه التبويبات — التبويبات اتشالت فكلها مفتوحة.
   من غير القاعدة دي الصفحة ما تتقراش لما الجافاسكربت يكون مقفول. */
body.theme-arabi .arb-cd .tab-pane {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    scroll-margin-top: 130px;
}

/* ── كتلة المحتويات: عنوان الفصل، خط منقّط، رقم الفصل ───────── */
body.theme-arabi .arb-cd-toc {
    padding-bottom: 22px;
    border-bottom: 3px double var(--cd-line);
}

body.theme-arabi .arb-cd-toc-h {
    margin: 0 0 6px;
    padding-inline-start: calc(var(--gut) + var(--gap));
    font-family: var(--cd-serif);
    font-weight: 400;
    font-size: .78rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--cd-brz);
}
body[dir="rtl"].theme-arabi .arb-cd-toc-h { letter-spacing: 0; text-transform: none; font-size: .98rem; }

body.theme-arabi .arb-cd-toc-list {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-inline-start: calc(var(--gut) + var(--gap));
    max-width: calc(var(--gut) + var(--gap) + 46ch);
}
body.theme-arabi .arb-cd-toc-list > li + li { border-top: 1px dotted var(--cd-dot); }

body.theme-arabi .arb-cd-toc-list a {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 9px 0;
    text-decoration: none !important;
    color: var(--cd-ink);
}
body.theme-arabi .arb-cd-toc-list a:hover .arb-cd-toc-t { color: var(--cd-brz); }

body.theme-arabi .arb-cd-toc-t {
    flex: 0 1 auto;
    min-width: 0;
    font-family: var(--cd-serif);
    font-size: 1.06rem;
    line-height: 1.5;
}

body.theme-arabi .arb-cd-toc-dots { flex: 1 1 auto; min-width: 24px; align-self: center; }

body.theme-arabi .arb-cd-toc-n {
    flex: 0 0 auto;
    font-family: var(--cd-serif);
    font-size: .92rem;
    color: var(--cd-brz);
    letter-spacing: .06em;
}

/* ── رأس الفصل: رقم مشجّر في الهامش، عنوان، خط منقّط تحته ───── */
body.theme-arabi .arb-cd-ch { margin-top: 34px; }
body.theme-arabi .arb-cd-ch + .arb-cd-ch { margin-top: 38px; }

body.theme-arabi .arb-cd-ch-h {
    align-items: baseline;
    margin: 0 0 18px;
    padding-bottom: 11px;
    border-bottom: 1px dotted var(--cd-dot);
}

body.theme-arabi .arb-cd-ch-n {
    font-size: 1.02rem;
    letter-spacing: .1em;
    color: var(--cd-tan);
}
body[dir="rtl"].theme-arabi .arb-cd-ch-n { letter-spacing: .04em; }

body.theme-arabi .arb-cd-ch-t {
    margin: 0;
    font-family: var(--cd-serif);
    font-weight: 400;
    font-size: 1.46rem;
    line-height: 1.35;
    color: var(--cd-ink);
    letter-spacing: 0;
}
/* الخط المنقّط بقى تحت العنوان، فالخط الأفقي جنبه بقى تكرار */
body.theme-arabi .arb-cd-ch-t::after { content: none; }

/* ── نص الفصل ───────────────────────────────────────────────── */
body.theme-arabi .arb-cd-prose { padding-inline-start: calc(var(--gut) + var(--gap)); }
body.theme-arabi .arb-cd-ch--measure .arb-cd-prose { max-width: calc(var(--gut) + var(--gap) + 72ch); }

body.theme-arabi .arb-cd-prose .row { margin-inline: 0; }
body.theme-arabi .arb-cd-prose .row > [class*="col-"] { padding-inline: 0; }

body.theme-arabi .arb-cd-prose p,
body.theme-arabi .arb-cd-prose li,
body.theme-arabi .arb-cd-prose td {
    color: var(--cd-body);
    font-size: 1rem;
    line-height: 1.9;
}
body.theme-arabi .arb-cd-prose ul { padding-inline-start: 20px; }
body.theme-arabi .arb-cd-prose li::marker { color: var(--cd-rule); }
body.theme-arabi .arb-cd-prose a { color: var(--cd-brz); }

/* عناوين داخلية (المنهجية / الأهداف / الفئات ...) */
body.theme-arabi .arb-cd-prose h6:not(.year-heading) {
    margin: 0 0 8px;
    font-family: var(--cd-serif);
    font-weight: 400;
    font-size: .82rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--cd-brz) !important;
}
body[dir="rtl"].theme-arabi .arb-cd-prose h6:not(.year-heading) {
    letter-spacing: 0;
    text-transform: none;
    font-size: 1.06rem;
}

/* ── بيانات الدورة: قائمة معرَّفة بخطوط منقّطة جوّه الفصل الأول ── */
body.theme-arabi .arb-cd-facts {
    margin: 0 0 26px;
    padding: 0 0 4px;
    max-width: 58ch;
    border-bottom: 1px dotted var(--cd-dot);
}

body.theme-arabi .arb-cd-fact {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 8px 0;
}
body.theme-arabi .arb-cd-fact + .arb-cd-fact { border-top: 1px dotted var(--cd-dot); }

body.theme-arabi .arb-cd-fact dt {
    flex: 0 0 auto;
    margin: 0;
    font-family: var(--cd-serif);
    font-weight: 400;
    font-size: .95rem;
    color: var(--cd-mut);
}

body.theme-arabi .arb-cd-fact dd {
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    text-align: end;
    font-family: var(--cd-serif);
    font-size: 1rem;
    line-height: 1.6;
    color: var(--cd-ink);
}
body.theme-arabi .arb-cd-fact dd a { color: var(--cd-brz); text-decoration: none; border-bottom: 1px dotted var(--cd-rule); }
body.theme-arabi .arb-cd-fact-sub { display: block; color: var(--cd-mut); font-size: .84rem; line-height: 1.5; }

/* الخط المنقّط اللي بيوصّل الاسم بالقيمة — نفس نقاط الفهرس المخطوط */
body.theme-arabi .arb-cd-fact::before {
    content: "";
    order: 1;
    flex: 1 1 auto;
    min-width: 24px;
    height: 6px;
    align-self: center;
    background-image: radial-gradient(circle, #b99f78 1.15px, rgba(0, 0, 0, 0) 1.25px);
    background-size: 7px 6px;
    background-repeat: repeat-x;
}
body.theme-arabi .arb-cd-fact dt { order: 0; }
body.theme-arabi .arb-cd-fact dd { order: 2; flex: 0 1 auto; }

/* ── فصل المنهج: كل وحدة سطر بخط منقّط ─────────────────────── */
body.theme-arabi .arb-cd-prose .ouline-area > ul { list-style: none; margin: 0; padding: 0; }
body.theme-arabi .arb-cd-prose .ouline-area > ul > li {
    margin: 0 0 16px;
    padding: 0 0 16px;
    border-bottom: 1px dotted var(--cd-dot);
    font-family: var(--cd-serif);
    font-size: 1.08rem;
    line-height: 1.55;
    color: var(--cd-ink);
}
body.theme-arabi .arb-cd-prose .ouline-area > ul > li:last-child { border-bottom: 0; }
body.theme-arabi .arb-cd-prose .ouline-area > ul > li > ul { margin: 9px 0 0; padding-inline-start: 18px; }
body.theme-arabi .arb-cd-prose .ouline-area > ul > li > ul > li {
    font-family: inherit;
    font-size: .95rem;
    line-height: 1.75;
    color: var(--cd-body);
}
body.theme-arabi .arb-cd-prose .ouline-area p { margin: 0; }

/* ── فصل المواعيد: صفوف بخطوط منقّطة بدل بطاقات ─────────────── */
body.theme-arabi .arb-cd .session-card-wrapper { margin: 0 !important; }
body.theme-arabi .arb-cd .session-card-wrapper > [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.theme-arabi .arb-cd .session-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) max-content 148px;
    align-items: center;
    column-gap: 24px;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px dotted var(--cd-dot) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    margin: 0 !important;
    padding: 15px 0 !important;
    overflow: visible;
}
body.theme-arabi .arb-cd .session-card-wrapper > [class*="col-"]:last-child .session-card { border-bottom: 0 !important; }

body.theme-arabi .arb-cd .session-card > ul {
    grid-column: 1;
    grid-row: 1;
    min-width: 100% !important;   /* بيكسر width:50% المضمّن في الأصل */
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 1px 18px;
}
body.theme-arabi .arb-cd .session-card li {
    display: flex !important;
    align-items: center;
    gap: 7px;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--cd-mut) !important;
    font-size: .88rem;
    line-height: 1.7;
}
body.theme-arabi .arb-cd .session-card li:first-child {
    order: 0 !important;
    flex: 0 0 auto;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: var(--cd-ink) !important;
    font-family: var(--cd-serif);
    font-size: 1.1rem;
    line-height: 1.5;
}
/* الخط المنقّط اللي بيوصّل الموعد بسعره — نفس نقاط الفهرس المخطوط */
body.theme-arabi .arb-cd .session-card > ul::after {
    content: "";
    flex: 1 1 auto;
    min-width: 20px;
    height: 6px;
    align-self: center;
    background-image: radial-gradient(circle, #c3ab88 1.05px, rgba(0, 0, 0, 0) 1.15px);
    background-size: 7px 6px;
    background-repeat: repeat-x;
}

body.theme-arabi .arb-cd .session-card li i,
body.theme-arabi .arb-cd .session-card li:first-child i { color: var(--cd-rule) !important; }
body.theme-arabi .arb-cd .session-card li a { color: var(--cd-brz); }

/* السعر: رقم مشجّر بلا صندوق */
body.theme-arabi .arb-cd .session-card > .price-box {
    grid-column: 2;
    grid-row: 1;
    position: static !important;
    order: 0;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    text-align: start !important;
}
body.theme-arabi .arb-cd .session-card .price-tag {
    display: block !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
}
body.theme-arabi .arb-cd .session-card .feestoggle-select {
    height: auto;
    line-height: 1.4;
    padding: 0 18px 0 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    font-family: var(--cd-serif);
    font-size: 1rem;
    font-weight: 400;
    color: var(--cd-ink) !important;
    text-align: start;
}
body[dir="rtl"].theme-arabi .arb-cd .session-card .feestoggle-select { padding: 0 0 0 18px !important; }
body.theme-arabi .arb-cd .session-card .select-caret {
    inset-inline-end: 2px;
    inset-inline-start: auto;
    right: auto;
    left: auto;
    color: var(--cd-rule);
}
body.theme-arabi .arb-cd .session-card .text-secondary {
    color: var(--cd-mut) !important;
    font-size: .76rem;
    line-height: 1.5;
}

/* زر التسجيل: علامة برونزية على الحافة، مش لوح أسود */
body.theme-arabi .arb-cd .session-card > .text-end {
    grid-column: 3;
    grid-row: 1;
    margin: 0 !important;
    text-align: start !important;
}
body.theme-arabi .arb-cd .session-card > .text-end form { margin: 0; }
body.theme-arabi .arb-cd .session-card .btn {
    display: block;
    width: 100%;
    padding: 8px 10px;
    background: transparent !important;
    border: 1px solid var(--cd-rule) !important;
    border-radius: 2px !important;
    color: var(--cd-brz) !important;
    font-family: var(--cd-serif);
    font-size: .93rem;
    letter-spacing: .03em;
    box-shadow: none !important;
}
body.theme-arabi .arb-cd .session-card .btn:hover {
    background: var(--cd-ink) !important;
    border-color: var(--cd-ink) !important;
    color: var(--cd-paper) !important;
}
body.theme-arabi .arb-cd .session-card .alert-danger {
    margin: 0 !important;
    padding: 7px 8px !important;
    background: transparent !important;
    border: 1px dotted #a5462f !important;
    border-radius: 2px !important;
    color: #8d3a26 !important;
    font-size: .82rem;
    text-align: center;
}

/* عنوان السنة فوق صفوف المواعيد */
body.theme-arabi .arb-cd-prose .year-heading {
    margin: 22px 0 4px !important;
    font-family: var(--cd-serif);
    font-weight: 400;
    font-size: .8rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--cd-brz) !important;
}
body[dir="rtl"].theme-arabi .arb-cd-prose .year-heading { letter-spacing: 0; text-transform: none; font-size: 1rem; }
body.theme-arabi .arb-cd-prose > .tab-pane > section:first-of-type .year-heading { margin-top: 0 !important; }

/* حاشية المواعيد: شروط بخط صغير تحت خط مزدوج */
body.theme-arabi .arb-cd-prose #nav-schedulefees > footer {
    display: block;
    margin-top: 24px;
    padding-top: 16px;
    border-top: 3px double var(--cd-line);
}
body.theme-arabi .arb-cd-prose #nav-schedulefees > footer p,
body.theme-arabi .arb-cd-prose .custom-text-no-course p {
    font-size: .88rem;
    line-height: 1.8;
    color: var(--cd-mut);
}
body.theme-arabi .arb-cd-prose .alert-info,
body.theme-arabi .arb-cd-prose .alert-primary {
    background: var(--cd-sand) !important;
    border: 1px dotted var(--cd-dot) !important;
    border-radius: 2px !important;
    color: var(--cd-body) !important;
}
body.theme-arabi .arb-cd-prose .alert-info a,
body.theme-arabi .arb-cd-prose .alert-primary a { color: var(--cd-brz) !important; }
body.theme-arabi .arb-cd-prose .schedulehead-h4 {
    font-family: var(--cd-serif);
    font-weight: 400;
    font-size: 1.1rem;
    color: var(--cd-ink);
}

/* ── فصل التعلّم الافتراضي / القاعة: كروت ورق على الرمل ─────── */
body.theme-arabi .arb-cd .courselisting-normal,
body.theme-arabi .arb-cd .courselisting {
    background: var(--cd-paper) !important;
    border: 1px solid var(--cd-line) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
body.theme-arabi .arb-cd .course-title {
    font-family: var(--cd-serif);
    font-weight: 400;
    color: var(--cd-ink) !important;
}
body.theme-arabi .arb-cd .course-date,
body.theme-arabi .arb-cd .course-language { color: var(--cd-mut); font-size: .86rem; }
body.theme-arabi .arb-cd .course-date { border-bottom: 1px dotted var(--cd-dot); padding-bottom: 6px; }
body.theme-arabi .arb-cd .courselisting-normal .btn,
body.theme-arabi .arb-cd .courselisting-normal .btn-secondary,
body.theme-arabi .arb-cd #courseoutline-btn {
    background: transparent !important;
    border: 1px solid var(--cd-rule) !important;
    border-radius: 2px !important;
    color: var(--cd-brz) !important;
    font-family: var(--cd-serif);
    box-shadow: none !important;
}
body.theme-arabi .arb-cd .courselisting-normal:hover .btn,
body.theme-arabi .arb-cd .courselisting-normal .btn:hover,
body.theme-arabi .arb-cd #courseoutline-btn:hover {
    background: var(--cd-ink) !important;
    border-color: var(--cd-ink) !important;
    color: var(--cd-paper) !important;
}

/* ── ذيل الورقة: كتلة التواصل مسطّحة على الورق ──────────────── */
body.theme-arabi .arb-cd-foot {
    display: block;
    margin-top: 34px;
    padding-top: 20px;
    border-top: 3px double var(--cd-line);
    position: relative;
    background: var(--cd-paper);
}
body.theme-arabi .arb-cd-foot .inst-cra {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 22px;
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}
body.theme-arabi .arb-cd-foot .inst-cra-head {
    border: 0 !important;
    padding: 0 !important;
    gap: 12px;
}
body.theme-arabi .arb-cd-foot .inst-cra-head > .bi { color: var(--cd-rule) !important; font-size: 1.5rem; }
body.theme-arabi .arb-cd-foot .inst-cra-head strong {
    font-family: var(--cd-serif);
    font-weight: 400;
    font-size: 1.04rem;
    color: var(--cd-ink) !important;
}
body.theme-arabi .arb-cd-foot .inst-cra-head span { color: var(--cd-mut) !important; font-size: .82rem; }
body.theme-arabi .arb-cd-foot .inst-cra-list { gap: 6px 20px; }
body.theme-arabi .arb-cd-foot .inst-cra-list li { font-size: .9rem; }
body.theme-arabi .arb-cd-foot .inst-cra-list li .bi { color: var(--cd-rule) !important; }
body.theme-arabi .arb-cd-foot .inst-cra-list a { color: var(--cd-brz) !important; text-decoration: none; }
body.theme-arabi .arb-cd-foot .inst-cra-list a:hover { color: var(--cd-ink) !important; text-decoration: underline; }

/* خط هامش المخطوطة يمشي مع حشو الورقة الجديد */
body.theme-arabi .arb-cd .arb-sheet-body::before { inset-block: 22px 26px; }

/* ── الشاشات المتوسطة والصغيرة ─────────────────────────────── */
@media (max-width: 991px) {
    body.theme-arabi .arb-cd .session-card {
        grid-template-columns: minmax(0, 1fr) 140px;
        row-gap: 10px;
    }
    body.theme-arabi .arb-cd .session-card > ul { grid-column: 1 / -1; grid-row: 1; }
    body.theme-arabi .arb-cd .session-card > .price-box { grid-column: 1; grid-row: 2; align-self: center; }
    body.theme-arabi .arb-cd .session-card > .text-end { grid-column: 2; grid-row: 2; }
    body.theme-arabi .arb-cd .session-card > ul::after { display: none; }
}

@media (max-width: 767px) {
    body.theme-arabi .arb-cd-sheet { --pad: 20px; --gut: 0px; --gap: 0px; }
    body.theme-arabi .arb-cd-sheet .arb-sheet-body { padding: 20px var(--pad) 26px; }
    /* خط هامش المخطوطة بياكل عرض قراءة غالي على ٣٩٠ بكسل */
    body.theme-arabi .arb-cd .arb-sheet-body::before { content: none; }
    body.theme-arabi .arb-cd-ch-h { grid-template-columns: auto 1fr; gap: 0 12px; }
    body.theme-arabi .arb-cd-ch-n { text-align: start; padding-inline-end: 0; }
    body.theme-arabi .arb-cd-ch-t { font-size: 1.22rem; }
    body.theme-arabi .arb-cd-ch--measure .arb-cd-prose { max-width: none; }
    body.theme-arabi .arb-cd-prose .row > [class*="col-"] + [class*="col-"] { margin-top: 4px; }
    body.theme-arabi .arb-cd-facts { max-width: none; }
    body.theme-arabi .arb-cd-toc-t { font-size: 1rem; }
}

@media (max-width: 575px) {
    body.theme-arabi .arb-cd .arb-sheet-band { padding-inline: 20px; }
    body.theme-arabi .arb-cd .session-card { grid-template-columns: minmax(0, 1fr); row-gap: 8px; }
    body.theme-arabi .arb-cd .session-card > .price-box { grid-column: 1; grid-row: 2; }
    body.theme-arabi .arb-cd .session-card > .text-end { grid-column: 1; grid-row: 3; }
    body.theme-arabi .arb-cd .session-card .btn { width: auto; min-width: 160px; }
}

/* --- العربي / تفاصيل الدورة: أزرار الأسطر تكسب على المعرّفات (2026-09-08) --- */
/* #searresultscourses-btn2 و #courseoutline-btn معرّفات، فأي قاعدة بكلاسات
   بتخسر قدّامها مهما كانت. الزر الصلب الوحيد في الصفحة هو "سجّل الآن" اللي
   فوق في شريط الأزرار؛ أزرار الأسطر والكروت علامات برونزية ثانوية. */
body.theme-arabi.pg-training-courses .arb-cd .session-card #searresultscourses-btn2 {
    display: block;
    width: 100%;
    padding: 8px 10px;
    background: transparent !important;
    border: 1px solid var(--cd-rule) !important;
    border-radius: 2px !important;
    color: var(--cd-brz) !important;
    font-family: var(--cd-serif);
    font-weight: 400;
    font-size: .93rem;
    letter-spacing: .03em;
    box-shadow: none !important;
}
body.theme-arabi.pg-training-courses .arb-cd .session-card #searresultscourses-btn2:hover,
body.theme-arabi.pg-training-courses .arb-cd .session-card #searresultscourses-btn2:focus {
    background: var(--cd-ink) !important;
    border-color: var(--cd-ink) !important;
    color: var(--cd-paper) !important;
}
body.theme-arabi.pg-training-courses .arb-cd .courselisting-normal #courseoutline-btn {
    background: transparent !important;
    border: 1px solid var(--cd-rule) !important;
    border-radius: 2px !important;
    color: var(--cd-brz) !important;
    font-family: var(--cd-serif);
    font-weight: 400;
    box-shadow: none !important;
}
body.theme-arabi.pg-training-courses .arb-cd .courselisting-normal:hover #courseoutline-btn,
body.theme-arabi.pg-training-courses .arb-cd .courselisting-normal #courseoutline-btn:hover {
    background: var(--cd-ink) !important;
    border-color: var(--cd-ink) !important;
    color: var(--cd-paper) !important;
}

/* كتلة المحتويات مش <nav> دلوقتي، بس القاعدة العامة
   (#coursedetails-content-section nav{display:flex}) لسه ممكن تلحقها
   لو الماركب اتغيّر، فالإعلان صريح هنا. */
body.theme-arabi.pg-training-courses #coursedetails-content-section .arb-cd-toc {
    display: block;
    float: none;
    width: auto;
}

/* --- العربي / تفاصيل الدورة: لمسات على الفصول (2026-09-08) --- */

/* فصل المنهج: عمودين بفاصل حقيقي بينهم (بوتستراب كان بيلزقهم) */
body.theme-arabi .arb-cd-prose #nav-courseoutline > .row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 44px;
}
body.theme-arabi .arb-cd-prose #nav-courseoutline > .row > [class*="col-"] {
    flex: none;
    width: auto;
    max-width: none;
    min-width: 0;
}
@media (max-width: 767px) {
    body.theme-arabi .arb-cd-prose #nav-courseoutline > .row { grid-template-columns: 1fr; gap: 0; }
}

/* كروت التعلّم الافتراضي: حشو أهدى عشان تفضل مقروءة في العمود المزنوق */
body.theme-arabi .arb-cd .courselisting-normal { padding: 12px !important; }
body.theme-arabi .arb-cd .courselisting-normal .course-title { font-size: .96rem; line-height: 1.45; }
body.theme-arabi .arb-cd .courselisting-normal .btn { font-size: .86rem; padding: 6px 8px; }

/* حاشية المواعيد: ورق مش صندوق أبيض، وبعرض قراءة */
body.theme-arabi .arb-cd-prose .fees-box-right2-2022 {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    max-width: 78ch;
}
body.theme-arabi .arb-cd-prose #nav-schedulefees > footer p { max-width: 78ch; }

/* سهم قائمة العملة: العلامة الوحيدة اللي بتقول إن الرقم قابل للتبديل */
body.theme-arabi .arb-cd .session-card .select-caret {
    font-size: .58rem;
    opacity: .85;
}

/* الشعارات والصور جوّه الفصول ما تخرجش عن الورقة */
body.theme-arabi .arb-cd-prose img { max-width: 100%; height: auto; }

/* --- العربي / تفاصيل الدورة: فصل التعلّم الافتراضي بلا كاروسيل (2026-09-08) --- */
/* الأصل بيلفّ الكروت في owl carousel: مع دورة واحدة بتطلع بطاقة نُحيلة بعرض
   الرُبع، ومع أربعة بتطلع مخنوقة. الورقة المفصّلة مالهاش سهم ولا شرايط —
   الكروت بتترصّ في شبكة عادية، وبتفضل مقروءة من غير جافاسكربت أصلاً. */
body.theme-arabi .arb-cd .owl-carousel .owl-stage-outer { overflow: visible !important; }
body.theme-arabi .arb-cd .owl-carousel .owl-stage,
body.theme-arabi .arb-cd .owl-carousel:not(.owl-loaded) {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    gap: 18px;
    width: auto !important;
    padding: 0 !important;
    transform: none !important;
}
body.theme-arabi .arb-cd .owl-carousel .owl-item {
    width: auto !important;
    margin: 0 !important;
    float: none !important;
}
body.theme-arabi .arb-cd .owl-carousel .owl-nav,
body.theme-arabi .arb-cd .owl-carousel .owl-dots { display: none !important; }

/* كل كارت بنفس الطول والزر متسند لتحت */
body.theme-arabi .arb-cd .owl-carousel .item,
body.theme-arabi .arb-cd .owl-carousel .item > a { display: block; height: 100%; }
body.theme-arabi .arb-cd .courselisting-normal {
    display: flex;
    flex-direction: column;
    height: 100%;
}
body.theme-arabi .arb-cd .courselisting-normal .btn,
body.theme-arabi .arb-cd .courselisting-normal .alert-danger { margin-top: auto; }

/* --- العربي / تفاصيل الدورة: شريط الأزرار يتحاذى مع الورقة (2026-09-08) --- */
/* الشريط كان بعرض الحاوية (١١٤٠) والورقة ١٠٦٠، فالحافتين مش على خط واحد.
   والأزرار الأربعة الثانوية بقت ورق برونزي بدل شرايح بيضا صارخة، والزر
   الصلب الوحيد في الشاشة هو "سجّل الآن". */
body.theme-arabi.pg-training-courses #coursedetails-buttons-section .custom-border {
    max-width: 1060px;
    margin-inline: auto !important;
}
body.theme-arabi.pg-training-courses #coursedetails-buttons-section .btn-primary-outline {
    background: #fbf6ec !important;
    border: 1px solid #cbb692 !important;
    color: #8a5c26 !important;
    border-radius: 2px !important;
    font-weight: 400;
    letter-spacing: .02em;
}
body.theme-arabi.pg-training-courses #coursedetails-buttons-section .btn-primary-outline:hover {
    background: #2b2119 !important;
    border-color: #2b2119 !important;
    color: #fbf6ec !important;
}
body.theme-arabi.pg-training-courses #coursedetails-buttons-section .btn-primary,
body.theme-arabi.pg-training-courses #coursedetails-buttons-section #searresultscourses-btn2 {
    background: #2b2119 !important;
    border: 1px solid #2b2119 !important;
    color: #fbf6ec !important;
    border-radius: 2px !important;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
    letter-spacing: .03em;
}
body.theme-arabi.pg-training-courses #coursedetails-buttons-section .btn-primary:hover,
body.theme-arabi.pg-training-courses #coursedetails-buttons-section #searresultscourses-btn2:hover {
    background: #8a5c26 !important;
    border-color: #8a5c26 !important;
    color: #fbf6ec !important;
}

/* ============================================================
   العربي — /contact-us: عمود واحد بفهرس منقّط (2026-09-09)
   ------------------------------------------------------------
   ليه المفردات دي: الصفحة بتستعمل نفس الورقة المخطوطة (.arb-sheet)
   وفهرس النقط (.arb-idx) بتاع /categories، فالمطلوب هنا تضييق
   العمود وتعديل السطر عشان يشيل "قيمة" بدل سهم، وتلبيس النموذج
   المشترك (.inst-cform) على سطور المخطوطة. كل حاجة متحوّطة
   بـ .arb-cu عشان ما تمسّش أي صفحة تانية في الموقع.
   ============================================================ */

/* عمود قراءة واحد متمركز — أضيق من ورقة صفحات القوائم لأن المحتوى
   هنا سطور قصيرة ونموذج، والعرض الزيادة بيبعّد الحقول عن بعضها. */
body.theme-arabi .arb-cu .arb-sheet { max-width: 780px; }

/* الطرف التاني من الشريط: اسم الصفحة الجاري، بنفس لون النص الفاتح */
body.theme-arabi .arb-cu-band-r {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .95rem;
    color: #f0e2c8;
    letter-spacing: .06em;
}

/* تمهيد الفصل: محاذي لعمود النص (بعد خط الهامش) مش لحافة الورقة */
body.theme-arabi .arb-cu-lede {
    margin: 4px 0 10px;
    margin-inline-start: calc(var(--gut) + var(--gap));
    max-width: 62ch;
    color: #4a3d33;
    font-size: 1rem;
    line-height: 1.95;
}

/* سطر الفهرس هنا بيقف على قيمة مش على سهم، فالقيمة لازم تلفّ من غير
   ما تكسر الخط المنقّط. */
body.theme-arabi .arb-cu-idx .arb-idx-head { align-items: center; min-height: 30px; }
body.theme-arabi .arb-cu-idx .arb-idx-head > .bi:first-child { font-size: 1.05rem; }
body.theme-arabi .arb-cu-idx .arb-idx-dots { align-self: center; transform: none; }
body.theme-arabi .arb-cu-idx .arb-idx-v { word-break: break-word; }

/* على الشاشات الضيقة القيمة بتنزل سطر تحت اسم البند بدل ما تزقّ
   السطر بعرض الشاشة (سبب رئيسي للتمرير الأفقي على 390px). */
@media (max-width: 575px) {
    body.theme-arabi .arb-cu-idx .arb-idx-head { flex-wrap: wrap; row-gap: 2px; }
    body.theme-arabi .arb-cu-idx .arb-idx-v { flex: 1 0 100%; }
}

/* ── النموذج: سطور مخطوطة داخل نفس العمود ──────────────────── */

/* .arb-leaf العام بيغطّي خط الهامش بخلفية مصمتة. هنا العكس مطلوب:
   النموذج يقف على عمود النص وخط الهامش يفضل ماشي جنبه زي الفصول. */
body.theme-arabi .arb-cu .arb-leaf {
    background: transparent;
    padding-top: 4px;
    margin-inline-start: calc(var(--gut) + var(--gap));
}

/* لون الـplaceholder الافتراضي (#9c8a76) تباينه 3.1:1 على الورقة،
   والحقول مالهاش labels ظاهرة — فالـplaceholder هو الاسم الوحيد
   للحقل ولازم يعدّي 4.5:1. */
body.theme-arabi .arb-cu .inst-cform .form-control::placeholder { color: #6b5b4f; opacity: 1; }

body.theme-arabi .arb-cu .inst-cform-row { margin-bottom: 14px; }
body.theme-arabi .arb-cu .inst-cform-row--split { gap: 14px; }
/* خانة مفتاح الدولة كانت بتقطع الـplaceholder ("Country Code*") عند 30%
   لأنها جوّه نص عرض الشبكة، فاتوسّعت لحد ما الاسم يبان كامل. */
body.theme-arabi .arb-cu .inst-cform-cc { flex: 0 0 42%; max-width: 42%; }

body.theme-arabi .arb-cu .inst-cform-actions { margin-top: 4px; }
body.theme-arabi .arb-cu .inst-cform-actions .btn { min-width: 170px; }

/* من 768px وفوق: الحقول القصيرة تتجاور اتنين اتنين عشان النموذج ما
   يبقاش عمود طويل. الاختيار مبني على :has عشان الترتيب يفضل من
   الملف المشترك من غير ما نلمس بنيته؛ المتصفحات القديمة بتفضل
   على العمود الواحد وهو تخطيط سليم برضه. */
@media (min-width: 768px) {
    @supports selector(:has(*)) {
        body.theme-arabi .arb-cu .inst-cform {
            display: grid;
            grid-template-columns: 1fr 1fr;
            column-gap: 26px;
        }
        body.theme-arabi .arb-cu .inst-cform > #message_contact,
        body.theme-arabi .arb-cu .inst-cform > .inst-cform-row:has(textarea),
        body.theme-arabi .arb-cu .inst-cform > .inst-cform-actions { grid-column: 1 / -1; }
    }
}

/* ── حاشية الورقة: روابط نصية ───────────────────────────────── */
body.theme-arabi .arb-cu-foot {
    margin-inline-start: calc(var(--gut) + var(--gap));
    background: transparent;
}

body.theme-arabi .arb-cu-foot p { color: #4a3d33; }

body.theme-arabi .arb-cu-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1rem;
    color: #8a5c26;
    text-decoration: none !important;
    border-bottom: 1px dotted #b99f78;
    padding-bottom: 2px;
}

body.theme-arabi .arb-cu-link:hover { color: #2b2119; border-bottom-color: #2b2119; }
body.theme-arabi .arb-cu-link .bi { font-size: 1.02rem; }

@media (max-width: 767px) {
    /* الهامش الرأسي بيفضل مرسوم على الموبايل (‑‑gut = 34px)، فالنص
       بيفضل متزحزح عنه زي سطور الفهرس بالظبط — لو رجع للحافة كان
       الخط هيقطع النص من نصّه. */
    body.theme-arabi .arb-cu-band-r { font-size: .85rem; }
    body.theme-arabi .arb-cu .inst-cform-actions .btn { min-width: 100%; }
}

/* ============================================================
   العربي — /downloads: ورقة مخطوطة نثرية (2026-09-09)
   ------------------------------------------------------------
   الصفحة اتّعاد بناؤها كنص متدفّق مش كفهرس: كل مستند فقرة برقم في
   هامش المخطوطة، وزرّ التحميل جوّه الفقرة كجملة مؤطّرة. عشان كده
   مفيش هنا أي قواعد لصفوف أو أسهم أو خطوط قائدة — الكلاسات دي
   (‎.arb-dl-*‎) مستقلة تمامًا عن ‎.arb-idx-*‎ بتاعة باقي الصفحات،
   لكنها بتستعمل نفس الورقة (‎.arb-sheet‎) وهامشها عشان الصفحة تفضل
   من نفس الموقع. كل حاجة تحت body.theme-arabi فالمعهد ما يتأثرش.
   ============================================================ */

body.theme-arabi .arb-dl {
    --dl-ink:  #2b2119;   /* حبر النص — 13:1 على الورق */
    --dl-body: #3d3128;
    --dl-mut:  #5d4f44;
    --dl-brz:  #8a5c26;   /* برونزي مقروء — 5:1 على الورق وعلى إطار الجملة */
    --dl-line: #ddcfb8;
    --dl-sand: #f7efe0;
}

/* عمود قراءة واحد أضيق من ورقة باقي الصفحات: الصفحة كلها نثر. */
body.theme-arabi .arb-dl .arb-sheet { max-width: 880px; }
body.theme-arabi .arb-dl .arb-sheet-body { padding-top: 36px; padding-bottom: 34px; }

/* يمين الشريط: اسم الصفحة وسنتها زي "العنوان الجاري" في المخطوطات */
body.theme-arabi .arb-dl-band-r {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .95rem;
    color: #e8d8bd;
    letter-spacing: .06em;
    white-space: nowrap;
}
body[dir="rtl"].theme-arabi .arb-dl-band-r { letter-spacing: 0; }

/* ── الاستهلال والفقرات: نفس شبكة الهامش بتاعة الورقة ───────── */
body.theme-arabi .arb-dl-open,
body.theme-arabi .arb-dl-entry {
    display: grid;
    grid-template-columns: var(--gut) 1fr;
    gap: 0 var(--gap);
    align-items: start;
}

body.theme-arabi .arb-dl-open  { padding-bottom: 22px; }
body.theme-arabi .arb-dl-entry { padding-top: 22px; padding-bottom: 22px; }

/* مفيش فواصل بين الفقرات — الفراغ والرقم في الهامش هما الفاصل، عشان
   ما ترجعش الصفحة قائمة بنود متساوية. */

body.theme-arabi .arb-dl-side,
body.theme-arabi .arb-dl-folio {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    color: var(--dl-brz);
    text-align: end;
    padding-inline-end: 2px;
}

body.theme-arabi .arb-dl-side {
    font-size: .78rem;
    letter-spacing: .1em;
    line-height: 2.6;
    color: var(--dl-mut);
}
body[dir="rtl"].theme-arabi .arb-dl-side { letter-spacing: 0; font-size: .84rem; }

body.theme-arabi .arb-dl-folio {
    font-size: 1.02rem;
    letter-spacing: .06em;
    line-height: 2.05;
}
body[dir="rtl"].theme-arabi .arb-dl-folio { letter-spacing: 0; font-size: 1.12rem; }

body.theme-arabi .arb-dl-lede {
    margin: 0;
    max-width: 64ch;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.1rem;
    line-height: 1.95;
    color: var(--dl-ink);
}

body.theme-arabi .arb-dl-p {
    margin: 0;
    max-width: 64ch;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.02rem;
    line-height: 2.1;
    color: var(--dl-body);
}

/* اسم الملف بيفتح الفقرة كجملة جارية، مش سطر عنوان فوق سطر وصف */
body.theme-arabi .arb-dl-t {
    font-weight: 400;
    font-size: 1.12rem;
    color: var(--dl-brz);
}
body.theme-arabi .arb-dl-dash { color: #b08968; }

/* ── زرّ التحميل كجملة مؤطّرة جوّه النص ───────────────────────
   إطار رفيع + حرف برونزي عريض على أول الجملة، وزاوية 8px من جهة
   واحدة (شكل الموقع). inline-block عشان يمشي مع سطر النص، و
   max-width:100% عشان ما يخرجش عن العمود على 390px. */
body.theme-arabi .arb-dl-take.inst-dl-btn {
    display: inline-block;
    max-width: 100%;
    margin: 0 2px;
    padding: 4px 14px 5px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .99rem;
    font-weight: 400;
    line-height: 1.75;
    text-align: start;
    white-space: normal;
    color: var(--dl-brz);
    background: var(--dl-sand);
    border: 1px solid #d9c7a8;
    border-inline-start: 3px solid #9c6b30;
    border-radius: 0;
    border-start-start-radius: 8px;
    border-end-start-radius: 8px;
    vertical-align: baseline;
    transform: none;
}

body.theme-arabi .arb-dl-take.inst-dl-btn:hover,
body.theme-arabi .arb-dl-take.inst-dl-btn:focus-visible {
    background: #efe2cb;
    color: var(--dl-ink);
    border-color: #c3ab86;
    border-inline-start-color: var(--dl-ink);
    transform: none;
}
body.theme-arabi .arb-dl-take.inst-dl-btn:focus-visible {
    outline: 2px solid var(--dl-brz);
    outline-offset: 2px;
}

/* ── الحاشية السفلية: نص جارٍ بروابط، مش قائمة ولا أزرار ────── */
body.theme-arabi .arb-dl-foot {
    position: relative;
    margin-inline-start: calc(var(--gut) + var(--gap));
    margin-top: 14px;
    padding-top: 24px;
    max-width: 64ch;
}

/* شرطة برونزية قصيرة بدل خط فاصل كامل — علامة حاشية لا قسم جديد */
body.theme-arabi .arb-dl-foot::before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 72px;
    height: 2px;
    background: #9c6b30;
}

body.theme-arabi .arb-dl-foot p {
    margin: 0;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .96rem;
    line-height: 2;
    color: #4a3d33;
}

body.theme-arabi .arb-dl-hw { color: var(--dl-ink); }

body.theme-arabi .arb-dl-foot a {
    color: var(--dl-brz);
    text-decoration: none !important;
    border-bottom: 1px solid #cbb692;
}
body.theme-arabi .arb-dl-foot a:hover { color: var(--dl-ink); border-bottom-color: var(--dl-ink); }

body.theme-arabi .arb-dl-foot p.arb-dl-colophon {
    margin-top: 20px;
    font-size: .8rem;
    letter-spacing: .12em;
    color: var(--dl-mut);
}
body[dir="rtl"].theme-arabi .arb-dl-foot p.arb-dl-colophon { letter-spacing: 0; font-size: .86rem; }

/* ── الجوال: الهامش بيضيق (‑‑gut من قاعدة .arb-sheet) والنص بيصغّر ── */
@media (max-width: 767px) {
    body.theme-arabi .arb-dl .arb-sheet-band { flex-wrap: wrap; gap: 4px 12px; }
    body.theme-arabi .arb-dl-band-r { font-size: .84rem; }
    body.theme-arabi .arb-dl-lede { font-size: 1.02rem; line-height: 1.9; }
    body.theme-arabi .arb-dl-p { font-size: .98rem; line-height: 2; }
    body.theme-arabi .arb-dl-t { font-size: 1.05rem; }
    body.theme-arabi .arb-dl-folio { font-size: .98rem; line-height: 2; }
    body.theme-arabi .arb-dl-take.inst-dl-btn { font-size: .95rem; padding: 4px 11px 5px; }
    body.theme-arabi .arb-dl-foot { padding-top: 20px; }
}

/* على الجوال هامش الورقة بيضيق لـ34px، وكلمة "استهلال/Preface" أعرض منه
   فكانت بتزحف على أول سطر من النص. الحل: الاستهلال بيبقى عمود واحد،
   والكلمة سطر صغير فوق الفقرة بنفس إزاحة باقي الفقرات. (2026-09-09) */
@media (max-width: 767px) {
    body.theme-arabi .arb-dl-open { grid-template-columns: 1fr; }
    body.theme-arabi .arb-dl-open .arb-dl-side {
        text-align: start;
        padding-inline-end: 0;
        margin-inline-start: calc(var(--gut) + var(--gap));
        margin-bottom: 2px;
        line-height: 1.6;
    }
    body.theme-arabi .arb-dl-open .arb-dl-lede {
        margin-inline-start: calc(var(--gut) + var(--gap));
    }
}

/* ============================================================
   العربي — /about-<الموقع>: مخطوطة نثرية بعمود واحد (2026-09-09)
   ------------------------------------------------------------
   ليه ملف قواعد جديد بدل إعادة استخدام ‎.arb-def-*‎ و‎.arb-idx-*‎:
   الكلاسات دي بتبني **بنود** (سطر عنوان فوق سطر وصف، وأيقونة في
   الهامش، وخط منقّط قائد لعلامة في الحافة) — وهي بالظبط اللي كانت
   بتخلّي صفحة "عن المعهد" تتقري نفس صفحة باقي المعاهد. صفحة "عن
   المعهد" هنا نصّ متّصل: فقرات، اقتباس مؤطّر، وروابط في متن الجملة.
   فالقواعد دي (‎.arb-ab-*‎) مستقلة تمامًا، وبتستعمل نفس الورقة
   (‎.arb-sheet‎) وهامشها الرأسي عشان الصفحة تفضل من نفس الموقع.
   كل حاجة تحت body.theme-arabi فالمعهد وباقي المعاهد ما يتأثروش.
   ============================================================ */

body.theme-arabi .arb-ab {
    --ab-ink:  #2b2119;   /* حبر المتن — 13:1 على الورق */
    --ab-body: #3d3128;   /* نصّ الفقرات — 10:1 */
    --ab-mut:  #5d4f44;   /* العناوين الفرعية — 6.7:1 */
    --ab-brz:  #8a5c26;   /* برونزي الروابط — 5:1 على الورق وعلى إطار الاقتباس */
    --ab-sand: #f7efe0;
}

/* عمود قراءة أضيق من ورقة صفحات القوائم: الصفحة كلها نثر. */
body.theme-arabi .arb-ab .arb-sheet { max-width: 820px; }
body.theme-arabi .arb-ab .arb-sheet-body { padding-top: 34px; padding-bottom: 36px; }

/* يمين الشريط: اسم الصفحة كـ"عنوان جارٍ" — مش عنوان h1 تاني. */
body.theme-arabi .arb-ab-band-r {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .95rem;
    color: #e8d8bd;
    letter-spacing: .06em;
    white-space: nowrap;
}
body[dir="rtl"].theme-arabi .arb-ab-band-r { letter-spacing: 0; }

/* ── الاستهلال: علامة رُبريكة في الهامش + فقرة واحدة كبيرة ───── */
body.theme-arabi .arb-ab-open {
    display: grid;
    grid-template-columns: var(--gut) 1fr;
    gap: 0 var(--gap);
    align-items: start;
    padding-bottom: 6px;
}

body.theme-arabi .arb-ab-mark {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.45rem;
    line-height: 1.5;
    color: var(--ab-brz);
    text-align: end;
    padding-inline-end: 2px;
}

/* 44ch مش 64ch: الـch نسبة لحجم خطّ العنصر نفسه، والاستهلال أكبر من الفقرات
   (1.14rem مقابل 1.02rem). بـ64ch كان بيقيس 627px والفقرات تحته 484px، فتبان
   حافة العمود مشرشرة. 44ch هنا ≈ 493px — نفس عمود المتن تقريبًا. */
body.theme-arabi .arb-ab-lede {
    margin: 0;
    max-width: 44ch;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.14rem;
    line-height: 1.95;
    color: var(--ab-ink);
}

/* الحرف المسقَط لاتيني فقط: الحروف العربية متّصلة، وإسقاط أول حرف
   بيقطع الكلمة ويكسر قراءتها — فالنسخة العربية بتاخد فقرة أكبر بدله. */
body.theme-arabi:not([dir="rtl"]) .arb-ab-lede::first-letter {
    float: left;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 3.1rem;
    line-height: .82;
    margin: 6px 9px 0 0;
    color: var(--ab-brz);
}

/* ── باقي المتن: بيبدأ بعد خط الهامش الرأسي بتاع الورقة ─────── */
body.theme-arabi .arb-ab-flow {
    margin-inline-start: calc(var(--gut) + var(--gap));
    max-width: 64ch;
}

/* عنوان فرعي صغير: سطر خفيف بخطّ منقّط للحافة — علامة قسم داخل
   النصّ، مش رأس عمود في شبكة. اتنين بس في الصفحة كلها. */
body.theme-arabi .arb-ab-sub {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 28px 0 10px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
    font-size: .82rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--ab-mut);
}
body.theme-arabi .arb-ab-sub::after {
    content: "";
    flex: 1;
    border-top: 1px dotted #cdbb9f;
}
body[dir="rtl"].theme-arabi .arb-ab-sub {
    letter-spacing: 0;
    text-transform: none;
    font-size: .96rem;
}

body.theme-arabi .arb-ab-p {
    margin: 0 0 15px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.02rem;
    line-height: 2.1;
    color: var(--ab-body);
}

/* ── القيم: اقتباس مؤطّر في متن الصفحة ──────────────────────
   إطار رفيع بحرف برونزي عريض على أوّله، وزاوية 8px من جهة واحدة
   (شكل الموقع من DESIGN-SYSTEMS). بلوك واحد — مش ثلاث خانات. */
body.theme-arabi .arb-ab-quote {
    margin: 4px 0 18px;
    padding: 18px 22px 14px;
    background: var(--ab-sand);
    border: 1px solid #e2d3b8;
    border-inline-start: 3px solid #9c6b30;
    border-radius: 0;
    border-start-start-radius: 8px;
    border-end-start-radius: 8px;
}

body.theme-arabi .arb-ab-quote blockquote { margin: 0; }

body.theme-arabi .arb-ab-quote blockquote p {
    margin: 0;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.16rem;
    line-height: 1.9;
    color: var(--ab-ink);
}

body.theme-arabi .arb-ab-quote figcaption {
    margin-top: 10px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .78rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--ab-brz);
}
body[dir="rtl"].theme-arabi .arb-ab-quote figcaption {
    letter-spacing: 0;
    text-transform: none;
    font-size: .92rem;
}

/* ── الروابط داخل الجملة: خطّ منقّط تحتها، مش أزرار ولا أسهم ── */
body.theme-arabi .arb-ab-lnk {
    color: var(--ab-brz);
    text-decoration: none !important;
    border-bottom: 1px dotted #b99f78;
    padding-bottom: 1px;
}
body.theme-arabi .arb-ab-lnk:hover,
body.theme-arabi .arb-ab-lnk:focus-visible {
    color: var(--ab-ink);
    border-bottom-color: var(--ab-ink);
}
body.theme-arabi .arb-ab-lnk:focus-visible {
    outline: 2px solid var(--ab-brz);
    outline-offset: 2px;
}

/* ── الحاشية السفلية: شرطة برونزية قصيرة + جملة تواصل ──────── */
body.theme-arabi .arb-ab-foot {
    position: relative;
    margin-top: 20px;
    padding-top: 22px;
}
body.theme-arabi .arb-ab-foot::before {
    content: "";
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 72px;
    height: 2px;
    background: #9c6b30;
}
body.theme-arabi .arb-ab-foot p {
    margin: 0;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .96rem;
    line-height: 2;
    color: #4a3d33;
}

/* ── الجوال: الهامش بيضيق (‑‑gut = 34px من قاعدة .arb-sheet)،
   والاستهلال بيبقى عمود واحد عشان العلامة ما تزحفش على النصّ ── */
@media (max-width: 767px) {
    body.theme-arabi .arb-ab .arb-sheet-band { flex-wrap: wrap; gap: 4px 12px; }
    body.theme-arabi .arb-ab-band-r { font-size: .84rem; }

    body.theme-arabi .arb-ab-open { grid-template-columns: 1fr; }
    body.theme-arabi .arb-ab-mark {
        text-align: start;
        padding-inline-end: 0;
        margin-inline-start: calc(var(--gut) + var(--gap));
        line-height: 1.2;
        margin-bottom: 2px;
    }
    body.theme-arabi .arb-ab-lede {
        margin-inline-start: calc(var(--gut) + var(--gap));
        font-size: 1.06rem;
        line-height: 1.9;
    }

    body.theme-arabi .arb-ab-p { font-size: .98rem; line-height: 2; }
    body.theme-arabi .arb-ab-quote { padding: 16px 16px 12px; }
    body.theme-arabi .arb-ab-quote blockquote p { font-size: 1.06rem; }
}

/* البريد والهاتف: نصّ لاتيني جوّه فقرة عربية. isolate بتمنع انقلاب ترتيب
   الرموز حوله، وnowrap بتمنع قطع العنوان على سطرين في منتصفه. */
body.theme-arabi .arb-ab-nb {
    unicode-bidi: isolate;
    white-space: nowrap;
}

/* ============================================================
   العربي — /faq: ورقة قراءة نثرية (2026-09-09)
   ------------------------------------------------------------
   ليه قواعد مستقلة (‎.arb-fq-*‎) بدل ‎.arb-q-*‎ القديمة:
   ‎.arb-q-*‎ كانت بتبني **صف أكورديون** — رقم في الهامش، خط منقّط
   قائد، وعلامة (+) في الحافة، وكل الأسئلة بنفس الوزن ومقفولة.
   ده الهيكل اللي بيخلّي صفحة الأسئلة عند الـ11 معهد تتقري نفس
   الصفحة. هنا الصفحة نصّ متّصل مفتوح: السؤال عنوان فرعي مائل،
   والإجابة فقرة تحته، وفاصلين برونزيين قصيرين بس بيقسموا الورقة.
   ‎.arb-q-*‎ اتسابت في مكانها من غير تعديل (مفيش قاعدة قديمة اتغيّرت
   هنا) — بقت بلا مستعمل، وشيلها شغل تنضيف لوحده.
   كل حاجة تحت body.theme-arabi فالمعهد وباقي المعاهد ما يتأثروش.
   ============================================================ */

body.theme-arabi .arb-fq {
    --fq-ink:  #2b2119;   /* حبر العناوين — 13:1 على الورق */
    --fq-body: #3d3128;   /* نصّ الإجابات — 10:1 */
    --fq-brz:  #8a5c26;   /* برونزي الفواصل والعلامات — 5:1 */
    --fq-sand: #f7efe0;
}

/* أضيق ورقة في الموقع (القوائم 1060، "عن المعهد" 820): الصفحة دي عمود
   قراية واحد بعرض 64ch، فأي عرض أكبر بيسيب فراغ ميّت جنب النصّ. 740
   = حشو الورقة (92) + الهامش المخطوط (70) + العمود (≈525) + نَفَس. */
body.theme-arabi .arb-fq .arb-sheet { max-width: 740px; }
body.theme-arabi .arb-fq .arb-sheet-body { padding-top: 32px; padding-bottom: 40px; }

/* يمين الشريط: اسم الصفحة كـ"عنوان جارٍ" — العنوان h1 في البانر. */
body.theme-arabi .arb-fq-band-r {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .95rem;
    color: #e8d8bd;
    letter-spacing: .06em;
    white-space: nowrap;
}
body[dir="rtl"].theme-arabi .arb-fq-band-r { letter-spacing: 0; }

/* المتن بيبدأ بعد خط الهامش الرأسي بتاع الورقة (‎.arb-sheet-body::before‎)،
   وعرضه 64ch ≈ 70 حرف — مش سطر بعرض الورقة كلها. */
body.theme-arabi .arb-fq-flow {
    margin-inline-start: calc(var(--gut) + var(--gap));
    max-width: 64ch;
}

/* رُبريكة الافتتاح: سطر واحد خفيف بيقول ترتيب الورقة. مش lede بحرف
   مسقَط زي صفحة "عن المعهد" — أصغر وأهدى، عشان الإطار تحته يفضل هو
   أثقل حاجة في أول الصفحة. */
body.theme-arabi .arb-fq-rubric {
    margin: 0 0 18px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .97rem;
    line-height: 1.95;
    color: #5d4f44;          /* 6.7:1 على الورق */
}

/* ── الاستهلال: أهم سؤال إجابته في اقتباس مؤطّر ─────────────
   إطار رملي بحرف برونزي عريض وزاوية 8px من جهة واحدة (شكل الموقع).
   وجوده يخلّي السؤال ده أثقل من الباقي، فمفيش بنود متساوية الوزن. */
body.theme-arabi .arb-fq-key {
    margin: 0 0 6px;
    padding: 18px 22px 16px;
    background: var(--fq-sand);
    border: 1px solid #e2d3b8;
    border-inline-start: 3px solid #9c6b30;
    border-radius: 0;
    border-start-start-radius: 8px;
    border-end-start-radius: 8px;
}

body.theme-arabi .arb-fq-key-q {
    margin: 0 0 8px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 1.1rem;
    line-height: 1.6;
    color: var(--fq-brz);
}
/* المائل في العربي بيلوي الحروف المتّصلة، فالنسخة العربية بتاخد
   وزن أتقل بدل الميل. */
body[dir="rtl"].theme-arabi .arb-fq-key-q {
    font-style: normal;
    font-weight: 700;
    font-size: 1.14rem;
}

body.theme-arabi .arb-fq-key blockquote { margin: 0; }

body.theme-arabi .arb-fq-key blockquote p {
    margin: 0;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.12rem;
    line-height: 1.95;
    color: var(--fq-ink);
}

/* ── الأسئلة: عنوان فرعي صغير، والإجابة نصّ جارٍ تحته على طول ──
   من غير خط منقّط قائد ولا رقم ولا علامة في الحافة — دي علامات
   القائمة، والصفحة دي مش قائمة. */
body.theme-arabi .arb-fq-q {
    margin: 26px 0 4px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
    font-style: italic;
    font-size: 1.02rem;
    line-height: 1.6;
    color: var(--fq-ink);
}
body[dir="rtl"].theme-arabi .arb-fq-q {
    font-style: normal;
    font-weight: 700;
    font-size: 1.06rem;
}

body.theme-arabi .arb-fq-a {
    margin: 0;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.02rem;
    line-height: 2.1;
    color: var(--fq-body);
}

/* أول سؤال بعد الإطار محتاج نَفَس أوسع شوية عن باقي الأسئلة. */
body.theme-arabi .arb-fq-key + .arb-fq-q { margin-top: 30px; }

/* ── الفاصل: شرطة برونزية قصيرة في نصّ العمود ────────────────
   علامة سكتة في المخطوطة، مش رأس قسم — عشان كده من غير نصّ.
   متمركزة فبتشتغل في الاتجاهين من غير قاعدة RTL. */
body.theme-arabi .arb-fq-rule {
    width: 64px;
    height: 2px;
    margin: 34px auto 30px;
    padding: 0;
    border: 0;
    background: var(--fq-brz);
    opacity: 1;
}

/* البريد والهاتف: كل واحد في span لوحده (شوف faq_content). isolate
   بتمنع انقلاب ترتيب الرموز حوله جوّه فقرة عربية، وnowrap بتمنع قطع
   البريد عند الشرطة في نصّ الدومين. لفّهم مع بعض في span واحد كان
   بيرمي السطرين لسطر جديد كامل. */
body.theme-arabi .arb-fq-nb {
    unicode-bidi: isolate;
    white-space: nowrap;
}

/* ── الجوال: الهامش بيضيق (‑‑gut = 34px من قاعدة .arb-sheet)،
   والإطار بيقلّ حشوه عشان عمود القراية ما يضيقش أكتر ───────── */
@media (max-width: 767px) {
    body.theme-arabi .arb-fq .arb-sheet-band { flex-wrap: wrap; gap: 4px 12px; }
    body.theme-arabi .arb-fq-band-r { font-size: .84rem; white-space: normal; }

    /* الهامش الرأسي للورقة (‎.arb-sheet-body::before‎) بيفضل مرسوم على
       الجوال، فلازم المتن يفضل بعده — لو رجّعناه لصفر الخط بيعدّي وسط
       الكلام. اللي بيتشال هو حدّ الـ64ch بس، عشان العمود يستغل العرض. */
    body.theme-arabi .arb-fq-flow { max-width: none; }
    body.theme-arabi .arb-fq-key { padding: 16px 16px 14px; }
    body.theme-arabi .arb-fq-key blockquote p { font-size: 1.04rem; }
    body.theme-arabi .arb-fq-q { font-size: .99rem; margin-top: 22px; }
    body.theme-arabi .arb-fq-a { font-size: .98rem; line-height: 2; }
    body.theme-arabi .arb-fq-rule { margin: 28px auto 24px; }
}

/* ============================================================
   العربي — صفحتا الخدمات، معمار مختلف لكل واحدة (2026-09-09)
   ------------------------------------------------------------
   إضافة في آخر الملف؛ مفيش قاعدة قديمة اتعدّلت.
   الفكرة: الورقة المخطوطة واحدة (‎.arb-sheet‎) لكن **آلية القراءة** مختلفة
   بين الصفحتين — عشان الصفحتين ما يبقوش نفس التخطيط بعنوانين.

   ‎/services/in-house-courses‎  → عمود قراية واحد متمركز، نثر بلا بنود،
                                  تقفله قسيمة طلب مؤطّرة بحقل على سطر.
   ‎/services/public-courses‎    → مسار هامش (أفعال) + متن، يقفله اقتباس
                                  مؤطّر واحد بالشروط.
   ============================================================ */

/* ── الدورات الداخلية: عمود النثر ─────────────────────────────
   خط هامش الورقة هنا **حدّ على كتلة النثر نفسها**، مش الخط المطلق بتاع
   ‎.arb-sheet-body::before‎: الخط المطلق بيمتد لآخر الورقة فبيفضل منه طرف
   نازل تحت الكتلة الختامية. الحدّ على الكتلة بينتهي مع النص بالظبط.
   و‎68ch‎ بتحبس سطر القراية في الحدود المريحة (~70 حرف). */
body.theme-arabi .arb-ihp-sheet .arb-sheet-body::before { content: none; }

body.theme-arabi .arb-ihp {
    margin-inline-start: var(--gut);
    padding-inline-start: var(--gap);
    border-inline-start: 1px solid #eadfca;
    max-width: 68ch;
}

body.theme-arabi .arb-ihp p {
    margin: 0 0 20px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.02rem;
    line-height: 2;
    color: #3d3128;
}

/* الفقرة الاستهلالية أكبر قليلًا وأغمق — بديل الحرف الاستهلالي (drop cap):
   الحرف الاستهلالي بيكسر وصل الحروف في العربية، فالتمييز بالحجم لا بالطفو. */
body.theme-arabi .arb-ihp-open {
    font-size: 1.16rem !important;
    color: #2b2119 !important;
    line-height: 1.95 !important;
}

body.theme-arabi .arb-ihp p:last-child { margin-bottom: 0; }

/* ── قسيمة الطلب ──────────────────────────────────────────────
   إطار مزدوج على ورق أغمق شوية. ‎position/background‎ عشان تغطّي خط
   الهامش الرأسي اللي بيعدّي ورا محتوى الورقة. */
body.theme-arabi .arb-slip {
    position: relative;
    margin-top: 34px;
    padding: 22px 26px 20px;
    background: #f4ead6;
    border: 3px double #c2a978;
}

body.theme-arabi .arb-slip-rubric {
    margin: 0 0 14px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.16rem;
    color: #6b4a1f;
    line-height: 1.4;
}

/* الحقل على سطر: الشبكة بتخلي اللابل والمدخل والزر في سطر واحد على الواسع،
   والمدخل بياخد كل الباقي. ‎minmax(0,1fr)‎ بتمنع تمدد المدخل بره الإطار. */
body.theme-arabi .arb-slip-row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: end;
    gap: 10px 14px;
}

body.theme-arabi .arb-slip-label {
    margin: 0;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1rem;
    color: #4a3d33;
    line-height: 2.2;
}

/* مدخل "على سطر": بلا صندوق ولا خلفية — خط واحد تحت الكتابة زي دفتر
   المخطوطة. ‎!important‎ لازمة لأن ‎.form-control‎ العام أقوى تخصيصًا. */
body.theme-arabi .arb-slip-field {
    width: 100%;
    min-width: 0;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #a8845a;
    border-radius: 0;
    box-shadow: none;
    padding: 4px 2px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.02rem;
    color: #2b2119;
    line-height: 1.8;
}

body.theme-arabi .arb-slip-field:focus {
    outline: 2px solid #6b4a1f;
    outline-offset: 3px;
    border-bottom-color: #6b4a1f;
}

body.theme-arabi .arb-slip-btn { white-space: nowrap; }

body.theme-arabi .arb-slip-note {
    margin: 16px 0 0;
    max-width: 66ch;
    font-size: .95rem;
    line-height: 1.85;
    color: #4a3d33;
}

body.theme-arabi .arb-slip-note-2 { margin-top: 6px; }

/* بريد/هاتف: نصّ لاتيني جوّه جملة عربية — isolate بتمنع انقلاب ترتيب الرموز
   حواليه، وnowrap بتمنع قطع البريد عند الشرطة في اسم الدومين. */
body.theme-arabi .arb-ihp-nb {
    unicode-bidi: isolate;
    white-space: nowrap;
}

/* ── الدورات العامة: هامش + متن ───────────────────────────────
   الورقة هنا بتوسّع ‎--gut‎ لـ196px، فخط الهامش الرأسي المرسوم أصلًا في
   ‎.arb-sheet-body::before‎ بيقع بالظبط بين مسار الهامش والمتن ويبقى فاصل
   حقيقي. (الورقة الأصلية ‎--gut:58px‎ للأرقام بس.) */
body.theme-arabi .arb-pcx-sheet { --gut: 216px; }

/* نفس السبب: الخط الفاصل بين الهامش والمتن حدّ على المتن، فينتهي مع آخر
   فقرة بدل ما يفضل نازل ورا الاقتباس الختامي. */
body.theme-arabi .arb-pcx-sheet .arb-sheet-body::before { content: none; }

body.theme-arabi .arb-pcx {
    display: grid;
    grid-template-columns: var(--gut) minmax(0, 1fr);
    gap: 0;
    align-items: start;
}

/* المتن تاني في الـDOM بعد الهامش؟ لأ — المتن أول عشان الجوال يقراه الأول،
   والشبكة بترجّع الهامش لعموده الأول على الشاشات الواسعة. */
body.theme-arabi .arb-pcx-text {
    grid-column: 2;
    max-width: 68ch;
    padding-inline-start: var(--gap);
    border-inline-start: 1px solid #eadfca;
}

body.theme-arabi .arb-pcx-text p {
    margin: 0 0 20px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.02rem;
    line-height: 2;
    color: #3d3128;
}

body.theme-arabi .arb-pcx-open {
    font-size: 1.16rem !important;
    color: #2b2119 !important;
    line-height: 1.95 !important;
}

body.theme-arabi .arb-pcx-text p:last-child { margin-bottom: 0; }

body.theme-arabi .arb-pcx-margin {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding-inline-end: var(--gap);
}

body.theme-arabi .arb-pcx-margin-t {
    margin: 0 0 4px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .95rem;
    letter-spacing: .04em;
    color: #6b4a1f;
    line-height: 1.6;
    text-align: start;
}

/* أزرار الهامش عمود كامل العرض — عشان تفضل قراية في عمود ضيق. */
body.theme-arabi .arb-pcx-margin .btn {
    display: block;
    width: 100%;
    text-align: center;
    padding-inline: 12px;
    font-size: .96rem;
    line-height: 1.5;
}

/* ── الشروط: اقتباس واحد يقفل الصفحة ─────────────────────────── */
body.theme-arabi .arb-pcx-terms {
    position: relative;
    margin: 34px 0 0;
    padding: 22px 26px 20px;
    background: #f4ead6;
    border: 3px double #c2a978;
}

body.theme-arabi .arb-pcx-terms-r {
    margin: 0 0 10px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.04rem;
    letter-spacing: .06em;
    color: #6b4a1f;
    line-height: 1.5;
}

body[dir="rtl"].theme-arabi .arb-pcx-terms-r { letter-spacing: 0; }

body.theme-arabi .arb-pcx-terms p:last-child {
    margin: 0;
    max-width: 70ch;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.01rem;
    line-height: 2;
    color: #3d3128;
}

/* ── الجوال: عمود واحد في الصفحتين، وصفر تمرير أفقي ──────────── */
@media (max-width: 767px) {
    /* الورقة على الجوال ‎--gut:34px‎ (من القاعدة الأقدم)، وخط الهامش الرأسي
       بيفضل مرسوم — فالمتن لازم يفضل بعده. */
    body.theme-arabi .arb-ihp { max-width: none; margin-inline-start: 0; padding-inline-start: 14px; }

    body.theme-arabi .arb-slip { padding: 18px 16px 16px; }
    body.theme-arabi .arb-slip-row { grid-template-columns: 1fr; align-items: stretch; }
    body.theme-arabi .arb-slip-label { line-height: 1.6; }
    body.theme-arabi .arb-slip-btn { width: 100%; }

    /* الهامش بينزل تحت الكلام كبلوك عادي: عمود ضيق جنب المتن مستحيل على 390px. */
    body.theme-arabi .arb-pcx-sheet { --gut: 34px; }
    body.theme-arabi .arb-pcx { grid-template-columns: 1fr; }
    /* على الجوال الحدّ بيفضل على المتن كعلامة مخطوطة، بس بحشو أصغر —
       العمود الضيق ما يستحملش هامش 46px. */
    body.theme-arabi .arb-pcx-text {
        grid-column: 1;
        max-width: none;
        padding-inline-start: 14px;
    }
    body.theme-arabi .arb-pcx-margin {
        grid-column: 1;
        grid-row: auto;
        margin-top: 24px;
        padding-top: 18px;
        padding-inline-end: 0;
        border-top: 1px dotted #cbb692;
    }

    body.theme-arabi .arb-pcx-terms { padding: 18px 16px 16px; }
}


/* عرض الورقة مختلف بين الصفحتين عن قصد: صفحة النثر ورقة ضيّقة (كرّاسة)
   عشان سطر القراية يملى عرضها ولا يسيب فراغ يمينه، وصفحة الهامش+المتن
   أوسع شوية لأنها بتحمل مسارين. (الأصل ‎.arb-sheet‎ 1060px لصفحات الفهارس.) */
body.theme-arabi .arb-ihp-sheet { max-width: 830px; }
body.theme-arabi .arb-pcx-sheet { max-width: 920px; }


/* ============================================================
   العربي — /clients: نثر ورقة + فاصل برونزي + حيطة (2026-09-09)
   ------------------------------------------------------------
   إضافة في آخر الملف؛ مفيش قاعدة قديمة اتعدّلت.

   ليه: كتلة "القطاعات" كانت فهرس بنود — وهي دي الحتة اللي كانت بتخلّي
   صفحة /clients عند العربي تُقرأ زي صفحة أي معهد تاني. القطاعات دلوقتي
   جملة واحدة جارية جوّه الورقة، من غير عنوان قسم ولا أيقونات ولا أرقام.

   وعشان الصفحة دي ما تبقاش نسخة من ‎/services/in-house-courses‎ (اللي هي
   عمود نثر واحد بخط هامش)، الإيقاع هنا **مدرَّج**: جملة كبيرة على عرض
   الورقة، وتحتها فقرتان أصغر مزاحتين لداخل الهامش، وبلا خط رأسي خالص.
   ============================================================ */

/* ورقة أوسع شوية من كرّاسة النثر (830px) وأضيق من ورقة الفهارس (1060px):
   الجملة الكبيرة محتاجة نَفَس، والفقرتين تحتها مش محتاجين عرض الفهرس. */
body.theme-arabi .arb-cls-sheet { max-width: 900px; }

/* الخط الرأسي المطلق بتاع ‎.arb-sheet-body::before‎ بيعلّم عمود أرقام
   الفصول — والصفحة دي مفيهاش أرقام، فالخط هيبقى علامة على لا شيء. */
body.theme-arabi .arb-cls-sheet .arb-sheet-body::before { content: none; }
body.theme-arabi .arb-cls-sheet .arb-sheet-body { padding-block: 38px 34px; }

/* الجملة الجارية: أكبر حجمًا وأغمق حبرًا من باقي النثر — هي متن الصفحة
   لا مقدّمة له. ‎62ch‎ بتحبس السطر في حدود القراية المريحة. */
body.theme-arabi .arb-cls-say {
    margin: 0;
    max-width: 62ch;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.34rem;
    line-height: 2.05;
    color: #2b2119;
    text-align: start;
}

/* اسم القطاع: حبر برونزي أغمق بنفس الوزن — يتلمح وهو بيتقرا، من غير ما
   يتحوّل لبند. (‎#6b4a1f‎ على ‎#fbf6ec‎ ≈ 7:1) الوزن 400 عشان ‎<b>‎ ما
   يرسمهاش تخين ويعمل إيقاع قائمة. */
body.theme-arabi .arb-cls-s {
    font-weight: 400;
    color: #6b4a1f;
}

/* الفقرتان الختاميتان: مزاحة بعرض هامش الورقة — الدرجة دي هي اللي بتفرق
   الصفحة عن عمود النثر المتساوي في صفحة الدورات الداخلية. */
body.theme-arabi .arb-cls-after {
    margin-block-start: 30px;
    margin-inline-start: var(--gut);
    max-width: 66ch;
}

body.theme-arabi .arb-cls-after p {
    margin: 0 0 14px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1rem;
    line-height: 1.95;
    color: #3d3128;
}

body.theme-arabi .arb-cls-after p:last-child { margin-bottom: 0; }

/* دعوة الدورة الداخلية بقت رابط جوّه جملة بدل زرار ختامي: الزرار الوحيد
   في آخر كل صفحة كان من العلامات المشتركة اللي بتوحّد المواقع. */
body.theme-arabi .arb-cls-lnk {
    color: #7a4f18 !important;
    text-decoration: underline;
    text-decoration-color: #c2a978;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

body.theme-arabi .arb-cls-lnk:hover,
body.theme-arabi .arb-cls-lnk:focus-visible {
    color: #2b2119 !important;
    text-decoration-color: #2b2119;
}

/* ── الفاصل البرونزي بين النثر والحيطة ────────────────────────
   خط واحد بيخفت عند الطرفين (متماثل، فالاتجاه ما يفرقش معاه) ومعيّن
   صغير في نصّه بهالة بلون الخلفية بتقطع الخط تحته. مرسوم بالكامل في
   CSS — لا صورة ولا أيقونة خط. */
body.theme-arabi .arb-cls-rule {
    position: relative;
    max-width: 900px;
    height: 10px;
    margin: 36px auto 0;
    background-image: linear-gradient(to right, rgba(154, 111, 52, 0), #9a6f34 22%, #9a6f34 78%, rgba(154, 111, 52, 0));
    background-size: 100% 1px;
    background-position: center;
    background-repeat: no-repeat;
}

body.theme-arabi .arb-cls-rule::after {
    content: "";
    position: absolute;
    inset-block-start: 1px;
    inset-inline-start: 50%;
    width: 8px;
    height: 8px;
    /* التوسيط متماثل، فـ‎translateX(-50%)‎ بتضبط في الاتجاهين. */
    transform: translateX(-50%) rotate(45deg);
    background: #9a6f34;
    box-shadow: 0 0 0 5px #ece2d3;
}

/* ── الجوال ─────────────────────────────────────────────────── */
@media (max-width: 767px) {
    /* الجملة بتفضل أكبر من باقي النثر بس مش بحجم الشاشة الواسعة. */
    body.theme-arabi .arb-cls-say { font-size: 1.1rem; line-height: 1.95; }

    /* الإزاحة بعرض الهامش بتاكل عرض سطر ضيّق أصلاً → بتتشال تمامًا. */
    body.theme-arabi .arb-cls-after { margin-inline-start: 0; margin-block-start: 24px; }

    body.theme-arabi .arb-cls-rule { margin-top: 28px; }
}


/* ============================================================
   العربي — /register و/in-house-training-proposal و/course-finder
   (2026-09-09)
   ------------------------------------------------------------
   ليه الكتلة دي موجودة: التلات صفحات كانت بتتقري نفس الصفحة عند
   الأحد عشر معهد — شريطا «STEP 1 / STEP 2» ملوّنان، شبكة حقول
   col-md-4، وعمود جانبي فيه بيانات المعهد و«ماذا يحدث بعد الإرسال؟»
   بتلات بنود. الألوان بس كانت بتفرق.

   الحل مش لون تاني: معمار مختلف لكل صفحة، والتلاتة مختلفين عن
   بعض كمان:
     .arb-rg  → ورقة دفتر مسطّرة، عمود واحد، حواشي سفلية.
     .arb-ip  → رسالة نثرية والحقول سطور جوّه الجُمل، بلا إطار.
     .arb-cf  → عنوان جارٍ + سطر باحث متصل + فهرس بنقط قائدة.

   كله مقصور على body.theme-arabi، فالمعهد والعشرة التانيين ما يتأثروش.
   ============================================================ */

/* ── ١) /register — دفتر مسطّر ───────────────────────────────── */

body.theme-arabi .arb-rg {
    background: #ece2d3;
    padding: 36px 0 56px;
}

/* ورقة واحدة متمركزة وضيّقة: عرض القراءة أهم من ملء الشاشة، والحد
   العلوي البرونزي وزوايا 0 0 8px 8px هما توقيع العربي في باقي الموقع. */
body.theme-arabi .arb-rg-sheet {
    max-width: 760px;
    margin: 0 auto;
    background: #fbf6ec;
    border: 1px solid #ddcfb8;
    border-top: 3px solid #9c6b30;
    border-radius: 0 0 8px 8px;
}

body.theme-arabi .arb-rg-body { padding: 30px 40px 34px; }

body.theme-arabi .arb-rg-h1 {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
    font-size: 1.85rem;
    line-height: 1.3;
    color: #2b2119;
    margin: 0 0 10px;
}

body.theme-arabi .arb-rg-msg:not(:empty) { margin-bottom: 16px; }

/* العنوان الفرعي: سطر صغير بخط منقّط تحته — بديل شريط المرحلة الملوّن،
   وهو اللي كان بيوحّد الصفحتين عند كل المعاهد. */
body.theme-arabi .arb-rg-sub {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
    font-size: 1.12rem;
    color: #2b2119;
    margin: 30px 0 18px;
    padding-bottom: 8px;
    border-bottom: 1px dotted #c7b49b;
}

body.theme-arabi .arb-rg-sub-2 { margin-top: 38px; }

body.theme-arabi .arb-rg-sub2 {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
    font-size: .78rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #6b5647;
    margin: 26px 0 10px;
    padding-bottom: 6px;
    border-bottom: 1px dotted #ded0b9;
}

/* العربية ما فيهاش حروف كبيرة، والتباعد بيفكّ وصل الحروف. */
body[dir="rtl"].theme-arabi .arb-rg-sub2 {
    letter-spacing: 0;
    text-transform: none;
    font-size: .95rem;
}

/* ── الحقل: سطر مخطوطة ─────────────────────────────────────────
   عمود واحد، لابل فوق، وخط سفلي بدل الصندوق. الـ!important لازمة لأن
   ‎#register-section .form-control‎ في ورقات المعاهد المشتركة أقوى
   تخصيصًا، والحقول اللي جوّه التبويب بتتحقن من السيرفر بماركب مشترك
   ما نقدرش نغيّره — فالتسطير لازم يمسكها هي كمان. */
body.theme-arabi .arb-rg-f { margin: 0 0 18px; }

body.theme-arabi .arb-rg-l {
    display: block;
    margin: 0 0 2px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .92rem;
    color: #6b5647;
}

body.theme-arabi .arb-rg .form-control,
body.theme-arabi .arb-rg .arb-rg-i {
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #a8845a !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 7px 2px !important;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1rem;
    color: #2b2119;
}

body.theme-arabi .arb-rg .form-control:focus,
body.theme-arabi .arb-rg .arb-rg-i:focus {
    outline: 2px solid #6b4a1f;
    outline-offset: 3px;
    border-bottom-color: #6b4a1f !important;
}

body.theme-arabi .arb-rg .form-control::placeholder { color: #7d6d5e; opacity: 1; }

/* الشبكة اللي جايّة من الماركب المشترك (col-md-4 متساوية) بتتفرد عمودًا
   واحدًا: الصفوف المتساوية هي شكل الصفحة اللي اتكرر عند الكل. */
body.theme-arabi .arb-rg .search-inner-box [class*="col-md-"],
body.theme-arabi .arb-rg .search-inner-box [class*="col-lg-"] {
    flex: 0 0 100%;
    max-width: 100%;
    padding-inline: 0;
}

body.theme-arabi .arb-rg .search-inner-box h5 {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
    font-size: 1rem;
    color: #6b4a1f;
    margin: 24px 0 12px;
    padding-bottom: 6px;
    border-bottom: 1px dotted #ded0b9;
}

body.theme-arabi .arb-rg .search-inner-box p { font-size: .88rem; color: #4a3d33; }

/* صندوق المشاركين جاي بستايل سطري رمادي (#f9f9f9) من الملف المشترك —
   بيتلوّن رملي عشان ما يبقاش رقعة غريبة في نص الورقة. */
body.theme-arabi .arb-rg .search-inner-box [style*="#f9f9f9"] {
    background: #f4ead6 !important;
    border: 1px solid #ddcfb8 !important;
    border-radius: 0 !important;
    padding: 4px 14px 10px;
    margin-top: 18px;
}

/* زرار البحث عن عميل عائد ملزوق فوق الحقل بستايل سطري — بيتصغّر عشان
   ما يغطّيش الخط السفلي. */
body.theme-arabi .arb-rg .input-group .btn-primary {
    height: auto !important;
    top: 0 !important;
    padding: 5px 10px !important;
    border-radius: 0 0 4px 4px !important;
}

/* ── جدول المواعيد ─────────────────────────────────────────── */
body.theme-arabi .arb-rg-sched { overflow-x: auto; }

body.theme-arabi .arb-rg-sched table {
    width: 100%;
    background: #fff;
    border: 1px solid #ddcfb8;
    font-size: .92rem;
}

body.theme-arabi .arb-rg-sched th {
    background: #f4ead6;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
    color: #4a3d33;
    border-color: #ddcfb8 !important;
}

body.theme-arabi .arb-rg-sched td { border-color: #e8ddc9 !important; color: #3d3128; }

/* ── الرسوم: نزلت جوّه الورقة بدل العمود الجانبي ───────────── */
body.theme-arabi .arb-rg-fees .fees-box {
    background: #f4ead6 !important;
    border: 1px solid #ddcfb8 !important;
    border-radius: 0 !important;
    padding: 12px 14px;
    color: #2b2119;
}

body.theme-arabi .arb-rg-fees .fees-box h6 {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
    font-size: .82rem;
    color: #6b5647;
    margin: 0 0 4px;
}

body.theme-arabi .arb-rg-fees .fees-box h4 {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
    font-size: 1.4rem;
    color: #6b4a1f;
    margin: 0;
}

body.theme-arabi .arb-rg-fees .fees-box p { margin: 0; font-size: .92rem; color: #4a3d33; }

/* ── اختيار جهة السداد: سطران بقلم، مش لوحان ملوّنان ───────── */
body.theme-arabi .arb-rg-pick {
    border: 0 !important;
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 4px;
}

body.theme-arabi .arb-rg-pick .nav-link {
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 6px 0 !important;
    margin-inline-end: 28px;
    color: #6b5647 !important;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1rem;
    border-bottom: 2px solid transparent !important;
}

body.theme-arabi .arb-rg-pick .nav-link.active {
    color: #2b2119 !important;
    border-bottom-color: #9c6b30 !important;
}

body.theme-arabi .arb-rg-pick .nav-link:hover { color: #2b2119 !important; }

body.theme-arabi .arb-rg-pane { padding-top: 4px; }

/* ── الموافقات والإرسال ───────────────────────────────────── */
body.theme-arabi .arb-rg-agree {
    margin-top: 26px;
    padding-top: 18px;
    border-top: 1px dotted #c7b49b;
}

body.theme-arabi .arb-rg-chk {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    font-weight: 400;
    font-size: .9rem;
    line-height: 1.7;
    color: #4a3d33;
    margin: 0 0 10px;
}

body.theme-arabi .arb-rg-chk input { margin-top: 5px; flex: 0 0 auto; }
body.theme-arabi .arb-rg-chk a { color: #7a4f18; text-decoration: underline; text-underline-offset: 3px; }

body.theme-arabi .arb-rg-send {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 18px;
}

body.theme-arabi .arb-rg .btn-primary {
    background: #6b4a1f !important;
    border: 1px solid #6b4a1f !important;
    color: #fff !important;
    border-radius: 0 0 6px 6px !important;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    padding: 10px 22px !important;
}

body.theme-arabi .arb-rg .btn-secondary {
    background: transparent !important;
    border: 1px solid #9c6b30 !important;
    color: #6b4a1f !important;
    border-radius: 0 0 6px 6px !important;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    padding: 10px 22px !important;
}

body.theme-arabi .arb-rg .btn-secondary:hover { background: #f3e9d8 !important; }

/* زرار إضافة مشارك جاي بكلاس purple-color من الماركب المشترك. */
body.theme-arabi .arb-rg .btn.purple-color {
    background: transparent !important;
    border: 1px dashed #9c6b30 !important;
    color: #6b4a1f !important;
    border-radius: 0 !important;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    padding: 7px 14px !important;
}

/* ── الحواشي السفلية: بديل العمود الجانبي ─────────────────── */
body.theme-arabi .arb-rg-notes {
    margin-top: 30px;
    padding-top: 16px;
    border-top: 1px solid #ddcfb8;
}

body.theme-arabi .arb-rg-note {
    position: relative;
    margin: 0 0 10px;
    padding-inline-start: 22px;
    max-width: 68ch;
    font-size: .86rem;
    line-height: 1.85;
    color: #4a3d33;
}

body.theme-arabi .arb-rg-note .arb-rg-mk {
    position: absolute;
    inset-inline-start: 0;
    color: #8a5c26;
    font-size: .95rem;
}

body.theme-arabi sup.arb-rg-mk { color: #8a5c26; font-size: .68em; margin-inline-start: 3px; }

body.theme-arabi .arb-rg-note a { color: #7a4f18; text-decoration: underline; text-underline-offset: 3px; }

/* بريد وهاتف: نص لاتيني جوّه جملة عربية — isolate بتمنع انقلاب الترتيب. */
body.theme-arabi .arb-rg-nb { unicode-bidi: isolate; white-space: nowrap; }
body.theme-arabi .arb-rg-sep { color: #6b5647; margin: 0 5px; }

@media (max-width: 767px) {
    body.theme-arabi .arb-rg { padding: 24px 0 40px; }
    body.theme-arabi .arb-rg-body { padding: 22px 18px 26px; }
    body.theme-arabi .arb-rg-h1 { font-size: 1.5rem; }
    body.theme-arabi .arb-rg-send .btn { width: 100%; }
}


/* ── ٢) /in-house-training-proposal — استمارة مبوّبة ─────────
   كانت رسالة نثرية والحقول سطور جوّه الجُمل. اتشالت (2026-09-12) لأن
   الـselect بارتفاع 26px والـinput بـ31px ما كانوش على خط قاعدة واحد،
   و17 خانة طلعت بـ8 عروض مالهاش علاقة بالمحتوى، والترقيم كان بيتيتّم
   في آخر السطور — و15 حقل كجملة متصلة صعب تتملّى أصلاً.

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

body.theme-arabi .arb-ip {
    background: #f6f0e7;
    padding: 42px 0 60px;
}

body.theme-arabi .arb-ip-letter {
    max-width: 980px;
    margin: 0 auto;
}

body.theme-arabi .arb-ip-h1 {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 1.3;
    color: #2b2119;
    margin: 0 0 10px;
}

/* خط قصير تحت العنوان بدل شريط عريض. */
body.theme-arabi .arb-ip-h1::after {
    content: "";
    display: block;
    width: 64px;
    height: 1px;
    margin-top: 12px;
    background: #9c6b30;
}

body.theme-arabi .arb-ip-msg:not(:empty) { margin: 16px 0; }

/* الورقة: خلفية فاتحة عن أرضية الصفحة عشان تبان كمستند مرفوع. */
body.theme-arabi .arb-ip-form {
    margin-top: 26px;
    padding: 30px 34px 34px;
    background: #fffdf8;
    border: 1px solid #e0d3bf;
    border-radius: 3px;
}

/* رأس القسم: رقم في مربّع صغير، والعنوان، وخط شعرة بيكمّل لآخر السطر.
   الخط بيتمدّد بـflex:1 فبيضبط نفسه مع أي طول عنوان في اللغتين. */
body.theme-arabi .arb-ip-sec + .arb-ip-sec { margin-top: 34px; }

body.theme-arabi .arb-ip-sec-h {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 18px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.05rem;
    font-weight: 400;
    color: #2b2119;
}

body.theme-arabi .arb-ip-sec-n {
    flex: 0 0 auto;
    width: 26px;
    height: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #6b4a1f;
    color: #fff;
    border-radius: 2px;
    font-size: .85rem;
}

body.theme-arabi .arb-ip-sec-t { flex: 0 0 auto; }

body.theme-arabi .arb-ip-sec-h::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: #e0d3bf;
}

/* الشبكة: الأعمدة بتتحدّد من العرض المتاح، وminmax(0,…) بيمنع الخانة
   إنها تتمدّد على محتواها وتكسر الصف. */
body.theme-arabi .arb-ip-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px 24px;
}

body.theme-arabi .arb-ip-f { min-width: 0; }
body.theme-arabi .arb-ip-f--full { grid-column: 1 / -1; }
/* الحقول الطويلة بتاخد خانتين عشان الصفوف تتملّى: من غيرها كان بيطلع صف
   فيه حقلين وجنبهم فراغين، وبعده حقل لوحده في صف. */
body.theme-arabi .arb-ip-f--wide { grid-column: span 2; }

body.theme-arabi .arb-ip-f label {
    display: block;
    margin: 0 0 6px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .82rem;
    font-style: italic;
    color: #6f6055;
}

body.theme-arabi .arb-ip-f label i { font-style: normal; color: #9c3b1f; }

/* الحقل المسطّر: هوية عربي. min-height واحد للـinput والـselect عشان
   الصف ما يتعوّجش — دي كانت أوضح مشكلة في التصميم القديم. */
body.theme-arabi .arb-ip .form-control,
body.theme-arabi .arb-ip .arb-ip-in {
    display: block;
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    /* أعلى من الارتفاع الطبيعي للاتنين (input ≈38.6، select أقل) عشان
       يتفرض عليهم الاتنين فيطلعوا بنفس المقاس بالظبط. لو أقل، الـinput
       بيعدّيه ويفضل أطول من الـselect بـ1px. */
    min-height: 40px;
    box-sizing: border-box;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid #a8845a !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 6px 4px !important;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1rem;
    line-height: 1.6;
    color: #2b2119;
}

body.theme-arabi .arb-ip .form-control:focus {
    outline: 2px solid #6b4a1f;
    outline-offset: 2px;
    border-bottom-color: #6b4a1f !important;
}

body.theme-arabi .arb-ip .form-control::placeholder { color: #7d6d5e; opacity: 1; }

body.theme-arabi .arb-ip-note {
    min-height: 92px !important;
    resize: vertical;
}

body.theme-arabi .arb-ip-sign {
    margin-top: 30px;
    padding-top: 18px;
    border-top: 1px solid #e0d3bf;
}

body.theme-arabi .arb-ip .btn-secondary {
    background: #6b4a1f !important;
    border: 1px solid #6b4a1f !important;
    color: #fff !important;
    border-radius: 3px !important;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    padding: 10px 26px !important;
}

body.theme-arabi .arb-ip .btn-secondary:hover { background: #46331f !important; border-color: #46331f !important; }

body.theme-arabi .arb-ip-tail {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .95rem;
    line-height: 1.9;
    color: #4a3d33;
    margin-top: 20px;
}

body.theme-arabi .arb-ip-nb {
    unicode-bidi: isolate;
    white-space: nowrap;
    color: #7a4f18;
    text-decoration: underline;
    text-underline-offset: 3px;
}

@media (max-width: 767px) {
    body.theme-arabi .arb-ip { padding: 28px 0 44px; }
    body.theme-arabi .arb-ip-h1 { font-size: 1.45rem; }
    body.theme-arabi .arb-ip-form { padding: 22px 18px 26px; }
    /* عمود واحد: span 2 هنا كان هيخلق عمود ضمني تاني ويعمل تمرير أفقي. */
    body.theme-arabi .arb-ip-grid { grid-template-columns: 1fr; gap: 16px; }
    body.theme-arabi .arb-ip-f--wide { grid-column: auto; }
    body.theme-arabi .arb-ip .btn-secondary { width: 100%; }
}


/* ── ٣) /course-finder — عنوان جارٍ + سطر باحث + فهرس ────────
   الصفحة كانت سطر قوائم منسدلة وخلاص، ونفس السطر عند الأحد عشر. */

body.theme-arabi .arb-cf-head {
    background: #ece2d3;
    padding: 40px 0 18px;
}

body.theme-arabi .arb-cf-run {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .74rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #6b5647;
    margin: 0 0 8px;
}

body[dir="rtl"].theme-arabi .arb-cf-run {
    letter-spacing: 0;
    text-transform: none;
    font-size: .92rem;
}

/* خط مزدوج تحت العنوان — صدر صفحة في مطبوع، مش لوح بانر ملوّن. */
body.theme-arabi .arb-cf-h1 {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
    font-size: 2rem;
    line-height: 1.25;
    color: #2b2119;
    margin: 0 0 14px;
    padding-bottom: 12px;
    border-bottom: 3px double #c2a978;
}

body.theme-arabi .arb-cf-lede {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.02rem;
    line-height: 1.9;
    color: #4a3d33;
    max-width: 70ch;
    margin: 0;
}

body.theme-arabi .arb-cf { background: #ece2d3; }
body.theme-arabi .arb-cf-out { padding-bottom: 56px; }

body.theme-arabi .arb-cf-para { max-width: 920px; }

body.theme-arabi .arb-cf-say {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.02rem;
    line-height: 1.95;
    color: #3d3128;
    max-width: 70ch;
    margin: 24px 0 10px;
}

/* سطر الباحث: خط فوق وخط تحت وخانات مفصولة بخطوط شعرية — سطر مكتوب
   في الفقرة، مش لوحة بيضا بظل. */
body.theme-arabi .arb-cf-line {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    background: #f6f0e7;
    border-block: 1px solid #a8845a;
}

body.theme-arabi .arb-cf-cell {
    flex: 1 1 190px;
    min-width: 0;
    display: flex;
    align-items: center;
    border-inline-end: 1px solid #ddcfb8;
}

body.theme-arabi .arb-cf-cell-wide { flex: 2 1 240px; }

body.theme-arabi .arb-cf-sel {
    width: 100% !important;
    max-width: 100%;
    height: auto !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 11px 12px !important;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .98rem;
    color: #2b2119;
}

body.theme-arabi .arb-cf-sel:focus { outline: 2px solid #6b4a1f; outline-offset: -2px; }

/* chosen بتحط width:500px سطري على الحاوية → تمرير أفقي على الموبايل. */
body.theme-arabi .arb-cf .chosen-container {
    width: 100% !important;
    max-width: 100%;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
}

body.theme-arabi .arb-cf .chosen-container-multi .chosen-choices {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 7px 10px !important;
}

body.theme-arabi .arb-cf .chosen-container .chosen-drop { border-color: #ddcfb8; }

body.theme-arabi .arb-cf-go {
    flex: 0 0 auto;
    background: #6b4a1f !important;
    border: 1px solid #6b4a1f !important;
    color: #fff !important;
    border-radius: 0 !important;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    padding: 11px 28px !important;
}

body.theme-arabi .arb-cf-go:hover { background: #46331f !important; }

/* نتايج البحث بتتحقن من السيرفر وفيها أزرق المعهد سطري على العناوين. */
body.theme-arabi .arb-cf-out h4[style] {
    color: #2b2119 !important;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
}

/* ── الفهرس بنقط قائدة — أداة التمييز الخاصة بالعربي ────────
   بلا سهم في آخر البند: «نقط + سهم» علامة مشتركة ممنوعة. */
body.theme-arabi .arb-cf-index {
    margin-top: 36px;
    padding-top: 6px;
    border-top: 1px solid #c2a978;
}

body.theme-arabi .arb-cf-ih {
    display: flex;
    align-items: baseline;
    gap: 10px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
    font-size: 1.2rem;
    color: #2b2119;
    margin: 14px 0 6px;
}

body.theme-arabi .arb-cf-ic { font-size: .82rem; color: #6b5647; }

body.theme-arabi .arb-cf-list {
    list-style: none;
    margin: 0;
    padding: 0;
    columns: 2;
    column-gap: 46px;
}

body.theme-arabi .arb-cf-list li { break-inside: avoid; }

body.theme-arabi .arb-cf-row {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 9px 0;
    color: #2b2119;
    text-decoration: none !important;
}

body.theme-arabi .arb-cf-t {
    flex: 0 1 auto;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.02rem;
}

body.theme-arabi .arb-cf-dots {
    flex: 1 1 auto;
    min-width: 18px;
    border-bottom: 1px dotted #b9a488;
    transform: translateY(-4px);
}

body.theme-arabi .arb-cf-row:hover .arb-cf-t {
    color: #7a4f18;
    text-decoration: underline;
    text-underline-offset: 4px;
}

body.theme-arabi .arb-cf-row:hover .arb-cf-dots { border-bottom-color: #7a4f18; }

@media (max-width: 767px) {
    body.theme-arabi .arb-cf-head { padding: 28px 0 14px; }
    body.theme-arabi .arb-cf-h1 { font-size: 1.6rem; }
    body.theme-arabi .arb-cf-cell { flex: 1 1 100%; border-inline-end: 0; border-bottom: 1px dotted #ddcfb8; }
    body.theme-arabi .arb-cf-go { width: 100%; }
    body.theme-arabi .arb-cf-list { columns: 1; }
}


/* ── /register: كسر إعادة التلوين المشتركة ──────────────────────
   assets/css/themes/_brand.css بتلوّن ‎#register-section .nav-link‎
   و‎.fees-box‎ بلون الموقع بـ‎!important‎، وتخصيصها فيه id فبتغلب أي
   قاعدة بكلاسات بس مهما كانت !important. القواعد هنا بتضيف نفس الـid
   (‎#register-section.arb-rg‎) عشان توصل لتخصيص أعلى وتردّ التبويبين
   ولوح الرسوم لهيئة الورقة المسطّرة بدل الألواح المصمتة. */

body.theme-arabi #register-section.arb-rg .arb-rg-pick .nav-link {
    background: transparent !important;
    color: #6b5647 !important;
    box-shadow: none !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    padding: 6px 0 !important;
}

body.theme-arabi #register-section.arb-rg .arb-rg-pick .nav-link.active {
    color: #2b2119 !important;
    border-bottom-color: #9c6b30 !important;
}

body.theme-arabi #register-section.arb-rg .arb-rg-pick .nav-link:hover {
    color: #2b2119 !important;
}

/* لوح التبويبات كان أبيض مصمت جوّه ورقة رملية. */
body.theme-arabi #register-section.arb-rg .arb-rg-pane {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 4px 0 0 !important;
}

body.theme-arabi #register-section.arb-rg .arb-rg-fees .fees-box {
    background: #f4ead6 !important;
    border: 1px solid #ddcfb8 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #2b2119 !important;
}

body.theme-arabi #register-section.arb-rg .arb-rg-fees .fees-box p,
body.theme-arabi #register-section.arb-rg .arb-rg-fees .fees-box h4 { color: #2b2119 !important; }
body.theme-arabi #register-section.arb-rg .arb-rg-fees .fees-box h6 { color: #6b5647 !important; }


/* ── تصحيحات بعد القياس ─────────────────────────────────────── */

/* صفوف بوتستراب جوّه التبويب ليها هوامش سالبة (-15px)، فالحقول كانت
   بتخرج بره حدود الورقة وبره صندوق المشاركين. */
body.theme-arabi .arb-rg .search-inner-box .row { margin-inline: 0; }

/* مجموعة البريد + زرار البحث: الصندوق المحيط بيرسم إطار حوالين سطر
   مفروض يبقى خط واحد تحت الكتابة. */
body.theme-arabi .arb-rg .input-group {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* ‎.container‎ في قالب Course Finder بعرض الشاشة كامل، فسطر الفهرس كان
   بيمتد 1400px والنقط القائدة بتطول أكتر من اللزوم. */
body.theme-arabi .arb-cf-head > .container,
body.theme-arabi .arb-cf > .container {
    max-width: 1160px;
    margin-inline: auto;
}

/* هامش أول فقرة كان بيتسرّب بره القسم (margin collapse) فيبان شريط
   أبيض بين العنوان والباحث. حشو صغير بيقفل التسرّب. */
body.theme-arabi .arb-cf { padding-top: 6px; }


/* ============================================================
   العربي — تفاصيل المقال وتفاصيل المدوّنة (2026-09-09)
   ------------------------------------------------------------
   الصفحتان كانتا نسخة واحدة من الشكل المشترك: بلوك شعار فوق ←
   عنوان ← تاريخ ← نصّ بعرض العمود كله، وجنبه ريل أربع كروت
   "مقالات/مدوّنات مرتبطة". ده اللي بيخلّي أي زائر يعرف إن الـ11
   معهد من إيد واحدة، فاتشال بالكامل.

   البديل معماران مختلفان — مش لونان:

   (أ) المقال = ورقة مخطوطة. شريط عنوان جارٍ بنّي فوقها، جوّاها
       عمودان مش متساويان: هامش مخطوطة لاصق فيه التاريخ، وعمود
       قراءة واحد بعرض 68 حرف. والمرتبطة فهرس بنقط قائدة في ذيل
       الورقة (أداة تمييز العربي المعتمدة) — أربعة بنود، بلا صور
       وبلا أسهم وبلا سطور وصف مكرّرة.

   (ب) المدوّنة = مفيش ورقة أصلاً. عمود واحد مركزي أضيق على
       أرضية رملية فاتحة، العنوان جوّه كارتوش صغير بإطار مزدوج
       وزاوية مدوّرة من جهة واحدة (قاعدة شكل العربي)، والنصّ
       بمسطرة منقّطة رأسية على جهة البداية. والمرتبطة سطر نثري
       واحد فيه تلات روابط جوّه الجملة — لا قائمة ولا كروت.

   يعني: عدد الكتل مختلف، وترتيبها مختلف، وعدد المرتبطة مختلف
   (4 مقابل 3) وشكلها مختلف. لو حطّينا الصفحتين جنب بعض، ولا
   واحدة فيهم تتقرا نسخة من التانية.

   كل الكلاسات بادئتها arb-ad- / arb-bd- عشان ما تلمسش أي معهد تاني.
   ============================================================ */

/* ── (أ) صفحة المقال ─────────────────────────────────────────── */

body.theme-arabi #common-listing-section.arb-ad { padding: 32px 0 62px; }

/* مسار التنقّل chrome مش جزء من المخطوطة: بره الورقة وبخط صغير هادئ. */
body.theme-arabi .arb-ad-crumb { max-width: 820px; margin: 0 auto 14px; }
body.theme-arabi .arb-ad-crumb .breadcrumb {
    background: transparent;
    border-radius: 0;
    padding: 0;
    margin: 0;
    font-size: .82rem;
}
body.theme-arabi .arb-ad-crumb .breadcrumb a { color: #7a5a3a; }
body.theme-arabi .arb-ad-crumb .breadcrumb a:hover { color: #2b2119; }
body.theme-arabi .arb-ad-crumb .breadcrumb-item.active { color: #6b5647; }

/* الورقة المشتركة عندها overflow:hidden (كان لقصّ الشريط)، وده بيقتل
   position:sticky بتاع الهامش. الزوايا هنا صفر أصلاً فالقصّ مالوش لزوم. */
/* الورقة العامة 1060px — عريضة جداً لصفحة عمودها 55 حرف، وكانت بتسيب
   نصّ الورقة فاضي. 820px بتخلّي الهامش + العمود يملوا الورقة. */
body.theme-arabi .arb-ad-sheet { overflow: visible; max-width: 820px; }

body.theme-arabi .arb-ad-band { justify-content: flex-start; }
body.theme-arabi .arb-ad-band b { font-size: 1.02rem; letter-spacing: .16em; text-transform: uppercase; }

/* عمودان مش متساويان: هامش ضيّق + عمود قراءة. مفيش ريل ولا كروت. */
body.theme-arabi .arb-ad-body {
    display: grid;
    grid-template-columns: 128px minmax(0, 1fr);
    gap: 0 32px;
    align-items: start;
    padding: 40px var(--pad) 6px;
}

/* التاريخ حاشية على الهامش، وبيفضل مع القارئ وهو نازل (sticky) —
   ده اللي بيخلّي الصفحة مخطوطة مش بوست عادي بتاريخ تحت العنوان. */
body.theme-arabi .arb-ad-rail {
    position: sticky;
    top: 104px;
    border-inline-end: 1px dotted #cdbb9f;
    padding-block: 12px 8px;
    padding-inline: 0 18px;
    text-align: end;
}

body.theme-arabi .arb-ad-date {
    display: block;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .92rem;
    line-height: 1.6;
    color: #6b5647;
}

body.theme-arabi .arb-ad-h1 {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
    font-size: 2.06rem;
    line-height: 1.32;
    color: #2b2119;
    margin: 0 0 10px;
    max-width: min(100%, 26ch);
}

/* شريط برونزي قصير بدل الإطار — الإطار علامة صفحة المدوّنة. */
body.theme-arabi .arb-ad-h1::after {
    content: "";
    display: block;
    width: 58px;
    margin-top: 16px;
    border-top: 3px solid #b08968;
}

body.theme-arabi .arb-ad-prose {
    margin-top: 22px;
    max-width: 55ch;                 /* ~69 حرف في السطر — اتقاس بـaudit.py */
    color: #3d3128;
    font-size: 1.02rem;
    line-height: 2;
    overflow-wrap: break-word;
}

/* ── (ب) صفحة المدوّنة ───────────────────────────────────────── */

body.theme-arabi #common-listing-section.arb-bd {
    background: #f7f1e7;             /* أرضية أفتح من ورقة المقال — أرضية مش ورقة */
    padding: 28px 0 66px;
}

/* عمود ضيّق متمركز على الصفحة كلها — عكس ورقة المقال المؤطّرة. */
body.theme-arabi .arb-bd-wrap { max-width: 560px; margin: 0 auto; }

body.theme-arabi .arb-bd-crumb .breadcrumb {
    background: transparent;
    border-radius: 0;
    padding: 0;
    margin: 0 0 18px;
    font-size: .82rem;
}
body.theme-arabi .arb-bd-crumb .breadcrumb a { color: #7a5a3a; }
body.theme-arabi .arb-bd-crumb .breadcrumb a:hover { color: #2b2119; }
body.theme-arabi .arb-bd-crumb .breadcrumb-item.active { color: #6b5647; }

/* الكارتوش: إطار مزدوج (الحدّ + ظلّ داخلي على مرحلتين) وزاوية مدوّرة من
   جهة واحدة بس — قاعدة شكل العربي. أضيق من عمود النص عشان يبان ختماً
   فوق الصفحة، مش بانر بعرضها. */
body.theme-arabi .arb-bd-cart {
    display: inline-block;
    max-width: min(100%, 24rem);
    background: #fffaf1;
    border: 1px solid #c2a276;
    border-radius: 0;
    border-start-end-radius: 8px;
    box-shadow: inset 0 0 0 3px #fffaf1, inset 0 0 0 4px #e2d3ba;
    padding: 18px 22px 20px;
    margin: 0 0 26px;
}

body.theme-arabi .arb-bd-cart-d {
    display: block;
    font-size: .76rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #7a5a3a;
    margin: 0 0 9px;
}

body.theme-arabi .arb-bd-h1 {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
    font-size: 1.68rem;
    line-height: 1.36;
    color: #2b2119;
    margin: 0;
}

/* مسطرة المخطوطة: خط رأسي منقّط على جهة البداية والنصّ مزاح عنه.
   إيقاع مختلف تماماً عن ورقة المقال اللي فيها الهامش عمود مستقل. */
body.theme-arabi .arb-bd-prose {
    border-inline-start: 1px dotted #cdbb9f;
    padding-inline-start: 26px;
    max-width: 53ch;                 /* ~68 حرف في السطر — اتقاس بـaudit.py */
    color: #3d3128;
    font-size: 1.03rem;
    line-height: 1.95;
    overflow-wrap: break-word;
}

body.theme-arabi .arb-bd-by {
    margin: 30px 0 0;
    padding-inline-start: 26px;
    border-inline-start: 1px dotted #cdbb9f;
    max-width: 53ch;
    color: #4a3c30;
    font-size: .95rem;
    line-height: 1.9;
}
body.theme-arabi .arb-bd-by-n {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    color: #7a5a3a;
    margin: 0 0 6px;
}
body.theme-arabi .arb-bd-by-b p { margin: 0 0 10px; }

/* المرتبطة: جملة جارية. مفيش li ولا حدود لكل بند — الروابط جوّه النصّ. */
body.theme-arabi .arb-bd-more {
    margin: 40px 0 0;
    padding-top: 20px;
    border-top: 1px solid #ddcfb8;
    max-width: 53ch;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.02rem;
    line-height: 2.1;
    color: #3d3128;
}
body.theme-arabi .arb-bd-more-k { color: #7a5a3a; }
body.theme-arabi .arb-bd-more-a {
    color: #8a5c26;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-color: #c8ad86;
}
body.theme-arabi .arb-bd-more-a:hover {
    color: #2b2119;
    background: rgba(176, 137, 104, .16);
    text-decoration-color: #8a5c26;
}

/* ── تنسيق النصّ الجاري: نفس المعالجة للصفحتين، لأنه نصّ الموقع نفسه.
      التخطيط حواليه هو اللي بيفرّق، مش تنسيق الفقرة. ───────────── */

body.theme-arabi .arb-ad-prose p,
body.theme-arabi .arb-bd-prose p { margin: 0 0 18px; }

body.theme-arabi .arb-ad-prose h2, body.theme-arabi .arb-ad-prose h3,
body.theme-arabi .arb-ad-prose h4, body.theme-arabi .arb-ad-prose h5,
body.theme-arabi .arb-bd-prose h2, body.theme-arabi .arb-bd-prose h3,
body.theme-arabi .arb-bd-prose h4, body.theme-arabi .arb-bd-prose h5 {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
    color: #8a5c26;
    line-height: 1.45;
    margin: 30px 0 12px;
}
body.theme-arabi .arb-ad-prose h2, body.theme-arabi .arb-bd-prose h2 { font-size: 1.34rem; }
body.theme-arabi .arb-ad-prose h3, body.theme-arabi .arb-bd-prose h3 { font-size: 1.18rem; }
body.theme-arabi .arb-ad-prose h4, body.theme-arabi .arb-bd-prose h4,
body.theme-arabi .arb-ad-prose h5, body.theme-arabi .arb-bd-prose h5 { font-size: 1.06rem; }

body.theme-arabi .arb-ad-prose ul, body.theme-arabi .arb-ad-prose ol,
body.theme-arabi .arb-bd-prose ul, body.theme-arabi .arb-bd-prose ol {
    margin: 0 0 18px;
    padding-inline-start: 22px;
    padding-inline-end: 0;
}
body.theme-arabi .arb-ad-prose li, body.theme-arabi .arb-bd-prose li { margin: 0 0 9px; }

body.theme-arabi .arb-ad-prose a, body.theme-arabi .arb-bd-prose a {
    color: #8a5c26;
    text-decoration: underline;
    text-underline-offset: 3px;
}
body.theme-arabi .arb-ad-prose a:hover, body.theme-arabi .arb-bd-prose a:hover { color: #2b2119; }

body.theme-arabi .arb-ad-prose blockquote, body.theme-arabi .arb-bd-prose blockquote {
    margin: 22px 0;
    padding-inline-start: 18px;
    border-inline-start: 3px solid #b08968;
    color: #4a3c30;
    font-style: italic;
}

/* حماية من التمرير الأفقي: المحتوى جاي من قاعدة البيانات وممكن يحتوي
   جداول أو إطارات أعرض من العمود. */
body.theme-arabi .arb-ad-prose img, body.theme-arabi .arb-bd-prose img { max-width: 100%; height: auto; }
body.theme-arabi .arb-ad-prose iframe, body.theme-arabi .arb-bd-prose iframe { max-width: 100%; }
body.theme-arabi .arb-ad-prose table, body.theme-arabi .arb-bd-prose table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

/* ── خاتمة ورقة المقال: بيانات الكاتب الحقيقية بلا كارت ولا صورة ── */
body.theme-arabi .arb-ad-colophon {
    margin-top: 36px;
    padding-top: 22px;
    border-top: 1px dotted #cdbb9f;
    max-width: 55ch;
    color: #4a3c30;
    font-size: .95rem;
    line-height: 1.9;
}
body.theme-arabi .arb-ad-colophon-h {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
    font-size: 1.06rem;
    color: #8a5c26;
    margin: 0 0 10px;
}
body.theme-arabi .arb-ad-colophon-n {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    color: #2b2119;
    margin: 0 0 6px;
}
body.theme-arabi .arb-ad-colophon-n span { color: #6b5647; }
body.theme-arabi .arb-ad-colophon-b p { margin: 0 0 10px; }

/* ── فهرس ذيل الورقة: نقط قائدة، أداة تمييز العربي ──────────── */

body.theme-arabi .arb-ad-foot {
    display: block;
    margin-top: 42px;
    padding: 26px var(--pad) 38px;
    background: #f5ecdc;
    border-top: 3px double #ddcfb8;
}

body.theme-arabi .arb-ad-foot-h {
    display: flex;
    align-items: center;
    gap: 14px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400;
    font-size: 1.16rem;
    color: #8a5c26;
    margin: 0 0 4px;
}
body.theme-arabi .arb-ad-foot-h::after {
    content: "";
    flex: 1 1 auto;
    min-width: 20px;
    border-top: 1px dotted #cdbb9f;
}

body.theme-arabi .arb-ad-idx { list-style: none; margin: 0; padding: 0; }
body.theme-arabi .arb-ad-idx > li + li { border-top: 1px dotted #ddcfb8; }

body.theme-arabi .arb-ad-idx-row {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 13px 6px;
    margin-inline: -6px;
    color: #2b2119;
    text-decoration: none !important;
    transition: background-color .2s ease, color .2s ease;
}
body.theme-arabi .arb-ad-idx-row:hover,
body.theme-arabi .arb-ad-idx-row:focus-visible {
    background: rgba(176, 137, 104, .16);
    color: #8a5c26;
}

body.theme-arabi .arb-ad-idx-t {
    flex: 0 1 auto;
    min-width: 0;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.03rem;
    line-height: 1.5;
}
body.theme-arabi .arb-ad-idx-dots {
    flex: 1 1 auto;
    min-width: 22px;
    align-self: flex-end;
    margin-bottom: 5px;
    border-bottom: 1px dotted #bfa886;
}
body.theme-arabi .arb-ad-idx-d {
    flex: 0 0 auto;
    font-size: .82rem;
    color: #6b5647;
    white-space: nowrap;
}

/* ── الموبايل: عمود واحد، والهامش بيتحوّل سطر فوق العنوان ──── */
@media (max-width: 767px) {
    body.theme-arabi .arb-ad-sheet { --pad: 20px; }

    body.theme-arabi #common-listing-section.arb-ad { padding: 20px 0 40px; }

    body.theme-arabi .arb-ad-body {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
        padding: 26px var(--pad) 4px;
    }
    body.theme-arabi .arb-ad-rail {
        position: static;
        border-inline-end: 0;
        border-bottom: 1px dotted #cdbb9f;
        padding-block: 0 10px;
        padding-inline: 0;
        margin-bottom: 18px;
        text-align: start;
    }
    body.theme-arabi .arb-ad-h1 { font-size: 1.5rem; max-width: none; }
    body.theme-arabi .arb-ad-foot { margin-top: 30px; padding: 22px var(--pad) 30px; }

    /* النقط القائدة بتاكل عرض السطر على الشاشة الضيّقة، فالتاريخ ينزل تحت. */
    body.theme-arabi .arb-ad-idx-row { flex-wrap: wrap; gap: 2px 10px; }
    body.theme-arabi .arb-ad-idx-dots { display: none; }
    body.theme-arabi .arb-ad-idx-t { flex: 1 1 100%; }
    body.theme-arabi .arb-ad-idx-d { flex: 1 1 100%; }

    body.theme-arabi #common-listing-section.arb-bd { padding: 20px 0 44px; }
    body.theme-arabi .arb-bd-wrap { max-width: 100%; }
    body.theme-arabi .arb-bd-cart { max-width: 100%; padding: 15px 18px 17px; margin-bottom: 22px; }
    body.theme-arabi .arb-bd-h1 { font-size: 1.32rem; }
    body.theme-arabi .arb-bd-prose,
    body.theme-arabi .arb-bd-by { padding-inline-start: 16px; }
}

/* (2026-09-09) نفس الطلب: الكلام يفرد بعرض الصفحة. كان 72ch (٥٤٥px)
   جوّه قسم ٩٦٦px، فالمساحة على اليمين كانت فاضية. */
body.theme-arabi .arb-cd-ch--measure .arb-cd-prose { max-width: none; }

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

/* نافذة عربي: ورق كريمي، عنوان serif وتحته خط منقّط، حقول بخط سفلي
   منقّط، وزرار مربّع برونزي — نفس أداة الخطوط المنقّطة. */
body.theme-arabi .modal-content{background:#faf7f3;border:1px solid #e6dbcd;border-radius:0}
body.theme-arabi .modal-header{background:transparent;border:0;border-bottom:1px dotted #b08968;padding:18px 22px 10px}
body.theme-arabi .modal-title{color:#3d2f22;font-family:Georgia,"Times New Roman",serif;font-size:1.16rem}
body.theme-arabi .modal-content > p{padding:12px 22px 0;color:#7a6a58;font-size:.87rem}
body.theme-arabi .modal-body .form-control{
    border:0!important;border-bottom:1px dotted #c9b299!important;border-radius:0!important;
    background:transparent!important;padding-inline:0}
body.theme-arabi .modal-body .form-control:focus{border-bottom-style:solid!important;border-bottom-color:#b08968!important;box-shadow:none!important}
body.theme-arabi .modal-body .btn-primary{border-radius:0!important;background:#b08968!important;border-color:#b08968!important}

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

/* عربي — خطوط منقّطة: عنوان البند وخط منقّط بيمتد لآخر السطر،
   وحروف serif، وعمود واحد. */
body.theme-arabi.pg-policy-page .common-listing-section-wrap .box4 h5{
    display:flex;align-items:baseline;gap:10px;margin:34px 0 10px;
    font-family:Georgia,"Times New Roman",serif;font-size:1.04rem;color:#3d2f22}
body.theme-arabi.pg-policy-page .common-listing-section-wrap .box4 h5::after{
    content:"";flex:1 1 auto;border-bottom:1px dotted #c9b299;
    transform:translateY(-3px)}
body.theme-arabi.pg-policy-page .common-listing-section-wrap .box4 p{
    font-family:Georgia,"Times New Roman",serif;line-height:1.85}

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

/* عربي — خطوط منقّطة: عمودين، وكل رابط عليه خط منقّط تحته. */
body.theme-arabi.page-sitemap h5.no-margin{
    display:flex;align-items:baseline;gap:10px;margin:30px 0 10px;
    font-family:Georgia,"Times New Roman",serif;font-size:1rem;color:#3d2f22}
body.theme-arabi.page-sitemap h5.no-margin::after{
    content:"";flex:1 1 auto;border-bottom:1px dotted #c9b299;transform:translateY(-3px)}
body.theme-arabi.page-sitemap .sitemap-list{column-count:2;column-gap:44px}
body.theme-arabi.page-sitemap .sitemap-list li{
    border-bottom:1px dotted #e0d3c2;padding:5px 0;break-inside:avoid}

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

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

/* عربي — خطوط منقّطة: الخط بيكمّل بعد العنوان لآخر السطر. */
body.theme-arabi h2:not([class]),
body.theme-arabi h2.inst-logos-h{display:flex;align-items:baseline;gap:14px}
body.theme-arabi h2:not([class])::after,
body.theme-arabi h2.inst-logos-h::after{
    content:"";flex:1 1 auto;min-width:24px;
    border-bottom:2px dotted currentColor;opacity:.42;transform:translateY(-.22em)}

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

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

/* عربي — خطوط منقّطة: مفيش كروت خالص. صفوف على عمودين، كل صف
   عنوانه على الشمال وخط منقّط بيوصله بالتاريخ والرابط. */
body.theme-arabi.pg-training-courses #category_course_list,
body.theme-arabi.pg-training-courses #course_list,
body.theme-arabi.pg-training-courses .inst-tc #category_course_list,
body.theme-arabi.pg-training-courses .inst-tc #course_list{
    display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:0 40px}
/* (2026-09-12) تحت 576px العمودين بيبقوا 160px والصف مش شايل زرار "سجل الآن" — كان طالع 9px
   بره الكرت وبيزوّد عرض صفحة المدينة 2px. عمود واحد على الموبايل، والصفوف المنقّطة زي ما هي.
   لازم بعد القاعدة اللي فوق دي بالذات، لأنها repeat(2,1fr)!important من غير media query. */
@media (max-width:575px){
    body.theme-arabi.pg-training-courses #category_course_list,
    body.theme-arabi.pg-training-courses #course_list,
    body.theme-arabi.pg-training-courses #category_course_list_by_name,
    body.theme-arabi.pg-training-courses .inst-tc #category_course_list,
    body.theme-arabi.pg-training-courses .inst-tc #course_list{grid-template-columns:1fr!important}
}
body.theme-arabi.pg-training-courses .courselist-style-inside .courselisting{
    display:grid!important;grid-template-columns:1fr auto;align-items:baseline;gap:2px 14px;
    border:0!important;border-bottom:1px dotted #c9b299!important;border-radius:0!important;
    box-shadow:none!important;background:transparent!important;padding:12px 0!important}
body.theme-arabi.pg-training-courses .courselist-style-inside .courselisting .course-image{display:none!important}
body.theme-arabi.pg-training-courses .courselist-style-inside .courselisting .course-title{
    grid-column:1;margin:0;font-family:Georgia,"Times New Roman",serif;
    font-size:.94rem;line-height:1.45}
body.theme-arabi.pg-training-courses .courselist-style-inside .courselisting .course-date,
body.theme-arabi.pg-training-courses .courselist-style-inside .courselisting .course-language,
body.theme-arabi.pg-training-courses .courselist-style-inside .courselisting .course-location{
    grid-column:1;display:inline-block;margin-inline-end:16px;font-size:.76rem}
body.theme-arabi.pg-training-courses .courselist-style-inside .courselisting > form{grid-column:2;grid-row:1/-1;margin:0}
body.theme-arabi.pg-training-courses .courselist-style-inside .courselisting .space5,
body.theme-arabi.pg-training-courses .courselist-style-inside .courselisting .space15{display:none}

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

   جلوماك: شريط تاريخ بعرض الكرت من فوق، والباقي تحته. العربي هنا: الكرت عمودين —
   عمود جنبي فيه التاريخ بخلفية رملية وخط فاصل، والعمود الرئيسي فيه الاسم والمعلومات
   والزرار. تركيبين مختلفين مش لونين مختلفين.

   ملاحظة: التاريخ بيجي من course_listing() كنص واحد في <span> (مش يوم/شهر/سنة
   منفصلين)، وده هيلبر مشترك مع المعهد — فمش بنلمسه، والمربّع بيلفّ النص جوّه.
   لازم بعد قواعد الصفوف المنقّطة اللي فوق دي لأنها بـ!important.
   ───────────────────────────── */
/* (2026-09-12) "الكلام ضيّق" — تلاتة في الصف مع عمود تاريخ 96px كان بيسيب ~206px
   للكلام. اتنين في الصف: الكرت بقى ~460px والكلام واخد ~330px. */
body.theme-arabi.pg-training-courses #course_list,
body.theme-arabi.pg-training-courses #category_course_list,
body.theme-arabi.pg-training-courses #category_course_list_by_name,
body.theme-arabi.pg-training-courses .inst-tc #course_list,
body.theme-arabi.pg-training-courses .inst-tc #category_course_list{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}
/* الكرت عمودين: عمود التاريخ الجنبي (96px) + العمود الرئيسي.
   الصفوف: اسم | معلومات | فراغ مرن | زرار — فالزرار في القاع والمعلومات فوقه على خط واحد. */
body.theme-arabi.pg-training-courses .courselist-style-inside .courselisting,
body.theme-arabi.pg-training-courses .courselist-style-inside .courselisting.virtual{
    display:grid!important;grid-template-columns:96px minmax(0,1fr)!important;
    grid-template-rows:auto auto auto auto 1fr auto!important;
    column-gap:0!important;row-gap:0!important;align-items:stretch!important;
    background:#fff!important;border:1px solid var(--ab-line,#e6ded5)!important;
    border-radius:0!important;padding:0!important;height:100%;box-shadow:none!important;
    overflow:hidden;transition:border-color .2s,box-shadow .2s}
body.theme-arabi.pg-training-courses .courselist-style-inside .courselisting:hover{
    border-color:#b08968!important;box-shadow:0 6px 18px rgba(43,33,25,.10)!important}
/* عمود التاريخ الجنبي: بيمتد على طول الكرت، خلفية رملية وخط فاصل */
body.theme-arabi.pg-training-courses .courselist-style-inside .courselisting .course-date{
    grid-column:1!important;grid-row:1/7!important;display:flex!important;
    flex-direction:column;align-items:center;justify-content:center;text-align:center;
    margin:0!important;padding:16px 8px!important;align-self:stretch!important;
    height:auto!important;min-height:100%!important;
    background:var(--ab-bg,#faf7f3);border-inline-end:1px solid var(--ab-line,#e6ded5);
    font-size:.82rem!important;font-weight:700;line-height:1.5;color:#9c6b30}
body.theme-arabi.pg-training-courses .courselist-style-inside .courselisting .course-date i.bi{
    display:block!important;margin:0 0 6px!important;font-size:1.1rem}
/* العمود الرئيسي: الاسم — سطرين ثابتين (القاعدة الأقدم كانت بتفرض 37px فالكلام كان
   بيطلع بره صندوقه ويركب على سطر المعلومات). 2 × 1.45 × .95rem ≈ 44px + حشوة. */
body.theme-arabi.pg-training-courses .courselist-style-inside .courselisting .course-title,
body.theme-arabi.pg-training-courses #course_list .course-title,
body.theme-arabi.pg-training-courses #category_course_list .course-title,
body.theme-arabi.pg-training-courses #category_course_list_by_name .course-title,
body.theme-arabi.pg-training-courses #coursefinder_list_courses .course-title{
    grid-column:2!important;grid-row:1!important;margin:0!important;padding:14px 16px 0!important;
    font-family:Georgia,"Times New Roman",serif;font-size:.95rem;line-height:1.45;
    color:var(--ab-ink,#2b2119);
    display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:3!important;
    overflow:hidden!important;text-overflow:ellipsis;
    height:76px!important;min-height:0!important;box-sizing:border-box}
body.theme-arabi[dir="rtl"].pg-training-courses #course_list .course-title,
body.theme-arabi[dir="rtl"].pg-training-courses #category_course_list .course-title{height:76px!important}
body.theme-arabi[dir="rtl"].pg-training-courses .courselist-style-inside .courselisting .course-title{font-family:inherit;font-weight:600}
/* المعلومات: كلها في الصف التاني من العمود الرئيسي، جنب بعض على خط واحد */
/* كل معلومة في سطرها (صفوف متتالية في العمود الرئيسي). مهم: من غير grid-row صريح —
   لو اتحطوا كلهم في نفس الخانة بيركبوا فوق بعض (ده اللي حصل وبان في الصورة). */
body.theme-arabi.pg-training-courses .courselist-style-inside .courselisting .course-language,
body.theme-arabi.pg-training-courses .courselist-style-inside .courselisting .course-location{
    grid-column:2!important;grid-row:auto!important;display:flex!important;align-items:center;
    margin:0!important;padding:3px 16px 0!important;
    font-size:.76rem;color:#6b5b4d;line-height:1.5}
/* الأيقونات الصغيرة بتفضل، بس بلون هادي */
body.theme-arabi.pg-training-courses .courselist-style-inside .courselisting .course-language i.bi,
body.theme-arabi.pg-training-courses .courselist-style-inside .courselisting .course-location i.bi{
    color:#c9b299!important;font-size:.8rem;margin-inline-end:5px!important}
/* الزرار في آخر العمود الرئيسي */
body.theme-arabi.pg-training-courses .courselist-style-inside .courselisting > form{
    grid-column:2!important;grid-row:6!important;margin:0!important;padding:12px 16px 14px!important;align-self:end}
body.theme-arabi.pg-training-courses .courselist-style-inside .courselisting > form .btn{
    display:inline-flex!important;align-items:center;gap:6px;width:auto!important;
    border-radius:2px!important;background:transparent!important;
    border:1px solid var(--site-primary,#b08968)!important;color:#9c6b30!important;
    font-size:.78rem!important;font-weight:700;padding:7px 16px!important;white-space:nowrap}
body.theme-arabi.pg-training-courses .courselist-style-inside .courselisting:hover > form .btn{
    background:var(--site-primary,#b08968)!important;border-color:var(--site-primary,#b08968)!important;color:#fff!important}
@media (max-width:1199px){
    body.theme-arabi.pg-training-courses #course_list,
    body.theme-arabi.pg-training-courses #category_course_list,
    body.theme-arabi.pg-training-courses #category_course_list_by_name,
    body.theme-arabi.pg-training-courses .inst-tc #course_list,
    body.theme-arabi.pg-training-courses .inst-tc #category_course_list{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:575px){
    body.theme-arabi.pg-training-courses #course_list,
    body.theme-arabi.pg-training-courses #category_course_list,
    body.theme-arabi.pg-training-courses #category_course_list_by_name,
    body.theme-arabi.pg-training-courses .inst-tc #course_list,
    body.theme-arabi.pg-training-courses .inst-tc #category_course_list{grid-template-columns:minmax(0,1fr)!important}
}

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

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

/* عربي — خطوط منقّطة: سطر قراءة ضيّق وخط منقّط بين الأقسام. */
body.theme-arabi.pg-post-page .arb-ad-col h2,
body.theme-arabi.pg-post-page .arb-ad-col h3,
body.theme-arabi.pg-post-page .arb-ad-col h4{
    border-top:1px dotted #c9b299;padding-top:16px;margin-top:30px}
body.theme-arabi.pg-post-page .arb-ad-col p{
    font-family:Georgia,"Times New Roman",serif;line-height:1.85}

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

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

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

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

   المراجعة الشاملة طلّعت إن الصفحة دي هي الوحيدة اللي لسه بنفس
   التخطيط بالحرف في الـ11 موقع — نفس الكرت ونفس ترتيب البيانات،
   والفرق لون الزرار والحدّ بس. كل موقع بياخد أداته.
   ───────────────────────────── */
/* عربي — خطوط منقّطة: مفيش كروت، فاصل منقّط تحت كل نتيجة وعنوان serif. */
body.theme-arabi.pg-search-page .courselisting{
    background:transparent!important;border:0!important;border-radius:0!important;
    box-shadow:none!important;padding:18px 0!important;margin-bottom:0;
    border-bottom:1px dotted #c9b299!important}
body.theme-arabi.pg-search-page .course-title h6 a{font-family:Georgia,serif;font-size:1.02rem}
body.theme-arabi.pg-search-page .custom-head-additional{
    background:transparent!important;color:#6b5642!important;border-radius:0!important;
    border-top:1px dotted #c9b299!important;border-bottom:1px dotted #c9b299!important}
body.theme-arabi.pg-search-page .course-details-wrap{
    background:transparent!important;border-radius:0!important}

/* ─────────────────────────────
   (2026-09-11) لوحة عدد المدن بدل الكرة السلكية

   الكرة كانت خمس بيضاويات بخط شعرة — بتقرا كإسكتش نصّه مرسوم مش
   كعنصر مكتمل. مكانها لوحة طباعية برقم حقيقي في إطار منقّط: نفس
   أداة العربي (خطوط منقّطة وحروف serif) وبيانات فعلية بدل زخرفة.
   ───────────────────────────── */
body.theme-arabi .ar-cities-plate{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:6px;padding:42px 20px;text-align:center;
    border:2px dotted var(--site-primary,#9c6b30);
    background:var(--ab-bg,#faf7f3)}
body.theme-arabi .ar-cities-num{
    font-family:Georgia,'Times New Roman',serif;
    font-size:clamp(3rem,6vw,4.6rem);line-height:1;font-weight:700;
    color:var(--site-primary,#9c6b30)}
body.theme-arabi .ar-cities-cap{
    font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
    font-weight:700;color:#6b5642}
body[dir="rtl"].theme-arabi .ar-cities-cap{letter-spacing:0;text-transform:none;font-size:.84rem}


/* (2026-09-11) سهم الرجوع لفوق: كان نفس الزرار في الـ11 موقع (مربع 31px
   بأيقونة دايرة). كل موقع بقى له شكله؛ السهم مرسوم بـCSS بدل الأيقونة. */
body.theme-arabi #back-to-top{box-sizing:border-box;padding:0;overflow:visible}
body.theme-arabi #back-to-top i{display:none}
body.theme-arabi #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-arabi #back-to-top{width:44px;height:44px;border:0!important;border-radius:14px!important;
    background:var(--site-accent,#0096d4)!important;color:#fff}
body.theme-arabi #back-to-top::before{top:58%}
body.theme-arabi #back-to-top::after{content:'';position:absolute;left:50%;top:34%;width:10px;height:10px;
    border-top:2px solid currentColor;border-left:2px solid currentColor;transform:translate(-50%,-25%) rotate(45deg);opacity:.55}

/* ─────────────────────────────
   (2026-09-11) الدورات القادمة: دورة مميّزة + قائمة — اختيار صريح
   الأقرب موعدًا بطاقة بنّية كبيرة بعنوان سيريف ضخم وزر حجز، والباقي
   قائمة مدمجة بكعب تاريخ على الجنب. كلاسات ar-up-* جديدة عشان قواعد
   .inst-upcoming-list القديمة ما تلمسهاش.
   ───────────────────────────── */
body.theme-arabi .ar-up-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:34px;align-items:stretch}
body.theme-arabi .ar-up-lead{position:relative;overflow:hidden;display:flex;flex-direction:column;
    padding:34px 32px 30px;border-radius:4px;color:#fff;
    background:linear-gradient(160deg,#8a6a4f 0%,var(--site-primary,#b08968) 100%)}
body.theme-arabi .ar-up-lead::after{content:'';position:absolute;inset:14px;border:1px solid rgba(255,255,255,.28);pointer-events:none}
body.theme-arabi .ar-up-lead-tag{align-self:flex-start;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
    padding:5px 10px;background:rgba(255,255,255,.16);margin-bottom:22px}
body.theme-arabi[dir="rtl"] .ar-up-lead-tag{letter-spacing:normal;font-size:.8rem}
body.theme-arabi .ar-up-lead-date{display:flex;align-items:center;gap:12px;margin-bottom:16px;
    font-family:Georgia,"Times New Roman","Amiri",serif}
body.theme-arabi .ar-up-lead-day{font-size:3.6rem;line-height:.9;font-weight:700}
body.theme-arabi .ar-up-lead-my{font-size:.85rem;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;
    padding-inline-start:12px;border-inline-start:1px solid rgba(255,255,255,.45)}
body.theme-arabi .ar-up-lead-title{margin:0 0 18px;font-family:Georgia,"Times New Roman","Amiri",serif;
    font-size:1.55rem;line-height:1.35;font-weight:700}
body.theme-arabi .ar-up-lead-title a{color:#fff;text-decoration:none}
body.theme-arabi .ar-up-lead-title a:hover{text-decoration:underline;text-underline-offset:5px}
body.theme-arabi .ar-up-lead-meta{list-style:none;margin:0 0 26px;padding:0;display:grid;gap:8px;font-size:.88rem;color:rgba(255,255,255,.88)}
body.theme-arabi .ar-up-lead-meta i{margin-inline-end:8px;opacity:.8}
body.theme-arabi .ar-up-lead-btn{position:relative;z-index:1;margin-top:auto;align-self:flex-start;
    padding:11px 26px;background:#fff;color:#5a4230;font-weight:700;font-size:.85rem;text-decoration:none;
    transition:background .15s,color .15s}
body.theme-arabi .ar-up-lead-btn:hover{background:#2b2118;color:#fff;text-decoration:none}

body.theme-arabi .ar-up-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;
    border-top:1px solid #e6ddd0}
body.theme-arabi .ar-up-list li{flex:1;border-bottom:1px solid #e6ddd0}
body.theme-arabi .ar-up-list a{height:100%;display:flex;align-items:center;gap:18px;padding:12px 6px;text-decoration:none;
    transition:background .15s,padding .15s}
body.theme-arabi .ar-up-list a:hover{background:#f3ece1;padding-inline-start:12px}
body.theme-arabi .ar-up-stub{flex:0 0 58px;display:flex;flex-direction:column;align-items:center;justify-content:center;
    height:58px;border:1px solid #d9cdbb;background:#fff;font-family:Georgia,"Times New Roman","Amiri",serif;
    color:var(--site-primary,#b08968)}
body.theme-arabi .ar-up-stub-day{font-size:1.35rem;line-height:1;font-weight:700}
body.theme-arabi .ar-up-stub-mon{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;margin-top:3px}
body.theme-arabi .ar-up-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}
body.theme-arabi .ar-up-title{font-family:Georgia,"Times New Roman","Amiri",serif;font-weight:700;color:#2b2118;font-size:1rem;line-height:1.4}
body.theme-arabi .ar-up-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.78rem;color:#7a6a58}
body.theme-arabi .ar-up-city{color:var(--site-primary,#b08968);font-weight:700}
body.theme-arabi .ar-up-go{flex:0 0 auto;color:var(--site-primary,#b08968);opacity:0;transition:opacity .15s}
body.theme-arabi .ar-up-list a:hover .ar-up-go{opacity:1}
body.theme-arabi[dir="rtl"] .ar-up-go{transform:scaleX(-1)}
@media (max-width:991px){
    body.theme-arabi .ar-up-grid{grid-template-columns:1fr;gap:24px}
}

/* ─────────────────────────────
   (2026-09-11) المدن: طوابع بريد — اختيار صريح
   الحواف المسنّنة بـmask: دواير شفافة على الحشوة بس، والمحتوى
   (content-box) مغطّى كامل. الظل على الـli عشان الـmask بيقصّ أي
   ظل على العنصر نفسه.
   ───────────────────────────── */
body.theme-arabi .ar-stamps{background:#f7f3ec;padding:64px 0}
body.theme-arabi .ar-stamps-head{text-align:center;margin:0 auto 38px}
body.theme-arabi .ar-stamps-eyebrow{display:block;margin-bottom:8px;font-size:.72rem;font-weight:700;
    letter-spacing:.18em;text-transform:uppercase;color:var(--site-primary,#b08968)}
body.theme-arabi[dir="rtl"] .ar-stamps-eyebrow{letter-spacing:normal;font-size:.85rem}
body.theme-arabi .ar-stamps-head h2{margin:0;font-family:Georgia,"Times New Roman","Amiri",serif}

body.theme-arabi .ar-stamps-grid{list-style:none;margin:0;padding:0;
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:30px 26px}
body.theme-arabi .ar-stamps-grid li{filter:drop-shadow(0 6px 10px rgba(60,40,20,.12));transition:transform .2s ease}
body.theme-arabi .ar-stamps-grid li:nth-child(odd){transform:rotate(-1.6deg)}
body.theme-arabi .ar-stamps-grid li:nth-child(even){transform:rotate(1.2deg)}
body.theme-arabi .ar-stamps-grid li:hover{transform:rotate(0) translateY(-4px)}

body.theme-arabi .ar-stamp{display:block;padding:9px;background:#fff;text-decoration:none;
    -webkit-mask:radial-gradient(circle,#0000 4px,#000 4.5px) -7px -7px/14px 14px round,linear-gradient(#000 0 0) content-box;
    mask:radial-gradient(circle,#0000 4px,#000 4.5px) -7px -7px/14px 14px round,linear-gradient(#000 0 0) content-box}
body.theme-arabi .ar-stamp-in{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:12px;
    padding:24px 10px 18px;border:1px dashed rgba(176,137,104,.65);background:#fffdf9}
body.theme-arabi .ar-stamp-in::after{content:'';position:absolute;top:-22px;inset-inline-end:-22px;width:70px;height:70px;
    border-radius:50%;border:2px solid rgba(176,137,104,.22);box-shadow:inset 0 0 0 6px transparent,inset 0 0 0 7px rgba(176,137,104,.18)}
body.theme-arabi .ar-stamp-no{position:absolute;top:8px;inset-inline-start:10px;
    font-family:Georgia,"Times New Roman",serif;font-size:.74rem;color:var(--site-primary,#b08968)}
body.theme-arabi .ar-stamp-flag{width:72px;height:50px;line-height:1;background-size:cover;background-position:center;
    border:3px solid #fff;box-shadow:0 0 0 1px #e3d8c8;background-color:#2b2118}
body.theme-arabi .ar-stamp-name{font-family:Georgia,"Times New Roman","Amiri",serif;font-weight:700;
    font-size:1rem;color:#2b2118;text-align:center;line-height:1.3}
body.theme-arabi .ar-stamp:hover .ar-stamp-name{color:var(--site-primary,#b08968)}
@media (max-width:991px){body.theme-arabi .ar-stamps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:575px){body.theme-arabi .ar-stamps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}}
/* العنوان بخط منقّط على بدايته (قاعدة h2 القديمة)، فالسطر الصغير فوقه
   بيتحاذى معاه على البداية بدل المنتصف. */
body.theme-arabi .ar-stamps-head{text-align:start;margin:0 0 34px}

/* (2026-09-11) قائمة الدورات جنب البطاقة المميّزة: كانت معتمدة على خطوط
   1px (فواصل الصفوف وإطار كعب التاريخ)، ومع تكبير/تصغير المتصفح بعض الخطوط
   دي بتختفي فالشكل يبان مكسور. بقت بطاقات بيضا بمسافة بينها وكعب تاريخ
   مصمت — مفيش حاجة معتمدة على خط رفيع. */
body.theme-arabi .ar-up-list{border-top:0;gap:12px}
body.theme-arabi .ar-up-list li{border-bottom:0}
body.theme-arabi .ar-up-list a{background:#fff;border-radius:4px;padding:12px 18px 12px 12px;
    box-shadow:0 2px 10px rgba(60,40,20,.06);transition:box-shadow .18s,transform .18s}
body.theme-arabi[dir="rtl"] .ar-up-list a{padding:12px 12px 12px 18px}
body.theme-arabi .ar-up-list a:hover{background:#fff;padding-inline-start:12px;
    box-shadow:0 10px 24px rgba(60,40,20,.13);transform:translateY(-2px)}
body.theme-arabi .ar-up-stub{border:0;border-radius:3px;background:var(--site-primary,#b08968);color:#fff;height:auto;align-self:stretch;min-height:56px}
body.theme-arabi .ar-up-stub-mon{opacity:.85}
body.theme-arabi .ar-up-go{opacity:.35}
body.theme-arabi .ar-up-list a:hover .ar-up-go{opacity:1}
/* عنوان البطاقة المميّزة: قاعدة a:hover عامة في الثيم بتلوّنه بنّي
   (نفس لون خلفية البطاقة) فيختفي. يفضل أبيض عند المرور. */
body.theme-arabi .ar-up-lead .ar-up-lead-title a,
body.theme-arabi .ar-up-lead .ar-up-lead-title a:hover,
body.theme-arabi .ar-up-lead .ar-up-lead-title a:focus{color:#fff!important}

/* ─────────────────────────────
   (2026-09-11) الدورات الافتراضية: شريط أفقي بيتسحب — اختيار صريح
   كل بطاقة لابتوب: شاشة بنّية (التاريخ + علامة البث + أيقونة لابتوب
   باهتة)، تحتها قاعدة أعرض شوية، وبعدين العنوان والبيانات. التمرير
   أصلي بـscroll-snap، والسهمين في رأس القسم.
   ───────────────────────────── */
body.theme-arabi .ar-vl{background:#f3ece1;padding:60px 0 66px}
body.theme-arabi .ar-vl-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}
body.theme-arabi .ar-vl-nav{display:flex;align-items:center;gap:8px}
body.theme-arabi .ar-vl-btn{width:40px;height:40px;display:grid;place-items:center;padding:0;cursor:pointer;
    border:0;border-radius:50%;background:#fff;color:#5a4230;box-shadow:0 2px 8px rgba(60,40,20,.12);
    transition:background .15s,color .15s,opacity .15s}
body.theme-arabi .ar-vl-btn:hover:not(:disabled){background:var(--site-primary,#b08968);color:#fff}
body.theme-arabi .ar-vl-btn:disabled{opacity:.35;cursor:default}
body.theme-arabi[dir="rtl"] .ar-vl-btn i{transform:scaleX(-1)}
body.theme-arabi .ar-vl-all{margin-inline-start:10px;font-weight:700;font-size:.9rem;color:var(--site-primary,#b08968);text-decoration:none}
body.theme-arabi .ar-vl-all:hover{color:#2b2118;text-decoration:underline}

body.theme-arabi .ar-vl-track{list-style:none;margin:0;padding:6px 2px 22px;
    display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 3 * 22px) / 3.4);gap:22px;
    overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:thin;
    scrollbar-color:var(--site-primary,#b08968) transparent}
body.theme-arabi .ar-vl-track::-webkit-scrollbar{height:6px}
body.theme-arabi .ar-vl-track::-webkit-scrollbar-thumb{background:var(--site-primary,#b08968);border-radius:3px}
body.theme-arabi .ar-vl-track:focus-visible{outline:2px solid var(--site-primary,#b08968);outline-offset:4px}
body.theme-arabi .ar-vl-card{scroll-snap-align:start}
body.theme-arabi .ar-vl-card > a{height:100%;display:flex;flex-direction:column;text-decoration:none;
    background:#fff;border-radius:10px;padding:14px 14px 18px;box-shadow:0 4px 16px rgba(60,40,20,.08);
    transition:transform .18s,box-shadow .18s}
body.theme-arabi .ar-vl-card > a:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(60,40,20,.16)}

body.theme-arabi .ar-vl-screen{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;
    height:128px;padding:14px 16px;border:6px solid #2b2118;border-bottom-width:10px;border-radius:10px 10px 2px 2px;
    background:linear-gradient(150deg,#8a6a4f 0%,var(--site-primary,#b08968) 100%);color:#fff}
body.theme-arabi .ar-vl-base{display:block;height:8px;margin:0 -8px;border-radius:0 0 10px 10px;
    background:linear-gradient(#d8ccbb,#bfae97)}
body.theme-arabi .ar-vl-live{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;
    font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
body.theme-arabi[dir="rtl"] .ar-vl-live{letter-spacing:normal;font-size:.8rem}
body.theme-arabi .ar-vl-dot{width:8px;height:8px;border-radius:50%;background:#ff5a4f;box-shadow:0 0 0 3px rgba(255,90,79,.3)}
body.theme-arabi .ar-vl-date{display:flex;align-items:baseline;gap:6px;font-family:Georgia,"Times New Roman","Amiri",serif}
body.theme-arabi .ar-vl-day{font-size:2.4rem;line-height:1;font-weight:700}
body.theme-arabi .ar-vl-mon{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;opacity:.9}
body.theme-arabi .ar-vl-ico{position:absolute;inset-inline-end:10px;bottom:-14px;font-size:5.2rem;opacity:.14;line-height:1}

body.theme-arabi .ar-vl-body{flex:1;display:flex;flex-direction:column;gap:10px;padding:18px 4px 0}
body.theme-arabi .ar-vl-title{font-family:Georgia,"Times New Roman","Amiri",serif;font-weight:700;font-size:1.02rem;line-height:1.4;color:#2b2118}
body.theme-arabi .ar-vl-card > a:hover .ar-vl-title{color:var(--site-primary,#b08968)}
body.theme-arabi .ar-vl-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:.78rem;color:#7a6a58}
body.theme-arabi .ar-vl-meta i{margin-inline-end:5px;color:var(--site-primary,#b08968)}
body.theme-arabi .ar-vl-book{margin-top:auto;padding-top:6px;font-size:.84rem;font-weight:700;color:var(--site-primary,#b08968)}
body.theme-arabi .ar-vl-book i{margin-inline-start:4px;transition:margin .15s}
body.theme-arabi .ar-vl-card > a:hover .ar-vl-book i{margin-inline-start:9px}

@media (max-width:991px){body.theme-arabi .ar-vl-track{grid-auto-columns:calc((100% - 22px) / 2.2)}}
@media (max-width:575px){
    body.theme-arabi .ar-vl-track{grid-auto-columns:82%}
    body.theme-arabi .ar-vl-head{flex-wrap:wrap}
}

/* ─────────────────────────────
   (2026-09-11) الفوتر: بطاقة بريدية — اختيار صريح
   شريط بريد جوي مخطّط على الحافة، نص رسالة (الاسم والتواصل) ونص
   عنوان (الروابط على سطور منقّطة)، بينهم خط متقطّع، وطابع بأيقونة
   الكتاب وختم بريد في الركن. الغلاف .ar-footer (row) بيفضل زي ما هو
   عشان قواعد desktop/mobile بتاعته؛ الكارت جوّاه بياخد العرض كله.
   ───────────────────────────── */
body.theme-arabi .desktop-footer.ar-footer,
body.theme-arabi .mobile-footer.ar-footer{padding-top:48px;padding-bottom:48px}
body.theme-arabi .ar-footer .ar-pc{flex:1 1 100%;min-width:0}

body.theme-arabi .ar-pc{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);
    background:#fffdf8;border:1px solid #e6ddd0;border-radius:6px;overflow:hidden;
    box-shadow:0 14px 40px rgba(60,40,20,.08);padding:8px}
/* شريط البريد الجوي: إطار مخطّط جوّه حافة الكارت */
body.theme-arabi .ar-pc::before{content:'';position:absolute;inset:0;pointer-events:none;
    border:8px solid transparent;border-radius:6px;
    background:repeating-linear-gradient(135deg,#b08968 0 14px,#fffdf8 14px 22px,#7a3e2e 22px 36px,#fffdf8 36px 44px) border-box;
    -webkit-mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0) border-box;
    mask:linear-gradient(#000 0 0) padding-box exclude,linear-gradient(#000 0 0) border-box;
    -webkit-mask-composite:xor}

body.theme-arabi .ar-pc-msg{padding:34px 36px;border-inline-end:2px dashed #d9cdbb;display:flex;flex-direction:column}
body.theme-arabi .ar-pc-kicker{margin:0 0 4px;font-family:Georgia,"Times New Roman","Amiri",serif;font-style:italic;
    font-size:.95rem;color:var(--site-primary,#b08968)}
body.theme-arabi .ar-pc-name{margin:0 0 12px;font-family:Georgia,"Times New Roman","Amiri",serif;font-weight:700;
    font-size:1.7rem;line-height:1.25;color:#2b2118}
body.theme-arabi .ar-pc-note{margin:0 0 22px;font-family:Georgia,"Times New Roman","Amiri",serif;font-style:italic;
    font-size:.98rem;line-height:1.7;color:#6b5a48}
body.theme-arabi .ar-pc-reach{list-style:none;margin:auto 0 0;padding:0;display:grid;gap:10px}
body.theme-arabi .ar-pc-reach li{display:flex;align-items:center;gap:12px;font-size:.92rem}
body.theme-arabi .ar-pc-reach i{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;
    border-radius:50%;background:#f3ece1;color:var(--site-primary,#b08968)}
body.theme-arabi .ar-pc-reach a{color:#2b2118;text-decoration:none}
body.theme-arabi .ar-pc-reach a:hover{color:var(--site-primary,#b08968);text-decoration:underline}

body.theme-arabi .ar-pc-addr{position:relative;padding:34px 36px 30px;padding-inline-end:150px}
body.theme-arabi .ar-pc-stampbox{position:absolute;top:28px;inset-inline-end:30px;width:96px;height:110px}
body.theme-arabi .ar-pc-stamp{position:absolute;inset:0;display:grid;place-items:center;padding:7px;background:#fff;
    -webkit-mask:radial-gradient(circle,#0000 3.5px,#000 4px) -6px -6px/12px 12px round,linear-gradient(#000 0 0) content-box;
    mask:radial-gradient(circle,#0000 3.5px,#000 4px) -6px -6px/12px 12px round,linear-gradient(#000 0 0) content-box;
    filter:drop-shadow(0 3px 5px rgba(60,40,20,.15))}
body.theme-arabi .ar-pc-stamp i{width:100%;height:100%;display:grid;place-items:center;font-size:2.4rem;color:#fff;
    background:linear-gradient(150deg,#8a6a4f,var(--site-primary,#b08968))}
body.theme-arabi .ar-pc-postmark{position:absolute;z-index:2;top:52px;inset-inline-end:62px;width:74px;height:74px;border-radius:50%;
    border:2px solid rgba(122,62,46,.45);box-shadow:inset 0 0 0 5px transparent,inset 0 0 0 6.5px rgba(122,62,46,.35);transform:rotate(-14deg)}
body.theme-arabi .ar-pc-postmark::after{content:'';position:absolute;top:22px;inset-inline-end:62px;width:70px;height:26px;
    background:repeating-linear-gradient(to bottom,rgba(122,62,46,.4) 0 2px,transparent 2px 8px)}

body.theme-arabi .ar-pc-line{padding:12px 0 14px;border-bottom:1px dotted #bfae97}
body.theme-arabi .ar-pc-line:first-of-type{padding-top:0}
body.theme-arabi .ar-pc-label{display:block;margin-bottom:6px;font-size:.7rem;font-weight:700;letter-spacing:.16em;
    text-transform:uppercase;color:var(--site-primary,#b08968)}
body.theme-arabi[dir="rtl"] .ar-pc-label{letter-spacing:normal;font-size:.82rem}
body.theme-arabi .ar-pc-links{display:flex;flex-wrap:wrap;gap:4px 18px;font-family:Georgia,"Times New Roman","Amiri",serif}
body.theme-arabi .ar-pc-links a{color:#2b2118;text-decoration:none;font-size:.93rem}
body.theme-arabi .ar-pc-links a:hover{color:var(--site-primary,#b08968);text-decoration:underline;text-underline-offset:3px}

@media (max-width:991px){
    body.theme-arabi .ar-pc{grid-template-columns:1fr}
    body.theme-arabi .ar-pc-msg{border-inline-end:0;border-bottom:2px dashed #d9cdbb}
}
@media (max-width:575px){
    body.theme-arabi .ar-pc-msg,body.theme-arabi .ar-pc-addr{padding:24px 20px}
    body.theme-arabi .ar-pc-addr{padding-top:24px}
    body.theme-arabi .ar-pc-stampbox{display:none}
    body.theme-arabi .ar-pc-name{font-size:1.4rem}
}

/* (2026-09-12) قاعدة القص القديمة (37px) اتشالت — كرت "ورقة النتيجة" تحت بيحدّد
   ارتفاع العنوان بنفسه (58px = سطرين + حشوة)، والقاعدة دي كانت بتغلبه فتقص الكلام. */

/* ─────────────────────────────
   (2026-09-12) "الفلتر لازق في بعضه" — طلب صريح.
   الخمس قوايم كانت المسافة بينها 6px والفورم من غير أي حشوة، فكانت لازقة في بعضها
   وفي حرف اللوحة. مسافة أوسع بينها وحشوة حوالين الفورم.
   ───────────────────────────── */
body.theme-arabi.pg-training-courses .inst-tc-side > .col-md-12.p-0,
body.theme-arabi.pg-training-courses .inst-tc-side form{padding:14px!important}
body.theme-arabi.pg-training-courses .inst-tc-side form{display:flex;flex-direction:column;gap:12px!important}
body.theme-arabi.pg-training-courses .inst-tc-side select.form-control{margin:0!important}


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

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

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

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

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

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

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

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

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

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




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

/* (2026-09-12) طلب صريح: نفس فرد الكلام في بنر صفحات الأقسام
   (#common-banner-section-icon) زي ما اتعمل في /training-courses. */
body.theme-arabi.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-arabi.pg-search-page .search-results-wrap-left .form-group{row-gap:10px}
body.theme-arabi.pg-search-page .search-results-wrap-left .form-group > .space10,body.theme-arabi.pg-search-page .search-results-wrap-left .form-group > .space20{display:none}
body.theme-arabi.pg-search-page .search-results-wrap-left .form-group > .search-input-main:first-child{order:0;margin-bottom:6px}
body.theme-arabi.pg-search-page .search-results-wrap-left .form-group > .search-input-main:not(:first-child){order:1}
body.theme-arabi.pg-search-page .search-results-wrap-left .form-group > .course-type{order:2}
body.theme-arabi.pg-search-page .search-results-wrap-left .form-group > .category-id{order:3}
body.theme-arabi.pg-search-page .search-results-wrap-left .form-group > .lang-id{order:4}
body.theme-arabi.pg-search-page .search-results-wrap-left .form-group > .month-search{order:5}
body.theme-arabi.pg-search-page .search-results-wrap-left .form-group > .city-id{order:6}
body.theme-arabi.pg-search-page .search-results-wrap-left .form-group > .year-search{order:7}
body.theme-arabi.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. */
/* هيكل: الفلتر كله ورا زرار — العمود اتشال والنتايج بعرض الصفحة.
   الزرار والبوب-أب (#modify-search-popup) موجودين أصلاً في كل صفحات البحث
   ومتجرّبين — الزرار بس كان display:none على الديسكتوب. فمفيش جافاسكريبت
   جديد ولا ماركب جديد: بنظهّر الموجود ونخفي العمود. */
body.theme-arabi.pg-search-page .search-results-wrap-left{display:none!important}
body.theme-arabi.pg-search-page .search-results-wrap-right{flex:0 0 100%;max-width:100%}
body.theme-arabi.pg-search-page .search-btn-popup-search-result{display:inline-block!important;margin-bottom:14px}
/* نفس ترتيب خانات الموقع بس جوّه البوب-أب */
body.theme-arabi.pg-search-page #modify-search-popup .form-group > .search-input-main{order:1}
body.theme-arabi.pg-search-page #modify-search-popup .form-group > .course-type{order:2}
body.theme-arabi.pg-search-page #modify-search-popup .form-group > .category-id{order:3}
body.theme-arabi.pg-search-page #modify-search-popup .form-group > .lang-id{order:4}
body.theme-arabi.pg-search-page #modify-search-popup .form-group > .month-search{order:5}
body.theme-arabi.pg-search-page #modify-search-popup .form-group > .city-id{order:6}
body.theme-arabi.pg-search-page #modify-search-popup .form-group > .year-search{order:7}
body.theme-arabi.pg-search-page #modify-search-popup .form-group > .search-btn-main{order:9}

/* (2026-09-12) طلب صريح: تغيير أيقونات صفحة نتايج البحث، وكل معهد بثلاثي مختلف.
   الـmask متطبّق على الـ<svg> نفسه مش على عنصر أب: نسخ الموبايل بتقع جوّه <span>
   بلا كلاس فمفيش أب أعلّق عليه — وكده محدِّد واحد بيغطي الديسكتوب والموبايل.
   خط bootstrap-icons مش محمّل في الصفحة (fonts.check=false) فطريق كودات الخط مقفول.
   الرسمة الأصلية بتتلغي بـfill:transparent واللون بيجي من background-color.
   bi-x (قفل المودال) وزراري العرض برّه المحدِّدات دي. */
body.theme-arabi.pg-search-page svg.bi-calendar-check-fill,body.theme-arabi.pg-search-page svg.bi-flag-fill,body.theme-arabi.pg-search-page svg.bi-clock-fill,body.theme-arabi.pg-search-page svg.bi-signpost-split-fill{fill:transparent!important;background-color:#b08968;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-arabi.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='M2 2v13.5a.5.5 0 0 0 .74.439L8 13.069l5.26 2.87A.5.5 0 0 0 14 15.5V2a2 2 0 0 0-2-2H4a2 2 0 0 0-2 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='M2 2v13.5a.5.5 0 0 0 .74.439L8 13.069l5.26 2.87A.5.5 0 0 0 14 15.5V2a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2z'/></svg>")}
body.theme-arabi.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='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-arabi.pg-search-page svg.bi-clock-fill,body.theme-arabi.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) بعد ما السطر الإنجليزي اتشال من البانر، .ar-pc-note بقت مش بتتطبع،
   و.ar-pc-reach عندها margin-top:auto (سطر 5582) اللي بيزقّ قائمة التواصل لقاع
   العمود — والعمود طوله جاي من اللوح المجاور، فالفراغ اللي كانت الفقرة بتملاه بقى
   فجوة 145px في النص (القياس: reach margin-top=133px في الإنجليزي).
   الكتلة دلوقتي متمركزة رأسيًا بدل ما تتشدّ لتحت، فمفيش فراغ في الوسط. */
body.theme-arabi .ar-pc-msg{justify-content:center}
body.theme-arabi .ar-pc-reach{margin-top:0}



/* ═════════════════════════════════════════════════════════════
   (2026-09-18) صفحة "عن المعهد" — بنية مختلفة لكل معهد (طلب صريح: صفحات الموبايل
   شبه بعضها). الـHTML واحد (about_vmv.php: رؤية/رسالة/وعد/قيم) والبنية بتتغيّر
   بالـCSS: عدد الأعمدة، مكان الصورة، الترتيب، شكل العنوان — مش الألوان بس.
   ═════════════════════════════════════════════════════════════ */
body.theme-arabi.page-about #common-listing-section .box4{background:transparent;box-shadow:none;padding:0}
body.theme-arabi.page-about #common-listing-section .aboutus-section-card{background:transparent;border:0;border-radius:0;padding:0;margin:0 0 34px}
body.theme-arabi.page-about #common-listing-section .aboutus-section-card .row{display:flex;flex-direction:column;margin:0}
body.theme-arabi.page-about #common-listing-section .aboutus-section-card .col-md-6{max-width:100%;width:100%;padding:0}
body.theme-arabi.page-about #common-listing-section .aboutus-section-card .col-md-6:has(> img){order:-1}
body.theme-arabi.page-about #common-listing-section .aboutus-section-card .col-md-12{display:none}
body.theme-arabi.page-about #common-listing-section .aboutus-vision img,body.theme-arabi.page-about #common-listing-section .aboutus-mission img,body.theme-arabi.page-about #common-listing-section .aboutus-brand img{width:100%;height:170px;object-fit:cover;border:0;border-radius:0;box-shadow:none;margin-bottom:16px}
body.theme-arabi.page-about #common-listing-section .aboutus-section-card h4{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;font-size:1.7rem;color:#5b4028;border-bottom:1px solid #d9c9b6;padding-bottom:8px;margin:0 0 12px}
body.theme-arabi.page-about #common-listing-section .aboutus-section-card p{font-family:Georgia,'Times New Roman',serif;font-size:1.02rem;line-height:1.85;padding:0;margin:0}
body.theme-arabi.page-about #common-listing-section .aboutus-section-card p::first-letter{float:inline-start;font-size:3.1em;line-height:.85;padding-inline-end:8px;color:var(--site-primary,#9a7658)}
body.theme-arabi.page-about #common-listing-section .aboutus-values{background:#f3ece2;padding:24px}
body.theme-arabi.page-about #common-listing-section .aboutus-values h4{text-align:center;border-bottom:0}
body.theme-arabi.page-about #common-listing-section .aboutus-values .aboutus-section-row{background:none;border:0;box-shadow:none;padding:0}
body.theme-arabi.page-about #common-listing-section .aboutus-values .aboutus-section-row .row{display:flex;flex-wrap:wrap;justify-content:center;margin:0}
body.theme-arabi.page-about #common-listing-section .aboutus-values .aboutus-col-5{flex:0 0 33.333%;max-width:33.333%;padding:0 6px}
body.theme-arabi.page-about #common-listing-section .aboutus-values img{border:0;box-shadow:none;border-radius:50%}
@media (min-width:992px){body.theme-arabi.page-about #common-listing-section .aboutus-section-card .row{flex-direction:row;align-items:center;gap:32px}body.theme-arabi.page-about #common-listing-section .aboutus-section-card .col-md-6{flex:1 1 50%;width:auto}body.theme-arabi.page-about #common-listing-section .aboutus-mission .row{flex-direction:row-reverse}body.theme-arabi.page-about #common-listing-section .aboutus-vision img,body.theme-arabi.page-about #common-listing-section .aboutus-mission img,body.theme-arabi.page-about #common-listing-section .aboutus-brand img{height:230px;margin-bottom:0}body.theme-arabi.page-about #common-listing-section .aboutus-values .aboutus-col-5{flex:0 0 20%;max-width:20%}}

/* القيم: الـ.row العامة فوق عمودية (flex-direction:column) وكانت بتنطبق على صف القيم كمان. */
body.theme-arabi.page-about #common-listing-section .aboutus-values .aboutus-section-row .row{flex-direction:row}