/* ============================================================
   معهد جلوبال — Global Institute
   ------------------------------------------------------------
   Direction: editorial. Hairlines instead of boxes, generous
   whitespace, a serif heading, and a search that reads as an
   underlined field rather than a control.

   The quietest layout of the set — deliberately, so it does not
   read as the same page in another colour.
   ============================================================ */

body.theme-global {
    --gl-ink: #12211f;
    --gl-rule: #cfd8d6;
}

/* --- نظام التصميم: مسطّح ومحدود بخطوط رفيعة --- */
body.theme-global .btn,
body.theme-global .form-control,
body.theme-global .card,
body.theme-global .courselisting {
    border-radius: 2px !important;
    box-shadow: none !important;
}

body.theme-global .courselisting,
body.theme-global .card {
    border: 1px solid var(--gl-rule) !important;
}

body.theme-global h1,
body.theme-global h2:not([class]),
body.theme-global h2.inst-logos-h,
body.theme-global h3,
body.theme-global .institute-footer h6 {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 600;
}

/* --- البنر --- */
/* الهيدر ثابت وارتفاعه 123 بكسل، والبنر يبدأ تحته مباشرة.
   الحشو هنا مسافة تنفّس فقط، مش تعويض عن الهيدر — التعويض
   بيحصل في الـ body من ستايل المعهد الأساسي. */
/* ═══════════════════════════════════════════════════════════
   الطبقات

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

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

body.theme-global .gl-hero {
    padding: 52px 0 70px;
    position: relative;
    isolation: isolate;

    /* والبنر نفسه فوق اللي بعده.

       isolation بتعمل سياق تراص للبنر، ومعناها إن z-index أي
       حاجة جواه — القايمة المنسدلة مثلاً — بيتحسب جوّه السياق
       دا بس. فشريط الأرقام، اللي بعده في الصفحة، كان بيترسم فوق
       البنر كله مهما رفعنا القايمة. الرفع لازم يبقى للبنر. */
    z-index: 2;

    /* مافيش overflow:hidden هنا. كان موجود عشان طبقة الهالات
       الأكبر من الشريط، بس هو كمان كان بيقص القايمة المنسدلة
       عند حافة البنر — والقايمة لازم تعدّي الحافة. الطبقات
       اتظبطت جوّه حدودها بدل ما الشريط يقصّها. */

    /* الأرضية تدرّج خفيف مش أبيض سادة: فرق بسيط، بس هو اللي
       بيمنع الإحساس بالورقة المسطّحة. */
    background: linear-gradient(180deg, #f5f9f8 0%, #ffffff 58%);
}

/* الطبقة الأولى: هالتين ضوء كبيرتين — واحدة بلون المعهد ورا
   الفسيفساء، وواحدة باللون المساعد على الناحية التانية. كبيرة
   وخفيفة أوي عشان تحس بيها من غير ما تشوفها. */
body.theme-global .gl-hero::before {
    content: "";
    position: absolute;
    /* جوّه الشريط بالظبط: التدرّجات الدائرية بتوصل لبرّه بشكلها
       من غير ما العنصر نفسه يخرج، فمفيش حاجة محتاجة تتقص. */
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background:
        radial-gradient(70% 90% at 80% 6%,
            color-mix(in srgb, var(--site-primary, #0a7269) 15%, transparent) 0%,
            transparent 66%),
        radial-gradient(56% 76% at 4% 98%,
            color-mix(in srgb, var(--site-accent, #b8372f) 10%, transparent) 0%,
            transparent 68%);
}

/* الطبقة التانية: شبكة خطوط بكسل واحد بلون المعهد على شفافية
   4%. مش المفروض تتشاف كخطوط — المفروض تدي السطح ملمس. وبتذوب
   ناحية القاع عشان متزاحمش الكلام. */
body.theme-global .gl-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image:
        linear-gradient(color-mix(in srgb, var(--site-primary, #0a7269) 3.5%, transparent) 1px, transparent 1px),
        linear-gradient(90deg, color-mix(in srgb, var(--site-primary, #0a7269) 3.5%, transparent) 1px, transparent 1px);
    background-size: 52px 52px;

    /* بيبهت من فوق لتحت ومن الأطراف للنص: الشبكة الكاملة بتقرا
       كمربعات، والباهتة بتقرا كملمس. */
    -webkit-mask-image:
        linear-gradient(180deg, #000 0%, transparent 64%),
        radial-gradient(120% 100% at 50% 0%, #000 30%, transparent 78%);
    -webkit-mask-composite: source-in;
            mask-image:
        linear-gradient(180deg, #000 0%, transparent 64%),
        radial-gradient(120% 100% at 50% 0%, #000 30%, transparent 78%);
            mask-composite: intersect;
}

body.theme-global .gl-hero-body {
    max-width: 780px;
}

body.theme-global .gl-hero-eyebrow {
    text-transform: uppercase;
    letter-spacing: .16em;
    font-size: .75rem;
    color: var(--site-accent, #b8372f);
    margin: 0 0 18px;
    font-weight: 700;
}

body.theme-global .gl-hero h1 {
    font-size: 3rem;
    line-height: 1.18;
    color: var(--gl-ink);
    margin: 0 0 34px;
}

body.theme-global .gl-hero-line {
    border: 0;
    border-top: 1px solid var(--gl-rule);
    margin: 34px 0;
}

/* --- البحث كسطر مسطّر --- */
/* ── البحث بمرشّحاته ظاهرة ────────────────────────────────────
   Three fields on one line under a shared rule: the phrase, the subject, the
   city. They read as one instrument rather than three controls, which suits a
   banner built on hairlines — no boxes, no fills, just the rule they stand on.
   ─────────────────────────────────────────────────────────── */

/* ── شريط البحث ──────────────────────────────────────────────
   كان خط رفيع تحت تلات حقول: أنيق، بس مش باين إنه حقول أصلاً —
   الزائر مش عارف إن دي حاجة يكتب فيها، ولا فين حدود كل واحدة.

   بقى لوح واحد مرتفع، والحقول جواه مفصولة بخطوط رأسية، والزرار
   دايرة مصمتة بلون المعهد. الحدود بتوضح، والارتفاع بيقول إنه
   الحاجة الأساسية في البنر.
   ───────────────────────────────────────────────────────────── */
body.theme-global .gl-hero-search {
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr auto;
    gap: 0;
    align-items: stretch;

    background: rgba(255, 255, 255, .82);
    -webkit-backdrop-filter: blur(14px);
            backdrop-filter: blur(14px);
    border: 1px solid color-mix(in srgb, var(--site-primary, #0a7269) 20%, transparent);
    border-radius: 16px;
    padding: 8px;

    /* من غير هامش سالب: كان -18 عشان اللوح يمتد لحد حافة الكلام،
       بس ده بيطلّعه بره العمود فالحد والظل بيتقصّوا من الجنبين.
       اللوح جوّه العمود دلوقتي وحوافه كلها ظاهرة. */
    margin-inline: 0;

    box-shadow:
        0 1px 2px color-mix(in srgb, var(--site-primary, #0a7269) 10%, transparent),
        0 18px 40px -18px color-mix(in srgb, var(--site-primary, #0a7269) 34%, transparent);

    transition: border-color .2s ease, box-shadow .2s ease;
}

/* الوقوف والتركيز بيرفعوا اللوح: بيقول إنه حي. */
body.theme-global .gl-hero-search:hover,
body.theme-global .gl-hero-search:focus-within {
    border-color: color-mix(in srgb, var(--site-primary, #0a7269) 46%, transparent);
    box-shadow:
        0 1px 2px color-mix(in srgb, var(--site-primary, #0a7269) 12%, transparent),
        0 24px 54px -20px color-mix(in srgb, var(--site-primary, #0a7269) 46%, transparent);
}

/* كل حقل في خانته، والفاصل خط رأسي بيبهت من فوق وتحت بدل خط
   كامل — الخط الكامل بيقطع اللوح لتلات صناديق. */
body.theme-global .gl-hero-field {
    display: flex; flex-direction: column; gap: 3px;
    padding: 10px 18px;
    min-width: 0;
}

body.theme-global .gl-hero-field + .gl-hero-field {
    border-inline-start: 1px solid transparent;
    border-image: linear-gradient(180deg,
        transparent,
        color-mix(in srgb, var(--site-primary, #0a7269) 20%, transparent) 26%,
        color-mix(in srgb, var(--site-primary, #0a7269) 20%, transparent) 74%,
        transparent) 1;
}

body.theme-global .gl-hero-search label {
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .13em;
    color: #8b9a96;
    font-family: Archivo, "Segoe UI", sans-serif;
    font-weight: 700;
}

body.theme-global .gl-hero-search input,
body.theme-global .gl-hero-search select {
    border: 0;
    background: transparent;
    padding: 4px 0;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.02rem;
    color: var(--gl-ink);
    width: 100%;
    /* The arrow is the browser's and it does not belong on a hairline; the
       chevron below replaces it. */
    appearance: none;
    -webkit-appearance: none;
}

body.theme-global .gl-hero-search input:focus,
body.theme-global .gl-hero-search select:focus { outline: none; }

body.theme-global .gl-hero-search input::placeholder { color: #b3c0bc; }

body.theme-global .gl-hero-search select {
    background-image: linear-gradient(45deg, transparent 50%, #8b9a96 50%),
                      linear-gradient(135deg, #8b9a96 50%, transparent 50%);
    background-position: calc(100% - 9px) 55%, calc(100% - 4px) 55%;
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat;
    padding-inline-end: 20px;
    cursor: pointer;
}

/* الزرار دايرة مصمتة: هو الحاجة الوحيدة الملوّنة في اللوح،
   فالعين بتلاقيه من غير ما تدوّر. */
/* [type=submit] مش أي button: زرار القايمة المنسدلة جوّه نفس
   الفورم، والقاعدة دي كانت بتحوّله لدايرة خضرا كمان. */
body.theme-global .gl-hero-search button[type="submit"] {
    align-self: center;
    display: flex; align-items: center; justify-content: center;
    width: 50px; height: 50px;
    border: 0; border-radius: 50%;
    background: var(--site-primary, #0a7269);
    color: #fff;
    font-size: 1.15rem;
    cursor: pointer;
    transition: background .2s ease, transform .2s ease;
}

body.theme-global .gl-hero-search button[type="submit"]:hover {
    background: var(--gl-ink, #12211f);
    color: #fff;
    transform: scale(1.06);
}

/* السهم رسمة مش حرف، فبينعكس في العربي. */
body.theme-global[dir="rtl"] .gl-hero-search button[type="submit"] i { transform: scaleX(-1); }

@media (max-width: 767px) {
    /* اللوح بيتفكّ لصفوف: الخط الرأسي بين الحقول مالوش معنى
       لما يبقوا فوق بعض، فبيبقى أفقي. */
    body.theme-global .gl-hero-search {
        grid-template-columns: 1fr;
        padding: 8px;
        border-radius: 14px;
    }

    body.theme-global .gl-hero-field + .gl-hero-field {
        border-inline-start: 0;
        border-top: 1px solid color-mix(in srgb, var(--site-primary, #0a7269) 16%, transparent);
        border-image: none;
    }

    body.theme-global .gl-hero-search button[type="submit"] {
        width: 100%; height: 46px; border-radius: 12px; margin-top: 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.theme-global .gl-hero-search,
    body.theme-global .gl-hero-search button { transition: none; }
    body.theme-global .gl-hero-search button[type="submit"]:hover { transform: none; }
}

body.theme-global .gl-hero-advanced {
    margin: 14px 0 0;
    font-size: .88rem;
    color: #6b7c79;
}

body.theme-global .gl-hero-advanced a {
    color: var(--site-primary, #0a7269);
    text-decoration: underline;
}

/* --- الروابط كقائمة تحريرية --- */
body.theme-global .gl-hero-links {
    display: flex;
    flex-wrap: wrap;
    gap: 28px;
}

body.theme-global .gl-hero-links a {
    color: var(--gl-ink);
    font-weight: 600;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    padding-bottom: 3px;
}

body.theme-global .gl-hero-links a:hover {
    border-bottom-color: var(--site-accent, #b8372f);
    color: var(--site-accent, #b8372f);
}

@media (max-width: 991px) {
    body.theme-global .gl-hero { padding: 34px 0 48px; }
    body.theme-global .gl-hero h1 { font-size: 1.95rem; }
    body.theme-global .gl-hero-field input { font-size: 1.1rem; }
    body.theme-global .gl-hero-links { gap: 16px; }
}

/* ── الأقسام: صفوف تحريرية بخطوط رفيعة، بلا بطاقات ── */
body.theme-global .inst-tiles-grid { grid-template-columns: 1fr; gap: 0; }
body.theme-global .inst-tile {
    flex-direction: row; align-items: center; gap: 24px;
    border: 0; border-bottom: 1px solid var(--gl-rule); padding: 24px 0; background: transparent;
}
body.theme-global .inst-tile:first-child { border-top: 1px solid var(--gl-rule); }
body.theme-global .inst-tile:hover { transform: none; box-shadow: none; background: #fafbfb; }
body.theme-global .inst-tile-icon { width: 40px; height: 40px; }
body.theme-global .inst-tile-label { flex: 1; font-weight: 600; font-family: Georgia, "Times New Roman", "Amiri", serif; }
body.theme-global .inst-tile-more { margin-top: 0; }
body.theme-global .inst-values { background: #fff; }
body.theme-global .inst-values-list { grid-template-columns: 1fr; gap: 18px; max-width: 74ch; }
body.theme-global .inst-values-list img { width: 34px; height: 34px; flex-basis: 34px; }
body.theme-global .inst-assoc-link { border-radius: 2px; background: transparent; color: var(--site-primary, #0a7269); border: 1px solid var(--site-primary, #0a7269); }
body.theme-global .inst-assoc-link:hover { background: var(--site-primary, #0a7269); color: #fff; }

/* ── الصور: رمادية حتى التحويم، وإطار رفيع ── */
body.theme-global .widget-icon,
body.theme-global .common-banner-image,
body.theme-global .course-image { border-radius: 2px; border: 1px solid var(--gl-rule); }
body.theme-global .widget-icon img,
body.theme-global .course-image img { filter: grayscale(1); }
body.theme-global .citymain-listing-wrap-box:hover .widget-icon img,
body.theme-global .courselisting:hover .course-image img { filter: grayscale(0); transform: none; }
/* ── القائمة: خط رفيع وحروف متباعدة ── */
body.theme-global #dt-header-section { border-bottom: 1px solid var(--gl-rule); }
body.theme-global .nav-link { letter-spacing: .04em; }
body.theme-global .navbar-nav .nav-link.active { background: transparent !important; color: var(--site-primary, #0a7269) !important; border-bottom: 2px solid var(--site-accent, #b8372f); border-radius: 0 !important; }

/* ── الداخلية: بلا أيقونة — عنوان مشجّر فوق خطّ رفيع ── */
body.theme-global .common-banner-icon { display: none; }
body.theme-global .common-banner-text h1 {
    font-family: Georgia, "Times New Roman", "Amiri", serif; font-weight: 400;
    padding-bottom: 18px; margin-bottom: 18px;
    border-bottom: 1px solid rgba(255,255,255,.35);
}
body.theme-global .common-banner-text p { font-size: 1.02rem; }

/* ── الشريط العلوي: بلا تعبئة — بريد وروابط بينهما خطّ رفيع ── */
body.theme-global .gl-topbar { background: #fff; border-bottom: 1px solid var(--gl-rule); color: #5b6b69; }
body.theme-global .gl-topbar-inner { display: flex; align-items: center; gap: 24px; min-height: 40px; }
body.theme-global .gl-topbar-mail { font-size: .8rem; color: var(--site-primary, #0a7269); font-weight: 600; }
body.theme-global .gl-topbar-links { gap: 22px; margin-inline-start: auto; font-size: .8rem; letter-spacing: .02em; }
body.theme-global .gl-topbar-links li.active a { color: var(--site-accent, #b8372f); }

/* ── الشريط العلوي: المدن كسطر مصدّر، بلا تعبئة ── */
body.theme-global .gl-topbar { background: #fff; color: #55635f; border-bottom: 1px solid var(--gl-rule); }
body.theme-global .gl-topbar-row {
    min-height: 44px; font-family: Georgia, "Times New Roman", "Amiri", serif; font-size: .84rem;
    /* المدن من ناحية والإيميل من الناحية التانية. space-between
       مش هامش ثابت: كده الإيميل بيفضل على الطرف مهما كان عدد
       المدن. وinline مش left، فبينعكس لوحده في العربي. */
    display: flex; align-items: center; justify-content: space-between; gap: 20px;
}

body.theme-global .gl-topbar-mail {
    display: inline-flex; align-items: center; gap: 8px;
    white-space: nowrap;
    /* الوقوف بياخد --site-primary وهو نفس لون الشريط، فالإيميل
       كان هيختفي. شوف الشرح في _institute.css */
    --link-hover-ink: #fff;
}

body.theme-global .gl-topbar-mail:hover { text-decoration: underline; }

body.theme-global .gl-topbar-places { display: flex; }
body.theme-global .gl-topbar-places a { padding-inline-end: 16px; }
body.theme-global .gl-topbar-places a + a {
    border-inline-start: 1px solid var(--gl-rule); padding-inline-start: 16px;
}
body.theme-global .gl-topbar-places a:hover { color: var(--site-primary, #0a7269); opacity: 1; }
body.theme-global .gl-topbar-lang { color: var(--site-accent, #b8372f); }

/* (2026-09-18) القاعدة دي كانت قبل تعريف .gl-topbar-places { display:flex }
   فوق، فبنفس القوة كان التعريف الغير-شرطي (بعدها في الملف) بيكسب
   دايمًا ويلغيها حتى تحت 767px — مكانها في الكاسكيد مش ظروفها هو اللي
   بيحدد، وترتيب المصدر هو الحكم عند تساوي القوة. نقلها هنا (بعد
   التعريف الأساسي) يخليها فعلاً تكسب على الموبايل زي ما كان مقصود. */
@media (max-width: 767px) {
    /* الشاشة مش واسعة للاتنين جنب بعض؛ الإيميل هو اللي بيفضل. */
    body.theme-global .gl-topbar-places { display: none; }
    body.theme-global .gl-topbar-row { justify-content: flex-end; }
}

/* ══════════════════════════════════════════════════════════
   القائمة الرئيسية — سطر واحد بفواصل نقطية
   No boxes and no fills: the links read as one typographic
   line, divided by middots rather than by rules.
   ══════════════════════════════════════════════════════════ */
body.theme-global nav.navbar { background: #fff; }
body.theme-global .navbar-nav > li > .nav-link {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .92rem; text-transform: none !important; letter-spacing: 0;
    padding: 6px 0 !important; background: transparent !important; border-radius: 0 !important;
}
/* The separator carries the spacing, so the row needs none of its own — but
   the items that carry no separator (the badge, and the two utilities at the
   end) were left touching their neighbours. A gap on the row covers those and
   the middot adds to it. */
body.theme-global .navbar-nav { gap: 14px; }

/* Each item becomes its own row so the separator sits on the link's line.
   Without it the middot fell above the text and the row read as scattered. */
body.theme-global .navbar-nav > li { display: flex; align-items: center; }

body.theme-global .navbar-nav > li + li::before {
    content: "·"; color: #b9c6c2;
    margin-inline-end: 14px; font-size: 1.15em; line-height: 1;
}
body.theme-global .navbar-nav > li > .nav-link.active {
    color: var(--site-accent, #b8372f) !important; border-bottom: 0 !important;
}

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

/* ══════════════════════════════════════════════════════════
   البنر الرئيسي — منقسم: نصّ تحريري ولوح مدن
   ------------------------------------------------------------
   The other two banners are pictures: Al Mawred's a photograph
   under a colour wash, Gulf's a film. This one carries no image
   at all — the institute's cities are the visual, set as type on
   a panel of its own colour.

   Nothing to load, nothing to crop, and it is true by
   construction: the list is the published cities, so it grows
   when one is published rather than when someone edits a file.
   ══════════════════════════════════════════════════════════ */

body.theme-global .gl-hero-split {
    display: grid;
    grid-template-columns: 1.35fr .65fr;
    gap: 56px;
    align-items: stretch;
}

body.theme-global .gl-hero-body { max-width: none; align-self: center; }

/* ── الفسيفساء: مدن حقيقية، صور صغيرة بدل خلفية ─────────────
   The third way of carrying a picture. Al Mawred fills the band with one
   photograph under a wash; Gulf runs a film behind it; here six small ones
   sit beside the copy, one per city, each a place the institute really goes
   and each a link to that city's courses.

   Only cities with a photograph are shown — a tile standing in for a place it
   has no picture of would be a grey square, and five true tiles beat six with
   a hole in them.
   ─────────────────────────────────────────────────────────── */

body.theme-global .gl-hero-where {
    display: flex;
    flex-direction: column;
    gap: 14px;
    /* start مش center: الفسيفساء بتتحاذى مع أول سطر في العنوان
       بدل ما تعوم في نص العمود وتنزل تحت خط البحث. */
    align-self: start;
    margin-top: 6px;
}

body.theme-global .gl-hero-mosaic {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

body.theme-global .gl-hero-tile {
    position: relative;
    display: block;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    text-decoration: none;
    border-radius: 14px;
}

body.theme-global .gl-hero-tile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .4s ease;
}

body.theme-global .gl-hero-tile:hover img { transform: scale(1.06); }

body.theme-global .gl-hero-tile span {
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    padding: 22px 10px 8px;
    color: #fff;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .82rem;
    text-align: center;
    background: linear-gradient(180deg, transparent, rgba(6, 26, 24, .8));
}

/* The first tile takes two columns and two rows, so the grid reads as a
   composition rather than a contact sheet. */
body.theme-global .gl-hero-tile:first-child { grid-column: span 2; grid-row: span 2; }

body.theme-global .gl-hero-tile:first-child span {
    font-size: 1.05rem;
    padding: 30px 12px 12px;
}

body.theme-global .gl-hero-where-all {
    align-self: flex-start;
    font-family: Archivo, "Segoe UI", sans-serif;
    font-size: .74rem;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-weight: 700;
    color: var(--site-primary, #0a7269);
    border-bottom: 2px solid var(--site-accent, #b8372f);
    padding-bottom: 2px;
}

@media (max-width: 991px) {
    body.theme-global .gl-hero-split { grid-template-columns: 1fr; gap: 30px; }
    /* Narrow: the large first tile would tower over the rest, so every tile
       is the same size and the mosaic reads as a row. */
    body.theme-global .gl-hero-tile:first-child { grid-column: auto; grid-row: auto; }
    body.theme-global .gl-hero-tile:first-child span { font-size: .82rem; padding: 22px 10px 8px; }
    body.theme-global .gl-hero-tile { border-radius: 10px; }
    body.theme-global .gl-hero-where { align-self: auto; margin-top: 0; }
}

/* ── عمق على العناصر نفسها ───────────────────────────────────
   الظل هنا مش زخرفة: هو اللي بيقول إن البلاطة قدام السطح مش
   مطبوعة عليه. كبير وخفيف — الظل الصغير الغامق هو اللي بيقرا
   قديم. وبلون المعهد مش أسود، عشان يفضل جزء من الهوية.
   ───────────────────────────────────────────────────────────── */

body.theme-global .gl-hero-tile {
    box-shadow:
        0 1px 2px color-mix(in srgb, var(--site-primary, #0a7269) 14%, transparent),
        0 18px 38px -12px color-mix(in srgb, var(--site-primary, #0a7269) 34%, transparent);
    transition: transform .3s ease, box-shadow .3s ease;
}

body.theme-global .gl-hero-tile:hover {
    transform: translateY(-3px);
    box-shadow:
        0 1px 2px color-mix(in srgb, var(--site-primary, #0a7269) 16%, transparent),
        0 26px 52px -14px color-mix(in srgb, var(--site-primary, #0a7269) 42%, transparent);
}




/* ── الأقسام: أرضيات متبادلة بتدرّج، مش رمادي سادة ─────────── */

body.theme-global .inst-upcoming {
    background: linear-gradient(180deg, #ffffff 0%, #f4f8f7 100%);
}

/* ── الشريط الغامق ────────────────────────────────────────────
   صفحة كلها فاتحة بتقرا كورقة مهما حطيت فيها. الشريط الغامق
   الواحد في نص الصفحة هو اللي بيديها إيقاع — العين بتعدّي من
   فاتح لغامق لفاتح وتحس إن فيه طبقات، مش لفة واحدة.

   نفس طبقات البنر بس مقلوبة: قاع غامق، هالات فوقه، وحبيبات.
   ───────────────────────────────────────────────────────────── */
body.theme-global .inst-assoc {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 92px 0;
    color: #fff;
    background:
        radial-gradient(70% 120% at 82% 0%,
            color-mix(in srgb, var(--site-primary, #0a7269) 62%, transparent) 0%,
            transparent 62%),
        radial-gradient(58% 100% at 6% 100%,
            color-mix(in srgb, var(--site-accent, #b8372f) 30%, transparent) 0%,
            transparent 66%),
        linear-gradient(165deg, #072b28 0%, #04201e 60%, #061a19 100%);
}

body.theme-global .inst-assoc h2 { color: #fff; }

body.theme-global .inst-assoc p { color: rgba(255, 255, 255, .74); }

/* الزرار على قاع غامق: مفرّغ بحدّ فاتح، وبيمتلي أبيض عند الوقوف.
   --link-hover-ink كمان، وإلا القاعدة العامة بتحط لون المعهد وهو
   نفس لون الشريط. */
body.theme-global .inst-assoc-link {
    --link-hover-ink: #06231f;
    border-color: rgba(255, 255, 255, .58);
    color: #fff;
    background: transparent;
}

body.theme-global .inst-assoc-link:hover {
    background: #fff;
    color: #06231f;
    border-color: #fff;
}

body.theme-global .inst-tiles {
    position: relative;
    background: #fff;
}

/* فاصل بيبهت ناحية الأطراف بدل خط مستقيم من حافة للحافة —
   الخط الكامل بيقطع الصفحة، والباهت بيوصّلها. */
body.theme-global .inst-tiles::before {
    content: "";
    position: absolute;
    inset-inline: 0;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg,
        transparent,
        color-mix(in srgb, var(--site-primary, #0a7269) 22%, transparent) 22%,
        color-mix(in srgb, var(--site-primary, #0a7269) 22%, transparent) 78%,
        transparent);
}

@media (prefers-reduced-motion: reduce) {
    body.theme-global .gl-hero-tile { transition: none; }
    body.theme-global .gl-hero-tile:hover { transform: none; }
}

/* ── الحبيبات ────────────────────────────────────────────────
   طبقة ضوضاء رفيعة أوي فوق البنر والشريط الغامق.

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

   مولّدة من SVG جوّه الملف نفسه: مافيش صورة ولا طلب زيادة.
   ───────────────────────────────────────────────────────────── */

body.theme-global .gl-hero > .container::before,
body.theme-global .inst-assoc > .container::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.42'/%3E%3C/svg%3E");
    mix-blend-mode: overlay;
    opacity: .5;
}

body.theme-global .gl-hero > .container,
body.theme-global .inst-assoc > .container { position: relative; }

/* الحبيبات على القاع الغامق لازم تبقى أخف، وإلا بتقرا وسخ. */
body.theme-global .inst-assoc > .container::before { opacity: .3; }

/* ── الخط أكبر ───────────────────────────────────────────────
   العنوان كان 2.6rem والنص 13.6 بكسل. المواقع اللي بعتها
   عناوينها 64 بكسل ونصها 16. الفرق دا لوحده بيقرا حديث قبل أي
   تفصيلة تانية.
   ───────────────────────────────────────────────────────────── */

body.theme-global .gl-hero h1 {
    font-size: clamp(2.6rem, 4.4vw, 3.9rem);
    line-height: 1.08;
    letter-spacing: -.02em;

    /* تدرّج جوّه الحروف نفسها: من حبر لأخضر المعهد. حاجة صغيرة
       بس هي اللي بتخلي العنوان يبان مصمّم مش مكتوب. */
    background: linear-gradient(150deg,
        var(--gl-ink, #12211f) 0%,
        var(--gl-ink, #12211f) 42%,
        var(--site-primary, #0a7269) 100%);
    -webkit-background-clip: text;
            background-clip: text;
    color: transparent;
}

body.theme-global .gl-hero-lede,
body.theme-global .gl-hero-body p { font-size: 1.05rem; line-height: 1.75; }

body.theme-global .inst-assoc h2 { font-size: clamp(1.9rem, 3vw, 2.6rem); }

@media (max-width: 991px) {
    body.theme-global .inst-assoc { padding: 56px 0; }
}

/* ── الخط الرقعي المعاصر ─────────────────────────────────────
   Georgia خط نظام عمره تلاتين سنة — وده بالظبط اللي بيقرا
   "كلاسيكي". Fraunces رقعي كمان فالهوية مش بتتغير، بس نبرته
   حديثة. للعناوين بس.
   ───────────────────────────────────────────────────────────── */

body.theme-global .gl-hero h1,
body.theme-global .inst-upcoming-head h2,
body.theme-global .inst-assoc h2,
body.theme-global .inst-values-head h2,
body.theme-global .inst-tiles h2 {
    font-family: Fraunces, Georgia, "Times New Roman", "Amiri", serif;
    font-optical-sizing: auto;
}

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

body.theme-global .inst-upcoming-list a {
    position: relative;
    transition: padding-inline-start .22s ease, background .22s ease;
}

body.theme-global .inst-upcoming-list a::before {
    content: "";
    position: absolute;
    inset-block: 8px;
    inset-inline-start: 0;
    width: 3px;
    background: var(--site-primary, #0a7269);
    transform: scaleY(0);
    transform-origin: center;
    transition: transform .22s ease;
}

body.theme-global .inst-upcoming-list a:hover {
    background: transparent;
    padding-inline-start: 18px;
}

body.theme-global .inst-upcoming-list a:hover::before { transform: scaleY(1); }

body.theme-global .inst-upcoming-list a:hover .inst-upcoming-title {
    color: var(--site-primary, #0a7269);
}

@media (prefers-reduced-motion: reduce) {
    body.theme-global .inst-upcoming-list a,
    body.theme-global .inst-upcoming-list a::before { transition: none; }
}

/* ═══════════════════════════════════════════════════════════
   كروت الدورات

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

body.theme-global .gl-course-rail {
    list-style: none; margin: 0; padding: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

body.theme-global .gl-course {
    position: relative;
    display: flex; flex-direction: column;
    background: #fff;
    border: 1px solid color-mix(in srgb, var(--site-primary, #0a7269) 14%, transparent);
    border-radius: 14px;
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

body.theme-global .gl-course:hover {
    transform: translateY(-4px);
    border-color: color-mix(in srgb, var(--site-primary, #0a7269) 34%, transparent);
    box-shadow:
        0 1px 2px color-mix(in srgb, var(--site-primary, #0a7269) 12%, transparent),
        0 20px 42px -16px color-mix(in srgb, var(--site-primary, #0a7269) 40%, transparent);
}

body.theme-global .gl-course-shot { aspect-ratio: 16 / 10; overflow: hidden; background: #eef3f2; }

body.theme-global .gl-course-shot img {
    width: 100%; height: 100%; object-fit: cover; display: block;
    transition: transform .35s ease;
}

body.theme-global .gl-course:hover .gl-course-shot img { transform: scale(1.05); }

body.theme-global .gl-course-title {
    font-family: Fraunces, Georgia, serif;
    font-size: 1.02rem; font-weight: 600; line-height: 1.34;
    margin: 16px 16px 12px;
}

body.theme-global .gl-course-title a {
    color: var(--gl-ink, #12211f);
    text-decoration: none;
}

/* الكارت كله بيمشي على رابط العنوان: طبقة شفافة بتغطيه، وزرار
   الحجز فوقها. كده مافيش <form> جوّه <a> — الشكل اللي المتصفح
   بيصلّحه بطريقته وبيخلي الزرار يبطّل يشتغل. */
body.theme-global .gl-course-title a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
}

body.theme-global .gl-course:hover .gl-course-title a { color: var(--site-primary, #0a7269); }

body.theme-global .gl-course-facts {
    list-style: none; margin: 0 16px 16px; padding: 0;
    display: flex; flex-direction: column; gap: 8px;
    font-size: .84rem; color: #5f7370;
    /* auto من فوق: بيدفع الحقائق وزرار الحجز لقاع الكارت مهما
       كان طول العنوان، فالصف كله بيتساوى. */
    margin-top: auto;
}

body.theme-global .gl-course-facts li { display: flex; align-items: center; gap: 9px; }

body.theme-global .gl-course-facts i { color: var(--site-primary, #0a7269); font-size: .95rem; }

body.theme-global .gl-course-book { position: relative; z-index: 2; margin: 0 16px 16px; }

body.theme-global .gl-course-book .btn {
    width: 100%;
    border-radius: 10px !important;
    background: var(--site-primary, #0a7269) !important;
    border-color: var(--site-primary, #0a7269) !important;
    color: #fff !important;
    font-size: .86rem; font-weight: 700;
    padding: 11px 14px;
}

body.theme-global .gl-course-book .btn:hover {
    background: var(--gl-ink, #12211f) !important;
    border-color: var(--gl-ink, #12211f) !important;
}

body.theme-global .gl-course-book .btn[disabled] { opacity: .45; }

@media (max-width: 1199px) {
    body.theme-global .gl-course-rail { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    body.theme-global .gl-course-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
}

@media (max-width: 560px) {
    body.theme-global .gl-course-rail { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    body.theme-global .gl-course,
    body.theme-global .gl-course-shot img { transition: none; }
    body.theme-global .gl-course:hover { transform: none; }
    body.theme-global .gl-course:hover .gl-course-shot img { transform: none; }
}

/* ═══════════════════════════════════════════════════════════
   شريط الأرقام

   كامل العرض على قاع غامق — نفس قاع قسم الاعتمادات، فالصفحة
   بتفضل نغمة واحدة مش نغمتين.

   والأرقام متحسوبة وقت رسم الصفحة. المرجع بيقول "30+ سنة"
   و"700 ألف مشارك" — دي أرقام مكتوبة محدش يقدر يتحقق منها.
   التلاتة اللي هنا بتتعدّ من الكتالوج، فهي صح دلوقتي وهتفضل
   صح لما الكتالوج يتغيّر.
   ═══════════════════════════════════════════════════════════ */

body.theme-global .gl-stats {
    position: relative;
    overflow: hidden;
    /* تحت البنر، عشان القايمة المنسدلة تعدّي فوقه. */
    z-index: 1;
    padding: 0;
    /* اللون تحت الصورة: لو الصورة اتأخرت الشريط يفضل غامق مش أبيض. */
    background: #04201e;
}

/* الصورة طبقة مش background-image: الخلفية مبتتعكسش في العربي،
   والصورة بتتعكس بـtransform. */
body.theme-global .gl-stats-art {
    position: absolute;
    inset: 0;
    z-index: 0;
    line-height: 0;
    pointer-events: none;
}

body.theme-global .gl-stats-art img {
    width: 100%; height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* في العربي بتتقلب، فالراجل يفضل على الطرف البعيد عن الأرقام. */
body.theme-global[dir="rtl"] .gl-stats-art img { transform: scaleX(-1); }

/* تعتيم متدرّج: أتقل ناحية الأرقام وأخف ناحية الراجل. الأرقام
   بيضا والصورة فيها مساحات فاتحة حواليه. */
body.theme-global .gl-stats::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(to right,
        rgba(4, 32, 30, .74) 0%,
        rgba(4, 32, 30, .54) 48%,
        rgba(4, 32, 30, .16) 100%);
}

body.theme-global[dir="rtl"] .gl-stats::after {
    background: linear-gradient(to left,
        rgba(4, 32, 30, .74) 0%,
        rgba(4, 32, 30, .54) 48%,
        rgba(4, 32, 30, .16) 100%);
}

body.theme-global .gl-stats > .container {
    position: relative;
    z-index: 2;
    /* الحشو هنا مش على القسم، عشان الصورة تملى الشريط كله. */
    padding-block: 58px;
}

body.theme-global .gl-stats-row {
    margin: 0; padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    text-align: center;
}

/* خط فاصل بين الأعمدة بيبهت من فوق وتحت بدل خط كامل. */
body.theme-global .gl-stats-row > div + div {
    border-inline-start: 1px solid transparent;
    border-image: linear-gradient(180deg,
        transparent,
        rgba(255, 255, 255, .22) 22%,
        rgba(255, 255, 255, .22) 78%,
        transparent) 1;
}

body.theme-global .gl-stats-row dt {
    font-family: Fraunces, Georgia, serif;
    font-size: clamp(2.4rem, 4vw, 3.4rem);
    font-weight: 600; line-height: 1;
    color: #fff;
    font-variant-numeric: tabular-nums;
}

body.theme-global .gl-stats-row dd {
    margin: 12px 0 0;
    font-size: .76rem; font-weight: 700;
    letter-spacing: .16em; text-transform: uppercase;
    color: color-mix(in srgb, var(--site-primary, #0a7269) 40%, #ffffff);
}

@media (max-width: 640px) {
    body.theme-global .gl-stats > .container { padding-block: 40px; }
    body.theme-global .gl-stats-row { grid-template-columns: 1fr; gap: 26px; }
    body.theme-global .gl-stats-row > div + div { border-inline-start: 0; }
}

/* ═══════════════════════════════════════════════════════════
   القائمة المنسدلة

   الـ<select> الأصلي بيفضل في الفورم وبيشيل القيمة — التسليم
   والتحقق والقارئ اللي مقفّل الجافاسكربت كلهم زي ما هم. بس
   بيتخفى عن العين، والزرار والقايمة دول اللي بيتشافوا.

   السبب: قايمة الـselect لما بتتفتح بيرسمها نظام التشغيل مش
   الصفحة — مفيش CSS بيوصلها. عشان كده كانت بتطلع قايمة نظام
   بخلفية زرقا في نص بنر تحريري.
   ═══════════════════════════════════════════════════════════ */

/* المحدِّد فيه اسم العنصر كمان: القاعدة اللي بتدّي الحقول
   width:100% أخص من كلاس لوحده، فالـselect المخفي كان فاضل
   بعرضه الكامل وبيمدّ الصفحة 157 بكسل ناحية الجنب. */
body.theme-global .gl-hero-search select.gl-pick-native {
    position: absolute;
    width: 1px !important; height: 1px;
    margin: -1px; padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    border: 0;
}

body.theme-global .gl-pick { position: relative; }

body.theme-global .gl-pick-btn {
    display: flex; align-items: center; justify-content: space-between; gap: 10px;
    min-width: 0;
    width: 100%;
    border: 0; background: transparent;
    padding: 4px 0;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.02rem;
    color: var(--gl-ink, #12211f);
    text-align: start;
    cursor: pointer;
}

/* الاسم الطويل بيتقصّ بنقط: من غير كده الزرار بيطول لتلات
   سطور ويكسر ارتفاع الشريط. */
body.theme-global .gl-pick-btn > span {
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;
}

body.theme-global .gl-pick-btn i {
    font-size: .8rem; color: #8b9a96;
    transition: transform .2s ease;
}

body.theme-global .gl-pick-btn[aria-expanded="true"] i { transform: rotate(180deg); }

body.theme-global .gl-pick-list {
    position: absolute;
    /* فوق شريط الأرقام وأي حاجة بعده: القايمة كانت بتختفي وراه
       لأن الشريط بيعمل سياق تراص جديد بـisolation. */
    z-index: 60;
    inset-inline: -12px;
    top: calc(100% + 12px);
    max-height: 320px;
    overflow-y: auto;
    margin: 0; padding: 6px;
    list-style: none;

    background: #fff;
    border: 1px solid color-mix(in srgb, var(--site-primary, #0a7269) 18%, transparent);
    border-radius: 14px;
    box-shadow:
        0 1px 2px color-mix(in srgb, var(--site-primary, #0a7269) 10%, transparent),
        0 22px 48px -18px color-mix(in srgb, var(--site-primary, #0a7269) 42%, transparent);
}

body.theme-global .gl-pick-list li {
    padding: 9px 12px;
    border-radius: 9px;
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .95rem;
    color: var(--gl-ink, #12211f);
    cursor: pointer;
    transition: background .14s ease, color .14s ease;
}

body.theme-global .gl-pick-list li:hover {
    background: color-mix(in srgb, var(--site-primary, #0a7269) 8%, transparent);
}

/* المختار بلون المعهد وعلامة جنبه — مش شريط أزرق مصمت. */
body.theme-global .gl-pick-list li[aria-selected="true"] {
    color: var(--site-primary, #0a7269);
    font-weight: 700;
    background: color-mix(in srgb, var(--site-primary, #0a7269) 10%, transparent);
}

body.theme-global .gl-pick-list li[aria-selected="true"]::after {
    content: "\f26e";
    font-family: "bootstrap-icons";
    float: inline-end;
    font-size: .8rem;
}

/* بتتفتح لفوق لما مافيش مكان تحت. */
body.theme-global .gl-pick-list.is-up {
    top: auto;
    bottom: calc(100% + 12px);
}

/* شريط تمرير رفيع بدل شريط النظام العريض. */
body.theme-global .gl-pick-list::-webkit-scrollbar { width: 8px; }
body.theme-global .gl-pick-list::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--site-primary, #0a7269) 26%, transparent);
    border-radius: 99px;
}

@media (prefers-reduced-motion: reduce) {
    body.theme-global .gl-pick-btn i,
    body.theme-global .gl-pick-list li { transition: none; }
}

/* العنوان والسطر في منتصف عمودهم — الشبكة نفسها زي ماهي، الموزاييك
   فاضل مكانه على الجنب. */
body.theme-global .gl-hero-body .inst-h1,
body.theme-global .gl-hero-body .inst-lede { text-align: center; }
body.theme-global .gl-hero-body .inst-lede { margin-inline: auto; }

/* ── لوحة الدورات: فهرس تحريري بخطوط شعرة ─────────────────── */
body.theme-global .inst-mega { --inst-mega-line: #d8e2e0; }

/* اللوحة: عمود بحث محرّري + الفهرس جنبه — زي ما التعليق فوق كان
   واصفه ("search that reads as an underlined field") من غير ما
   يتفعّل فعلاً. "مش عجبني شكله" كانت عليه وهو مسطّح بلا نقطة
   ارتكاز؛ عمود البحث بيدّي اللوحة وزن على الجنب بدل الفهرس المتساوي
   كله. */
body.theme-global .inst-mega {
    display: grid;
    grid-template-columns: 208px minmax(0, 1fr);
    gap: 0 34px;
}

body.theme-global .inst-mega-aside {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-inline-end: 26px;
    border-inline-end: 1px solid var(--gl-rule);
}

body.theme-global .inst-mega-aside-t {
    font-family: var(--display-font, Georgia, serif);
    font-style: italic;
    font-size: 1rem;
    color: var(--gl-ink);
}

body.theme-global .inst-mega-aside-f {
    width: 100%;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--gl-rule);
    border-radius: 0;
    padding: 6px 1px;
    font-size: .83rem;
    color: var(--gl-ink);
    appearance: none;
    -webkit-appearance: none;
}

body.theme-global select.inst-mega-aside-f {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6' fill='%2312211f'/%3E%3C/svg%3E") right center / 10px 6px no-repeat;
}
body.theme-global[dir="rtl"] select.inst-mega-aside-f { background-position: left center; }

body.theme-global .inst-mega-aside-f::placeholder { color: #6b7a78; }
body.theme-global .inst-mega-aside-f:focus { outline: none; border-bottom-color: var(--site-accent, #b8372f); }

/* خانة المدينة: مخفية افتراضياً لكل المواقع (_institute.css) —
   الوحيدة اللي بتظهرها هنا. */
body.theme-global .inst-mega-aside-city { display: block; }

body.theme-global .inst-mega-aside-go {
    align-self: flex-start;
    border: 0;
    background: none;
    padding: 4px 0;
    margin-top: 4px;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--site-primary, #0a7269);
    border-bottom: 1px solid var(--site-primary, #0a7269);
    cursor: pointer;
}
body.theme-global .inst-mega-aside-go:hover {
    color: var(--site-accent, #b8372f);
    border-bottom-color: var(--site-accent, #b8372f);
}

/* قايمة مخصّصة بدل الـselect العادي (التخصص/المدينة) — زرار بنفس
   شكل حقول البحث التحتها خط، ولوحة بيضا مستديرة بعلامة صح جنب
   المختار. الـJS اللي بيبنيها موجود في courses_panel.php، مشغّل
   لـglobal بس. */
body.theme-global .gl-select { position: relative; width: 100%; }

body.theme-global .gl-select-btn {
    width: 100%;
    text-align: start;
    background: none;
    border: 0;
    border-bottom: 1px solid var(--gl-rule);
    border-radius: 0;
    padding: 6px 20px 6px 1px;
    font-size: .83rem;
    color: var(--gl-ink);
    cursor: pointer;
    position: relative;
    font-family: inherit;
}
body.theme-global[dir="rtl"] .gl-select-btn { padding: 6px 1px 6px 20px; }

body.theme-global .gl-select-btn::after {
    content: "";
    position: absolute;
    inset-inline-end: 3px;
    top: 45%;
    width: 7px;
    height: 7px;
    border-inline-end: 1.5px solid var(--gl-ink);
    border-block-end: 1.5px solid var(--gl-ink);
    transform: translateY(-60%) rotate(45deg);
    pointer-events: none;
}

body.theme-global .gl-select-panel {
    position: absolute;
    top: calc(100% + 8px);
    inset-inline-start: 0;
    min-width: 210px;
    max-height: 280px;
    overflow-y: auto;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 14px 34px rgba(18, 33, 31, .18);
    padding: 8px 0;
    z-index: 30;
}

body.theme-global .gl-select-panel ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.theme-global .gl-select-panel li {
    padding: 9px 20px;
    font-size: .85rem;
    font-family: var(--display-font, Georgia, serif);
    color: var(--gl-ink);
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    white-space: nowrap;
}

body.theme-global .gl-select-panel li:hover { background: rgba(10, 114, 105, .07); }

body.theme-global .gl-select-panel li.is-selected {
    color: var(--site-primary, #0a7269);
    font-weight: 700;
}
body.theme-global .gl-select-panel li.is-selected::after {
    content: "\2713";
    color: var(--site-primary, #0a7269);
    font-weight: 700;
}

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

/* رابع محاولة — بعد 3 نسخ من نفس فكرة "قايمة برقم جنبها" الأرقام
   اتشالت خالص. تصميم مختلف فعلاً: كروت حقيقية بحدود مستديرة
   وأيقونة كل تخصص (كانت متخفية بلا سبب واضح — الأيقونات نفسها
   مرسومة بألوان الهوية أصلاً: أخضر #0a7269 وأحمر #b8372f، شوف أي
   ملف SVG جوّه assets/images/institutes/subject/global/). */
body.theme-global .inst-mega-grid {
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 6px 14px;
}

body.theme-global .inst-mega-icon {
    display: block;
    width: 24px;
    height: 24px;
    flex: 0 0 auto;
}

body.theme-global .inst-mega-card {
    border: 1px solid var(--gl-rule);
    border-radius: 10px;
    padding: 6px 10px;
    background: #fff;
    transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
body.theme-global .inst-mega-card:hover {
    border-color: var(--site-accent, #b8372f);
    box-shadow: 0 8px 18px rgba(18, 33, 31, .1);
    transform: translateY(-2px);
}

body.theme-global .inst-mega-name {
    font-family: var(--display-font, Georgia, serif);
    font-size: .84rem;
    line-height: 1.25;
}
body.theme-global .inst-mega-card:hover .inst-mega-name { color: var(--site-accent, #b8372f); }

/* مفيش عدد ظاهر في التصميم ده أصلاً — مش محتاج نخفيه بقاعدة لوحده،
   لكن سايبينها احتياط لو التصميم اتغيّر تاني. */
body.theme-global .inst-mega-n { display: none; }

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

/* ═══════════════════════════════════════════════════════════
   التذييل — رابع محاولة: نفس الهيكل، لون المحاولة الأولى
   ------------------------------------------------------------
   محاولة 1: لوحة تيل غامقة بتوهّج وحبيبات وفورم — رُفضت (طلب
   تصميم من عندي، مش مرجع). محاولة 2: هدوء كامل، خلفية بيضا/فاتحة
   — رُفضت ("مش متناسق مع باقي الموقع"). محاولة 3: لوح مصمت بلون
   المعهد الواحد + أعمدة واضحة — القالب ده اتقبل ("حلو")، بس طلب
   صريح رجّع لون المحاولة الأولى بالظبط: "أخضر متدرج في أسود".
   نفس تدرّج linear-gradient(165deg) الأصلي هنا، من غير التوهّجات
   الدائرية ولا حبيبات النسيج اللي كانت السبب الحقيقي في رفض
   المحاولة الأولى — الهيكل (أعمدة، عناوين واضحة) فضل زي ما هو.
   ═══════════════════════════════════════════════════════════ */
body.theme-global #dt-home-footer-section {
    background: linear-gradient(165deg, #072b28 0%, #04201e 60%, #061a19 100%);
    color: rgba(255, 255, 255, .84);
}
body.theme-global .gl-footer-grid { padding: 60px 0 40px; }

body.theme-global .gl-footer-cols {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 1fr;
    gap: 40px;
}

/* الشعار (كرة ملوّنة بتدرّج + حروف كحلي) بيختفي فوق التيل المصمت —
   رقعة بيضا صغيرة تخليه يتقرا من غير ما نلوّن الملف نفسه. */
body.theme-global .gl-footer-logo {
    display: inline-block;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 8px;
    padding: 10px 14px;
    line-height: 0;
}
body.theme-global .gl-footer-logo-img { max-width: 130px; height: auto; }

body.theme-global .gl-footer-tagline {
    font-size: .92rem;
    line-height: 1.6;
    max-width: 32ch;
    margin: 0 0 20px;
}

body.theme-global .gl-footer-contact { list-style: none; margin: 0; padding: 0; }
body.theme-global .gl-footer-contact li { display: flex; align-items: center; gap: 9px; padding-bottom: 9px; font-size: .88rem; }
body.theme-global .gl-footer-contact i { color: var(--site-accent, #b8372f); font-size: .95rem; }
body.theme-global .gl-footer-contact a { color: #fff; text-decoration: none; }
body.theme-global .gl-footer-contact a:hover { text-decoration: underline; }

body.theme-global .gl-footer-group-label {
    font-family: Fraunces, Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 600;
    font-size: 1rem;
    color: #fff;
    margin: 0 0 18px;
    padding-bottom: 10px;
    position: relative;
}
body.theme-global .gl-footer-group-label::after {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    bottom: 0;
    width: 30px;
    height: 2px;
    background: var(--site-accent, #b8372f);
}

body.theme-global .gl-footer-list { list-style: none; margin: 0; padding: 0; }
body.theme-global .gl-footer-list li { padding-bottom: 11px; font-size: .88rem; }
body.theme-global .gl-footer-list a { color: rgba(255, 255, 255, .84); text-decoration: none; }
body.theme-global .gl-footer-list a:hover { color: #fff; text-decoration: underline; }

@media (max-width: 991px) {
    body.theme-global .gl-footer-cols { grid-template-columns: 1fr 1fr; row-gap: 34px; }
}
@media (max-width: 575px) {
    body.theme-global .gl-footer-grid { padding: 40px 0 26px; }
    body.theme-global .gl-footer-cols { grid-template-columns: 1fr; }
}

/* شريط الحقوق بياخد نفس لون المعهد تلقائيًا من قاعدة مشتركة في
   _institute.css — نفس لون الفوتر فوقه بالظبط، فمن غيره خط فاصل
   الاتنين كانوا هيتلاصقوا كأنهم بلوك واحد بالغلط. خط فاتح رفيع
   يفصلهم بصريًا من غير ما يغيّر اللون. */
body.theme-global #dt-copyright-section { border-top: 1px solid rgba(255, 255, 255, .16); }

/* ═══════════════════════════════════════════════════════════
   المدن المتاحة — شبكة كروت صور، مش عمودين مسمّيين
   ------------------------------------------------------------
   المرجع (oxford-management.com) بيقسم لـ"UK Locations" و
   "International Locations" — تقسيمة حقيقية عندهم، مش عندنا
   (مفيش بيانات منطقة حقيقية على المدينة، ومفيش مكتب بريطاني
   لـglobal يخلي التقسيمة دي صحيحة). القسمة اتشالت، الكروت نفسها
   (صورة مستطيلة + اسم أسفلها) فضلت — بس بلغة .gl-course الموجودة
   فعلاً (ظل ناعم، radius 14px، تكبير الصورة عند التحويم) بدل ما
   تتخترع لغة كروت جديدة لقسم واحد بس.
   ═══════════════════════════════════════════════════════════ */
body.theme-global .gl-loc { background: #fff; }

body.theme-global .gl-loc-head { max-width: 62ch; margin: 0 auto 40px; text-align: center; }
body.theme-global .gl-loc-eyebrow {
    text-transform: uppercase;
    letter-spacing: .16em;
    font-size: .74rem;
    color: var(--site-accent, #b8372f);
    margin: 0 0 12px;
    font-weight: 700;
}
body.theme-global .gl-loc-head h2 {
    font-family: Fraunces, Georgia, "Times New Roman", "Amiri", serif;
    font-size: clamp(1.7rem, 1.2rem + 1.4vw, 2.3rem);
    color: var(--gl-ink, #12211f);
    margin: 0 0 12px;
}
body.theme-global .gl-loc-sub { color: #5f7370; font-size: .96rem; margin: 0; }

body.theme-global .gl-loc-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

body.theme-global .gl-loc-card {
    position: relative;
    display: block;
    background: #fff;
    border: 1px solid color-mix(in srgb, var(--site-primary, #0a7269) 14%, transparent);
    border-radius: 14px;
    overflow: hidden;
    text-decoration: none;
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
body.theme-global .gl-loc-card:hover {
    transform: translateY(-4px);
    border-color: color-mix(in srgb, var(--site-primary, #0a7269) 34%, transparent);
    box-shadow:
        0 1px 2px color-mix(in srgb, var(--site-primary, #0a7269) 12%, transparent),
        0 20px 42px -16px color-mix(in srgb, var(--site-primary, #0a7269) 40%, transparent);
}

body.theme-global .gl-loc-shot { display: block; aspect-ratio: 4 / 3; overflow: hidden; background: #eef3f2; }
body.theme-global .gl-loc-shot img {
    width: 100%; height: 100%; object-fit: cover; display: block;
    transition: transform .35s ease;
}
body.theme-global .gl-loc-card:hover .gl-loc-shot img { transform: scale(1.06); }

body.theme-global .gl-loc-name {
    display: block;
    font-family: Fraunces, Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 600;
    font-size: .98rem;
    color: var(--gl-ink, #12211f);
    padding: 14px 16px;
}
body.theme-global .gl-loc-card:hover .gl-loc-name { color: var(--site-primary, #0a7269); }

@media (max-width: 1100px) {
    body.theme-global .gl-loc-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    body.theme-global .gl-loc-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
    body.theme-global .gl-loc-head { margin-bottom: 28px; }
}
@media (max-width: 480px) {
    body.theme-global .gl-loc-grid { grid-template-columns: 1fr; }
}

/* ============================================================
   Categories — كانت غائبة عن هوم بيدج global (اتضافت لـ
   site_home_sections() فقط دلوقتي). بدل شبكة كروت الشعار المشتركة،
   فهرس تحريري بعمودين (زي جدول محتويات) — نفس لغة .inst-tile/الخط
   الرفيع، بس بخط توصيل منقّط بين العنوان والسهم، حاجة مخصوصة للقسم
   ده مش تكرار لعنصر موجود.
   ============================================================ */
body.theme-global .gl-cats { background: #fafbfb; border-top: 1px solid var(--gl-rule); border-bottom: 1px solid var(--gl-rule); }

body.theme-global .gl-cats-head { max-width: 62ch; margin: 0 auto 36px; text-align: center; }
body.theme-global .gl-cats-eyebrow {
    display: block;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--site-accent, #b8372f);
    margin: 0 0 10px;
}
body.theme-global .gl-cats-head h2 {
    font-family: Fraunces, Georgia, "Times New Roman", "Amiri", serif;
    font-size: 1.9rem;
    font-weight: 600;
    color: var(--gl-ink, #12211f);
    margin: 0;
}

body.theme-global .gl-cats-index {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 48px;
    max-width: 920px;
    margin: 0 auto;
}

body.theme-global .gl-cats-row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 16px 0;
    border-bottom: 1px solid var(--gl-rule);
    text-decoration: none;
    transition: background .15s ease;
}
body.theme-global .gl-cats-index .gl-cats-row:nth-child(1),
body.theme-global .gl-cats-index .gl-cats-row:nth-child(2) { border-top: 1px solid var(--gl-rule); }
body.theme-global .gl-cats-row:hover { background: #fff; }

body.theme-global .gl-cats-num {
    flex: none;
    font-variant-numeric: tabular-nums;
    font-size: .78rem;
    color: #9aa8a5;
}
body.theme-global .gl-cats-icon {
    flex: none;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--site-primary, #0a7269) 10%, transparent);
}
body.theme-global .gl-cats-icon img { width: 18px; height: 18px; object-fit: contain; }

body.theme-global .gl-cats-title {
    font-family: Fraunces, Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 600;
    font-size: .98rem;
    color: var(--gl-ink, #12211f);
    white-space: nowrap;
}
body.theme-global .gl-cats-row:hover .gl-cats-title { color: var(--site-primary, #0a7269); }

body.theme-global .gl-cats-leader {
    flex: 1;
    min-width: 12px;
    border-bottom: 1px dotted var(--gl-rule);
    margin: 0 2px 4px;
    transition: border-color .15s ease;
}
body.theme-global .gl-cats-row:hover .gl-cats-leader { border-color: var(--site-accent, #b8372f); }

body.theme-global .gl-cats-arrow {
    flex: none;
    color: var(--site-accent, #b8372f);
    font-size: 1.1rem;
    transition: transform .15s ease;
}
body.theme-global .gl-cats-row:hover .gl-cats-arrow { transform: translateX(3px); }

body.theme-global .gl-cats-foot { text-align: center; margin-top: 28px; }
body.theme-global .gl-cats-foot a {
    font-size: .84rem;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: var(--site-primary, #0a7269);
    text-decoration: none;
    border-bottom: 1px solid var(--site-primary, #0a7269);
    padding-bottom: 2px;
}
body.theme-global .gl-cats-foot a:hover { color: var(--site-accent, #b8372f); border-color: var(--site-accent, #b8372f); }

@media (max-width: 767px) {
    body.theme-global .gl-cats-index { grid-template-columns: 1fr; max-width: 480px; }
    body.theme-global .gl-cats-index .gl-cats-row:nth-child(2) { border-top: 0; }
    body.theme-global .gl-cats-title { white-space: normal; }
}

/* ============================================================
   الكروت الخدمية (tiles) — أول مرة يبقى ليها ملف مستقل بدل
   override بس على .inst-tile. مرجع المستخدم: عمود كلام جنب
   شبكة 2×2 أيقونات. عندنا 3 كروت حقيقية بس (مفيش رابع مختلق)،
   فبدل الشبكة دي صفوف مرصوصة جوه لوحة خضرا غامقة — نفس التدرّج
   اللي الفوتر مبني عليه بالظبط (165deg #072b28→#04201e→#061a19)
   عشان القسمين يحسّوا إنهم من نفس الهوية. */
/* ثاني تصميم: المحاولة الأولى (نص جنب لوحة خضرا صفوف) طلعت شبه
   خمس معاهد تانية بالحرف. هنا "مستهيد" أبيض هادي: عنوان في النص
   فوق، وتحته صف واحد من 4 عناصر مفصولين بخطوط رأسية شعرة — مفيش
   لوحة غامقة، مفيش عمود نص جنبها، الأيقونة في ميدالية دائرية
   صغيرة بلون --site-primary (نفس تيل الفوتر) بدل الأبيض على
   غامق. */
body.theme-global .gl-tiles { padding: 60px 0; }

body.theme-global .gl-tiles-head { text-align: center; margin: 0 0 34px; }
body.theme-global .gl-tiles-eyebrow {
    font-family: Archivo, "Segoe UI", sans-serif;
    font-size: .74rem; font-weight: 700; letter-spacing: .14em;
    text-transform: uppercase; color: var(--site-accent, #b8372f);
    margin: 0 0 10px;
}
body.theme-global .gl-tiles-head h2 {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-weight: 400; font-size: 1.9rem; line-height: 1.2;
    color: var(--gl-ink, #12211f); margin: 0;
}

/* ثالث تصميم. "مستهيد" بخطوط فاصلة كان اتقالها "غيّرها" مع شوية
   معاهد تانية من غير سبب محدد — فكرة تالتة: خط "رحلة" واحد ممتد،
   نقطة صغيرة مصمتة على الخط لكل بلاطة، والمحتوى بيتبادل فوق/تحت
   الخط زي محطات على مسار — مفيش لوحة ولا فواصل ولا كروت. */
body.theme-global .gl-tiles-route {
    position: relative;
    display: flex;
}
body.theme-global .gl-tiles-route::before {
    content: "";
    position: absolute;
    inset-inline: 0;
    top: 50%;
    height: 1px;
    background: var(--gl-rule, #d8ddda);
}

body.theme-global .gl-tiles-stop {
    flex: 1;
    display: grid;
    grid-template-rows: 1fr auto 1fr;
    justify-items: center;
    height: 170px;
    text-decoration: none;
    position: relative;
}

body.theme-global .gl-tiles-content {
    grid-row: 1;
    align-self: end;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    padding-bottom: 16px;
}
body.theme-global .gl-tiles-stop.is-below .gl-tiles-content { grid-row: 3; align-self: start; padding-bottom: 0; padding-top: 16px; }

body.theme-global .gl-tiles-dot {
    grid-row: 2;
    width: 11px; height: 11px;
    border-radius: 50%;
    background: var(--site-primary, #0a7269);
    z-index: 1;
    transition: background .18s ease, transform .18s ease;
}
body.theme-global .gl-tiles-stop:hover .gl-tiles-dot { background: var(--site-accent, #b8372f); transform: scale(1.25); }

body.theme-global .gl-tiles-icon {
    display: flex; align-items: center; justify-content: center;
    width: 40px; height: 40px;
}
body.theme-global .gl-tiles-icon img { width: 26px; height: 26px; object-fit: contain; }
body.theme-global .gl-tiles-icon i { font-size: 22px; color: var(--gl-ink, #12211f); }
body.theme-global .gl-tiles-stop:hover .gl-tiles-icon i,
body.theme-global .gl-tiles-stop:hover .gl-tiles-icon img { filter: none; }

body.theme-global .gl-tiles-label {
    font-family: Georgia, "Times New Roman", "Amiri", serif;
    font-size: .98rem; color: var(--gl-ink, #12211f);
    text-align: center;
}
body.theme-global .gl-tiles-stop:hover .gl-tiles-label { color: var(--site-accent, #b8372f); }

@media (max-width: 767px) {
    body.theme-global .gl-tiles-route { flex-direction: column; }
    body.theme-global .gl-tiles-route::before { inset-inline: 50%; top: 0; bottom: 0; width: 1px; height: auto; }
    body.theme-global .gl-tiles-stop,
    body.theme-global .gl-tiles-stop.is-below {
        grid-template-columns: 1fr auto 1fr;
        grid-template-rows: none;
        height: auto;
        padding: 14px 0;
    }
    body.theme-global .gl-tiles-content,
    body.theme-global .gl-tiles-stop.is-below .gl-tiles-content {
        grid-row: auto; grid-column: 1; align-self: center; padding: 0 16px 0 0;
    }
    body.theme-global .gl-tiles-dot { grid-column: 2; grid-row: auto; }
}

/* الدورات القادمة: كروت أصغر (طلب صريح 2026-09-06) */
body.theme-global .gl-course-rail { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; }
body.theme-global .gl-course-title { font-size: .9rem; }
body.theme-global .gl-course-facts { font-size: .74rem; }
@media (max-width: 991px) { body.theme-global .gl-course-rail { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 575px) { body.theme-global .gl-course-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* أيقونات بيانات الكارت الخاصة بالمعهد (طلب 2026-09-07): calendar-week / chat-square-text / easel-fill / compass-fill / house-door-fill */
body.theme-global.pg-training-courses .course-date .bi-calendar-check-fill::before{content:"\f1f3"}
body.theme-global.pg-training-courses .course-language .bi-flag-fill::before{content:"\f264"}
body.theme-global.pg-training-courses .course-language .bi-bookmarks-fill::before{content:"\f30f"}
body.theme-global.pg-training-courses .course-location .bi-signpost-split-fill::before{content:"\f2d0"}
body.theme-global.pg-training-courses .course-time .bi-signpost-split-fill::before{content:"\f422"}

/* --- training-courses fix 256ea1b503d18bd1846112a4409cc5c5 --- */
/* ===== /training-courses — جلوبال (مرجع oxford-management): شريط بانر غامق بالعنوان فقط، فلتر جانبي أبيض بحافة تركوازية علوية، صف عناوين، صفوف بيضاء بحدود رفيعة وعنوان تركوازي (2026-09-07) ===== */
body.theme-global.pg-training-courses #common-banner-section-image::before{background:linear-gradient(90deg,rgba(18,33,31,.88),rgba(18,33,31,.62))}
body.theme-global.pg-training-courses #common-banner-section-image .common-banner-section-box{padding:26px 0;align-items:center}
body.theme-global.pg-training-courses #common-banner-section-image .common-banner-image,body.theme-global.pg-training-courses #common-banner-section-image .common-banner-text p,body.theme-global.pg-training-courses #common-banner-section-image .common-banner-text .space15,body.theme-global.pg-training-courses #common-banner-section-image .common-banner-text .space5,body.theme-global.pg-training-courses #common-banner-section-image .common-banner-text form{display:none}
body.theme-global.pg-training-courses #common-banner-section-image .common-banner-text{max-width:none}
body.theme-global.pg-training-courses #common-banner-section-image .common-banner-text h1{margin:0;border:0;padding:0;font-size:2rem}
body.theme-global.pg-training-courses .inst-tc-side{background:#fff;border:1px solid #cfd8d6;border-top:4px solid #0a7269;border-radius:6px;overflow:hidden}
body.theme-global.pg-training-courses .inst-tc-side-title{color:#12211f}
body.theme-global.pg-training-courses .inst-tc-side-reset{color:#0a7269}
body.theme-global.pg-training-courses .inst-tc #common-filter-box-modal-one .form-control{border:1px solid #cfd8d6;border-radius:6px;background:#fff;color:#12211f}
body.theme-global.pg-training-courses .inst-tc #common-filter-box-modal-one .form-control:focus{border-color:#0a7269;box-shadow:none}
body.theme-global.pg-training-courses .inst-tc #common-filter-box-modal-one .menu-two{border:1px solid #0a7269;color:#0a7269;border-radius:6px;background:#fff}
body.theme-global.pg-training-courses .inst-tc #common-filter-box-modal-one .menu-two.purple-color{background:#0a7269!important;border-color:#0a7269!important;color:#fff!important;border-radius:6px}
body.theme-global.pg-training-courses .inst-tc-cta{margin:0;background:#12211f;color:#fff;border-radius:0}
body.theme-global.pg-training-courses .inst-tc-cta-kicker{color:#8b9a96}
body.theme-global.pg-training-courses .inst-tc-head{color:#4b5b58;border-bottom:1px solid #cfd8d6}
body.theme-global.pg-training-courses .inst-tc #course_list > .courselisting-col{margin-top:8px}
body.theme-global.pg-training-courses .inst-tc .courselist-style-inside .courselisting,body.theme-global.pg-training-courses .inst-tc .courselist-style-inside .courselisting.virtual{background:#fff;border:1px solid #cfd8d6;border-radius:4px;transition:border-color .2s,box-shadow .2s}
body.theme-global.pg-training-courses .inst-tc .courselisting:hover{border-color:#0a7269;box-shadow:0 4px 14px rgba(10,114,105,.12)}
body.theme-global.pg-training-courses .inst-tc .course-title{color:#0a7269;font-weight:600}
body.theme-global.pg-training-courses .inst-tc .course-date,body.theme-global.pg-training-courses .inst-tc .course-language,body.theme-global.pg-training-courses .inst-tc .course-location,body.theme-global.pg-training-courses .inst-tc .course-time{color:#4b5b58}
body.theme-global.pg-training-courses .inst-tc .courselisting .btn-primary{background:#fff!important;border:1px solid #0a7269!important;color:#0a7269!important;border-radius:4px}
body.theme-global.pg-training-courses .inst-tc .courselisting:hover .btn-primary{background:#0a7269!important;color:#fff!important}

/* --- training-courses fix ac091957a237c3f7d493a2a84a909d55 --- */
/* (2026-09-07) "شيل Venue وخلي اسم الدورة أعرض": عمود المكان مخفي، والعنوان بياخد المساحة المتبقية بـ3 سطور */
body.theme-global.pg-training-courses .inst-tc-h-venue,body.theme-global.pg-training-courses .inst-tc .courselisting .course-time{display:none}
/* (2026-09-18) طلب صريح: خانة اختيار المدينة اتشالت خالص من صفوف القايمة
   (تفضل بس في بيانات الدورة وصفحة التسجيل) — عمود المدينة (110px) بقى
   فاضي تمامًا زي عمود Venue بالظبط. نفس المعالجة اللي اتعملت لعمود
   المدينة الفاضي في صفحة الأونلاين (page-online): العمود يتشال والعنوان
   ياخد الفرق. */
body.theme-global.pg-training-courses .inst-tc-h-city{display:none}
@media (min-width:1200px){body.theme-global.pg-training-courses .inst-tc-head,body.theme-global.pg-training-courses .inst-tc .courselisting{grid-template-columns:minmax(0,1fr) 150px 110px 130px 128px}body.theme-global.pg-training-courses .inst-tc-h-lang,body.theme-global.pg-training-courses .inst-tc-h-type,body.theme-global.pg-training-courses .inst-tc .courselisting .course-language{display:block}}
@media (min-width:992px) and (max-width:1199px){body.theme-global.pg-training-courses .inst-tc-head,body.theme-global.pg-training-courses .inst-tc .courselisting{grid-template-columns:minmax(0,1fr) 140px 110px 120px}}
body.theme-global.pg-training-courses .inst-tc .course-title{-webkit-line-clamp:3;font-size:.95rem}

/* --- training-courses fix 4b3b2a5724fb0927f6168d64b9759d04 --- */
/* عنصر المكان له inline style display:-webkit-box → لازم !important */
body.theme-global.pg-training-courses .inst-tc .courselisting .course-time{display:none!important}

/* --- training-courses fix c975681cba13a92361a4a45617371d04 --- */
/* (2026-09-07) "حلو بس محتاج لمسة جمالية": خلفية فاتحة للقسم، لوحة فلتر بظل ناعم وأيقونة قمع، صف عناوين بخلفية تركوازية فاتحة، صفوف مدوّرة بظل وشريط تركوازي عند المرور، التاريخ في كبسولة، المدينة بأيقونة، زر تسجيل كبسولي */
body.theme-global.pg-training-courses #common-banner-section-image{border-bottom:0}
body.theme-global.pg-training-courses #common-banner-section-image::after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(to right,#b8372f 0,#b8372f 104px,#17968a 104px,#17968a 100%)}
body.theme-global.pg-training-courses .inst-tc{background:#f4f7f6;padding:30px 0 40px}
body.theme-global.pg-training-courses .inst-tc-side{border:0;border-top:4px solid #0a7269;border-radius:10px;box-shadow:0 6px 20px rgba(18,33,31,.08)}
body.theme-global.pg-training-courses .inst-tc-side-head{padding:14px 16px}
body.theme-global.pg-training-courses .inst-tc-side-title{padding-inline-start:24px;position:relative;font-size:1rem}
body.theme-global.pg-training-courses .inst-tc-side-title::before{content:"\f3d0";font-family:"bootstrap-icons";position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);color:#0a7269;font-weight:400}
body.theme-global.pg-training-courses .inst-tc #common-filter-box-modal-one .form-control{height:40px;border-color:#dfe6e4;transition:border-color .2s,box-shadow .2s}
body.theme-global.pg-training-courses .inst-tc #common-filter-box-modal-one .form-control:hover{border-color:#0a7269}
body.theme-global.pg-training-courses .inst-tc #common-filter-box-modal-one .form-control:focus{box-shadow:0 0 0 3px rgba(10,114,105,.15)}
body.theme-global.pg-training-courses .inst-tc #common-filter-box-modal-one .menu-two.purple-color{border-radius:20px;padding:9px 14px}
body.theme-global.pg-training-courses .inst-tc-cta{background:linear-gradient(135deg,#0a7269,#04201e);padding:20px 18px}
body.theme-global.pg-training-courses .inst-tc-cta-kicker{color:#9fd8cf}
body.theme-global.pg-training-courses .inst-tc-cta .bi{color:#fff;background:rgba(255,255,255,.14);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem}
body.theme-global.pg-training-courses .inst-tc-head{background:#e4f0ee;color:#0a7269;border:0;border-radius:8px;padding:12px 18px;letter-spacing:.08em}
body.theme-global.pg-training-courses .inst-tc #course_list > .courselisting-col{margin-top:10px}
body.theme-global.pg-training-courses .inst-tc .courselist-style-inside .courselisting,body.theme-global.pg-training-courses .inst-tc .courselist-style-inside .courselisting.virtual{border:0;border-radius:10px;box-shadow:0 2px 8px rgba(18,33,31,.05);padding:14px 18px;overflow:hidden;position:relative}
body.theme-global.pg-training-courses .inst-tc .courselisting::before{content:'';position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:#0a7269;transform:scaleY(0);transition:transform .25s}
body.theme-global.pg-training-courses .inst-tc .courselisting:hover{border:0;box-shadow:0 10px 26px rgba(10,114,105,.14)}
body.theme-global.pg-training-courses .inst-tc .courselisting:hover::before{transform:scaleY(1)}
body.theme-global.pg-training-courses .inst-tc .course-title{color:#12211f;font-size:.98rem;font-weight:600;transition:color .2s}
body.theme-global.pg-training-courses .inst-tc .courselisting:hover .course-title{color:#0a7269}
body.theme-global.pg-training-courses .inst-tc .course-date{display:inline-block;background:#f0f4f3;color:#12211f;font-weight:600;border-radius:20px;padding:3px 12px;font-size:.8rem;width:max-content}
body.theme-global.pg-training-courses .inst-tc .course-language{color:#5f6f6c;font-size:.84rem}
body.theme-global.pg-training-courses .inst-tc .course-location{color:#12211f;font-weight:500;font-size:.86rem}
body.theme-global.pg-training-courses .inst-tc .courselisting .btn-primary{border-radius:20px;padding:6px 14px;font-weight:600;transition:background .2s,color .2s}

/* --- training-courses fix 920b78a3b8bf6268586500305ec36b23 --- */
/* ثيم جلوبال بيفرض على الكروت radius 2px وبلا ظل بـ!important */
body.theme-global.pg-training-courses .inst-tc .courselist-style-inside .courselisting,body.theme-global.pg-training-courses .inst-tc .courselist-style-inside .courselisting.virtual{border:1px solid #e3eae8!important;border-radius:10px!important;box-shadow:0 2px 8px rgba(18,33,31,.05)!important}
body.theme-global.pg-training-courses .inst-tc .courselisting:hover{border-color:#0a7269!important;box-shadow:0 10px 26px rgba(10,114,105,.14)!important}

/* --- training-courses fix 1ee999cea07a6dc412c4b79665cab6b6 --- */
/* (2026-09-07) زر تسجيل الدورات الافتراضية كان أحمر (لون الافتراضي الافتراضي) ونصه بيختفي عند المرور (brand: لون النص = لون الموقع فوق خلفية بنفس اللون) → تركوازي مملوء بنص أبيض، والعادي إطار تركوازي يتملأ عند المرور، والنص أبيض دايمًا عند المرور */
body.theme-global.pg-training-courses .courselisting .btn-primary:hover,body.theme-global.pg-training-courses .courselisting .btn-primary:focus,body.theme-global.pg-training-courses .courselisting:hover .btn-primary{background:#0a7269!important;border-color:#0a7269!important;color:#fff!important}
body.theme-global.pg-training-courses .courselisting.virtual .btn-primary{background:#0a7269!important;border:1px solid #0a7269!important;color:#fff!important}
body.theme-global.pg-training-courses .courselisting.virtual .btn-primary:hover,body.theme-global.pg-training-courses .courselisting.virtual .btn-primary:focus,body.theme-global.pg-training-courses .courselisting.virtual:hover .btn-primary{background:#04201e!important;border-color:#04201e!important;color:#fff!important}

/* --- training-courses fix f9be29194d9adc88644965730229c78a --- */
/* زر الدورات الافتراضية (.btn-secondary) تركوازي مملوء بدل الأحمر */
body.theme-global.pg-training-courses .courselisting .btn-secondary{background:#0a7269!important;border:1px solid #0a7269!important;color:#fff!important;border-radius:20px;padding:6px 14px}
body.theme-global.pg-training-courses .courselisting .btn-secondary:hover,body.theme-global.pg-training-courses .courselisting .btn-secondary:focus,body.theme-global.pg-training-courses .courselisting:hover .btn-secondary{background:#04201e!important;border-color:#04201e!important;color:#fff!important;filter:none}

/* --- btn-secondary = btn-primary (2026-09-07) --- */
/* صفحة الأونلاين بنفس تصميم الحضوري: زر الدورات الافتراضية (.btn-secondary) بنفس تنسيق الزر العادي */
body.theme-global.pg-training-courses .inst-tc .courselisting .btn-secondary{background:#fff!important;border:1px solid #0a7269!important;color:#0a7269!important;border-radius:4px}
body.theme-global.pg-training-courses .inst-tc .courselisting:hover .btn-secondary{background:#0a7269!important;color:#fff!important}
body.theme-global.pg-training-courses .inst-tc .courselisting .btn-secondary{border-radius:20px;padding:6px 14px;font-weight:600;transition:background .2s,color .2s}
body.theme-global.pg-training-courses .courselisting .btn-secondary:hover,body.theme-global.pg-training-courses .courselisting .btn-secondary:focus,body.theme-global.pg-training-courses .courselisting:hover .btn-secondary{background:#0a7269!important;border-color:#0a7269!important;color:#fff!important}
body.theme-global.pg-training-courses .courselisting.virtual .btn-secondary{background:#0a7269!important;border:1px solid #0a7269!important;color:#fff!important}
body.theme-global.pg-training-courses .courselisting.virtual .btn-secondary:hover,body.theme-global.pg-training-courses .courselisting.virtual .btn-secondary:focus,body.theme-global.pg-training-courses .courselisting.virtual:hover .btn-secondary{background:#04201e!important;border-color:#04201e!important;color:#fff!important}

/* --- training-courses fix a029581bf54b0681c0ef6ad36198da58 --- */
body.theme-global.pg-training-courses.page-online #common-banner-section-image .common-banner h1{margin:0 0 8px;border:0;padding:0}

/* --- training-courses fix 7679716485105dbe252931b68129b5cb --- */
/* (2026-09-07) "هنا كمان الكلام والزر اختفوا": الوصف وزر طلب الدورة الداخلية رجعوا في بانر جلوبال */
body.theme-global.pg-training-courses #common-banner-section-image .common-banner-text p,body.theme-global.pg-training-courses #common-banner-section-image .common-banner-text .space15,body.theme-global.pg-training-courses #common-banner-section-image .common-banner-text .space5,body.theme-global.pg-training-courses #common-banner-section-image .common-banner-text form{display:block}
body.theme-global.pg-training-courses #common-banner-section-image .common-banner-text{max-width:820px}
body.theme-global.pg-training-courses #common-banner-section-image .common-banner-text h1{margin-bottom:12px}
body.theme-global.pg-training-courses #common-banner-section-image .common-banner-text p{color:#dfe8e6;font-size:.92rem;margin:0}
body.theme-global.pg-training-courses #common-banner-section-image .common-banner-text form{margin-top:14px}
body.theme-global.pg-training-courses #common-banner-section-image .common-banner-section-box{padding:30px 0}
body.theme-global.pg-training-courses #searresultscourses-btn2{background:transparent!important;border:2px solid #fff!important;color:#fff!important;border-radius:0;padding:7px 20px}
body.theme-global.pg-training-courses #searresultscourses-btn2:hover,body.theme-global.pg-training-courses #searresultscourses-btn2:focus{background:#fff!important;border-color:#fff!important;color:#0a7269!important}

/* --- training-courses fix 8c30b6cdc12857bb57a6121e0db3f417 --- */
/* ===== الدورات الداخلية — جلوبال: بدون بطاقات، خطوات مرقّمة بخط رفيع بينها وأرقام مفرّغة، المزايا قائمة بحد تركوازي جانبي، زر بإطار (2026-09-07) ===== */
body.theme-global .inst-ih-grid{grid-template-columns:1.2fr .8fr;gap:60px}
body.theme-global .inst-ih-steps,body.theme-global .inst-ih-benefits{background:transparent;border:0;box-shadow:none;padding:0;border-radius:0}
body.theme-global .inst-ih-h{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.6rem;color:#12211f;padding-bottom:0}
body.theme-global .inst-ih-h::after{display:none}
body.theme-global .inst-ih-list{gap:0}
body.theme-global .inst-ih-list li{padding:18px 0;border-bottom:1px solid #cfd8d6}
body.theme-global .inst-ih-list li:first-child{border-top:1px solid #cfd8d6}
body.theme-global .inst-ih-num{background:transparent;border:2px solid #0a7269;color:#0a7269;font-family:Georgia,serif}
body.theme-global .inst-ih-benefits{border-inline-start:3px solid #0a7269;padding-inline-start:22px}
body.theme-global .inst-ih-checks li .bi{color:#b8372f}
body.theme-global .inst-ih-cta{background:transparent!important;border:2px solid #0a7269!important;color:#0a7269!important;border-radius:0}
body.theme-global .inst-ih-cta:hover{background:#0a7269!important;color:#fff!important}

/* --- training-courses fix c756184a92020f827445ec999ac0add5 --- */
/* لمسة فنية: جلوبال — الرقم يتملأ تركوازي عند المرور والخطوة تتحرك يمينًا قليلًا، خط أحمر رفيع تحت عنوان المزايا */
body.theme-global .inst-ih-list li{transition:padding-inline-start .25s}
body.theme-global .inst-ih-list li:hover{padding-inline-start:8px}
body.theme-global .inst-ih-num{transition:background .2s,color .2s}
body.theme-global .inst-ih-list li:hover .inst-ih-num{background:#0a7269;color:#fff}
body.theme-global .inst-ih-benefits .inst-ih-h{display:inline-block;border-bottom:2px solid #b8372f;padding-bottom:6px}
body.theme-global .inst-ih-checks li{transition:color .2s}
body.theme-global .inst-ih-checks li:hover{color:#0a7269}

/* تصحيح 2026-09-08: الخط تحت البانر كان تدرّجًا أخضر 70% + أحمر 30%، والأخضر
   بيختفي على خلفية البانر الغامقة فكان الأحمر بيبان لوحده على ثلث الشاشة اليمين
   وكأنه بيقف في الهوا. دلوقتي الخط مفرود من حافة لحافة: قطعة حمراء قصيرة عند
   حافة البداية (نفس علامة .gljr-h) وبعدها خط أخضر فاتح بيبان على الورق لآخر
   الشاشة — ومتقلوب في العربي. */
body.theme-global[dir="rtl"].pg-training-courses #common-banner-section-image::after,
body.theme-global[dir="rtl"].pg-training-courses #common-banner-section-icon::after {
    background: linear-gradient(to left, #b8372f 0, #b8372f 104px, #17968a 104px, #17968a 100%);
}

/* --- banner-icon = banner-image (2026-09-07) --- */
/* صفحة التخصص بانرها #common-banner-section-icon بنفس بنية بانر الصورة → نفس تصميم بانر الثيم */
body.theme-global.pg-training-courses #common-banner-section-icon::before{background:linear-gradient(90deg,rgba(18,33,31,.88),rgba(18,33,31,.62))}
body.theme-global.pg-training-courses #common-banner-section-icon .common-banner-section-box{padding:26px 0;align-items:center}
body.theme-global.pg-training-courses #common-banner-section-icon .common-banner-image,body.theme-global.pg-training-courses #common-banner-section-icon .common-banner-text p,body.theme-global.pg-training-courses #common-banner-section-icon .common-banner-text .space15,body.theme-global.pg-training-courses #common-banner-section-icon .common-banner-text .space5,body.theme-global.pg-training-courses #common-banner-section-icon .common-banner-text form{display:none}
body.theme-global.pg-training-courses #common-banner-section-icon .common-banner-text{max-width:none}
body.theme-global.pg-training-courses #common-banner-section-icon .common-banner-text h1{margin:0;border:0;padding:0;font-size:2rem}
body.theme-global.pg-training-courses #common-banner-section-icon{border-bottom:0}
body.theme-global.pg-training-courses #common-banner-section-icon::after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(to right,#b8372f 0,#b8372f 104px,#17968a 104px,#17968a 100%)}
body.theme-global.pg-training-courses.page-online #common-banner-section-icon .common-banner h1{margin:0 0 8px;border:0;padding:0}
body.theme-global.pg-training-courses #common-banner-section-icon .common-banner-text p,body.theme-global.pg-training-courses #common-banner-section-icon .common-banner-text .space15,body.theme-global.pg-training-courses #common-banner-section-icon .common-banner-text .space5,body.theme-global.pg-training-courses #common-banner-section-icon .common-banner-text form{display:block}
body.theme-global.pg-training-courses #common-banner-section-icon .common-banner-text{max-width:820px}
body.theme-global.pg-training-courses #common-banner-section-icon .common-banner-text h1{margin-bottom:12px}
body.theme-global.pg-training-courses #common-banner-section-icon .common-banner-text p{color:#dfe8e6;font-size:.92rem;margin:0}
body.theme-global.pg-training-courses #common-banner-section-icon .common-banner-text form{margin-top:14px}
body.theme-global.pg-training-courses #common-banner-section-icon .common-banner-section-box{padding:30px 0}

/* --- training-courses fix a1f5ab92350be5a0f60198ae884db2f9 --- */
/* ===== الصفحات الداخلية — جلوبال: بدون بطاقات، عناوين مشجّرة، خطوط رفيعة تركوازية، أرقام مفرّغة؛ الأسئلة بخط سفلي فقط؛ العملاء قائمة بنقاط ===== */
body.theme-global .inst-about-pillar,body.theme-global .inst-pub-feat,body.theme-global .inst-about-offer,body.theme-global .inst-pub-terms,body.theme-global .inst-clients-grid li{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0}
body.theme-global .inst-about-pillars,body.theme-global .inst-pub-feats{gap:40px;border-top:1px solid #cfd8d6;border-bottom:1px solid #cfd8d6;padding:28px 0}
body.theme-global .inst-about-h,body.theme-global .inst-faq-h,body.theme-global .inst-pub-h,body.theme-global .inst-clients-h,body.theme-global .inst-about-pillar h2,body.theme-global .inst-pub-feat h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#12211f}
body.theme-global .inst-about-h::after,body.theme-global .inst-faq-h::after,body.theme-global .inst-pub-h::after,body.theme-global .inst-clients-h::after{display:none}
body.theme-global .inst-about-h,body.theme-global .inst-faq-h,body.theme-global .inst-pub-h,body.theme-global .inst-clients-h{border-bottom:2px solid #b8372f;display:inline-block;padding-bottom:6px}
body.theme-global .inst-about-pillar .bi,body.theme-global .inst-pub-feat .bi{color:#0a7269;font-size:1.6rem}
body.theme-global .inst-about-offers{gap:0}
body.theme-global .inst-about-offer{padding:16px 0;border-bottom:1px solid #cfd8d6;border-radius:0}
body.theme-global .inst-about-offer:hover{transform:none;box-shadow:none}
body.theme-global .inst-about-offer:hover .inst-about-offer-body strong{color:#0a7269}
body.theme-global .inst-faq-item{border:0;border-bottom:1px solid #cfd8d6;border-radius:0;background:transparent;margin:0}
body.theme-global .inst-faq-item summary{padding:16px 0}
body.theme-global .inst-faq-a{padding:0 0 16px}
body.theme-global .inst-pub-terms{border-inline-start:3px solid #0a7269;padding-inline-start:22px}
body.theme-global .inst-clients-grid{grid-template-columns:repeat(2,1fr);gap:0}
body.theme-global .inst-clients-grid li{flex-direction:row;justify-content:flex-start;padding:12px 0;border-bottom:1px solid #cfd8d6;gap:14px}
body.theme-global .inst-clients-grid li:hover{transform:none;box-shadow:none;color:#0a7269}
body.theme-global .inst-clients-grid li .bi{font-size:1.2rem;color:#b8372f}

/* --- training-courses fix ddbb775f62bb1be59fc13237deb9d7ef --- */
/* ===== جلوبال: بدون بطاقات — صفوف بخطوط رفيعة (التخصصات عمودان، المدن صور مصغّرة على الجنب، المقالات صور رمادية) ===== */
body.theme-global.pg-training-courses #categorymain-listing-section .row.text-left{grid-template-columns:repeat(2,1fr);gap:0 48px}
body.theme-global.pg-training-courses #citymain-listing-section .row.text-left{grid-template-columns:repeat(2,1fr);gap:0 48px}
body.theme-global.pg-training-courses .categorymain-listing-wrap-box > .box2,body.theme-global.pg-training-courses .citymain-listing-wrap-box .box2,body.theme-global.pg-training-courses .common-listing-wrap-box > .box2{background:transparent!important;border:0!important;border-bottom:1px solid #cfd8d6!important;border-radius:0!important;padding:16px 0!important;box-shadow:none!important}
body.theme-global.pg-training-courses .citymain-listing-wrap-box .box2{flex-direction:row;align-items:center;gap:18px}
body.theme-global.pg-training-courses .citymain-listing-wrap-box .widget-icon{width:150px;height:96px;flex:0 0 150px;border-radius:6px;overflow:hidden}
body.theme-global.pg-training-courses .citymain-listing-wrap-box .widget-content{padding:0}
body.theme-global.pg-training-courses .categorypage-icon{background:transparent;border:1px solid #cfd8d6;border-radius:2px}
body.theme-global.pg-training-courses .categorypage-content h6,body.theme-global.pg-training-courses .widget-content h6,body.theme-global.pg-training-courses .common-listing-wrap-box .common-content h6{color:#12211f;font-weight:600}
body.theme-global.pg-training-courses .categorypage-content a,body.theme-global.pg-training-courses .widget-content a{color:#0a7269;text-decoration:underline;text-underline-offset:3px}
body.theme-global.pg-training-courses .common-listing-wrap-box > .box2 > a:first-child img{filter:grayscale(1);border-radius:6px;transition:filter .3s}
body.theme-global.pg-training-courses .common-listing-wrap-box > .box2:hover img{filter:none}
body.theme-global.pg-training-courses .common-listing-wrap-box .common-content,body.theme-global.pg-training-courses .common-listing-wrap-box .course-person,body.theme-global.pg-training-courses .common-listing-wrap-box .course-date{padding-inline:0}
body.theme-global.pg-training-courses .common-listing-wrap-box .btn{margin-inline:0;background:transparent!important;border:2px solid #0a7269!important;color:#0a7269!important;border-radius:0}

/* --- training-courses fix d175cda024aae140f6bbe94507edc465 --- */
/* ===== جلوبال: بدون بطاقات، خطوط رفيعة، عناوين مشجّرة، أيقونات مفرّغة تركوازية ===== */
body.theme-global .inst-dl-item,body.theme-global .inst-dl-request,body.theme-global .inst-contact-card,body.theme-global .inst-cra{background:transparent;border:0;border-radius:0;box-shadow:none;padding-inline:0}
body.theme-global .inst-dl-item{border-bottom:1px solid #cfd8d6;border-radius:0}
body.theme-global .inst-dl-item:hover{transform:none;box-shadow:none}
body.theme-global .inst-dl-item:hover .inst-dl-body strong{color:#0a7269}
body.theme-global .inst-dl-request{border-top:1px solid #cfd8d6}
body.theme-global .inst-dl-h,body.theme-global .inst-contact-h{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:#12211f}
body.theme-global .inst-dl-h::after{display:none}
body.theme-global .inst-dl-h{border-bottom:2px solid #b8372f;display:inline-block;padding-bottom:6px}
body.theme-global .inst-contact-card{border-inline-start:3px solid #0a7269;padding-inline-start:24px}
body.theme-global .inst-contact-list li .bi{background:transparent;border:1px solid #0a7269;color:#0a7269;border-radius:2px}
body.theme-global .inst-cra{border:1px solid #cfd8d6;background:#fff;border-radius:2px;padding:10px 14px}

/* --- category lists = course_list (2026-09-07) --- */
/* صفحة التخصص: نفس شبكة/تصميم #course_list على #category_course_list و#category_course_list_by_name */
body.theme-global.pg-training-courses .inst-tc #category_course_list > .courselisting-col{margin-top:8px}
body.theme-global.pg-training-courses .inst-tc #category_course_list_by_name > .courselisting-col{margin-top:8px}
body.theme-global.pg-training-courses .inst-tc #category_course_list > .courselisting-col{margin-top:10px}
body.theme-global.pg-training-courses .inst-tc #category_course_list_by_name > .courselisting-col{margin-top:10px}

/* --- training-courses fix 6040b67ad807b7aec0e115951dcf3625 --- */
/* ===== جلوبال: بحث بخطوط سفلية فقط بدون صندوق، زر بإطار تركوازي ===== */
body.theme-global.pg-training-courses #fc-search .search-wrap{background:transparent;box-shadow:none;border-radius:0;border-bottom:1px solid #cfd8d6;padding:16px 0}
body.theme-global.pg-training-courses #fc-search .form-control,body.theme-global.pg-training-courses #fc-search .chosen-choices,body.theme-global.pg-training-courses #fc-search select{background:transparent!important;border:0!important;border-bottom:2px solid #cfd8d6!important;border-radius:0!important}
body.theme-global.pg-training-courses #fc-search .search-btns{background:transparent!important;border:2px solid #0a7269!important;color:#0a7269!important;border-radius:0}

/* --- finder results = course_list (2026-09-07) --- */
body.theme-global.pg-training-courses .inst-tc #coursefinder_list_courses > .courselisting-col{margin-top:8px}
body.theme-global.pg-training-courses .inst-tc #coursefinder_list_courses > .courselisting-col{margin-top:10px}

/* --- training-courses fix 20d1e1212e1607dcc220f66affc1f599 --- */
/* ===== جلوبال: قائمة عمودين بخطوط رفيعة ورقم مفرّغ بخط مشجّر ===== */
body.theme-global.pg-training-courses .categorymain-listing-wrap-box > .box2{padding:14px 0!important;gap:16px}
body.theme-global.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:#0a7269;font-size:1.3rem;flex:0 0 40px}
body.theme-global.pg-training-courses .categorypage-content h6{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.1rem}

/* --- training-courses fix e823aa20c9c15a4b88b9535c77c9cd57 --- */
/* ===== جلوبال: بدون صناديق ملوّنة — عناوين مشجّرة بخط تركوازي تحتها، حقول بخط سفلي فقط ===== */
body.theme-global.pg-training-courses #register-section .tabHead{background:transparent;color:#12211f;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.3rem;border-bottom:2px solid #0a7269;border-radius:0;padding:10px 0}
body.theme-global.pg-training-courses #register-section .tabContent{border:0;border-radius:0;padding:20px 0}
body.theme-global.pg-training-courses #register-section .form-control{border:0;border-bottom:2px solid #cfd8d6;border-radius:0;background:transparent;padding-inline-start:0}
body.theme-global.pg-training-courses #register-section .form-control:focus{border-bottom-color:#0a7269;box-shadow:none}
body.theme-global.pg-training-courses .inst-form-side-card{border:0;border-inline-start:3px solid #0a7269;border-radius:0;background:transparent;box-shadow:none}
body.theme-global.pg-training-courses .inst-form-side-list li .bi{background:transparent;border:1px solid #0a7269;color:#0a7269;border-radius:2px}

/* --- training-courses fix 47805b2889f3f2c0d1c394614e995446 --- */
body.theme-global.pg-training-courses #register-section .tabHead{background:transparent!important;color:#12211f!important;font-family:Georgia,"Times New Roman",serif!important;font-weight:400!important;font-size:1.3rem!important;border-bottom:2px solid #0a7269!important;border-radius:0!important;padding:10px 0!important}

/* --- training-courses fix 4c9a177a8512c136a63a0b180d8853b0 --- */
body.theme-global.pg-training-courses #register-section .tabContent{border:0!important;border-radius:0!important;padding:20px 0!important}

/* --- training-courses fix 15d38a0d8a956a369749da29e7130d50 --- */
/* ===== جلوبال: بدون بطاقات — عنوان مشجّر بخط تركوازي، عمود نص بمقاس قراءة، المرتبطة قائمة بخطوط ===== */
body.theme-global.pg-post-page .blog-webinar-articles-details-left .box{border:0;box-shadow:none;background:transparent;padding:0 0 20px;max-width:820px}
body.theme-global.pg-post-page .blog-webinar-articles-details-left .box h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:2rem;border-bottom:2px solid #0a7269;padding-bottom:12px}
body.theme-global.pg-post-page .blog-webinar-articles-details-left .box .common-detail-content{font-size:1.02rem;line-height:1.85}
body.theme-global.pg-post-page .blog-webinar-articles-details-right .box2{border:0;border-bottom:1px solid #cfd8d6;border-radius:0;background:transparent;box-shadow:none;padding-inline:0}

/* --- training-courses fix 32ca8bfaedc92e42823c09ada15c898b --- */
/* ===== جلوبال: تبويبات نصية بخط سفلي تركوازي، بدون صناديق، بطاقات جدول بخطوط رفيعة ===== */
body.theme-global.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link{background:transparent;border-radius:0;border-bottom:2px solid transparent;color:#4b5b58;padding:10px 4px;margin-inline-end:22px}
body.theme-global.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link.active{background:transparent;color:#0a7269;border-bottom-color:#0a7269}
body.theme-global.pg-training-courses #coursedetails-content-section .tab-content{border:0;box-shadow:none;padding:24px 0;border-radius:0}
body.theme-global.pg-training-courses .session-card{border:1px solid #cfd8d6!important;border-radius:0!important;box-shadow:none!important}
body.theme-global.pg-training-courses #coursedetails-buttons-section .box2{box-shadow:none;border:0;border-bottom:1px solid #cfd8d6;border-radius:0}

/* --- training-courses fix f8adc3b06b6b90cd79f8b188c44589f0 --- */
body.theme-global.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link{background:transparent!important;border-radius:0!important;border-bottom:2px solid transparent!important;color:#4b5b58!important;padding:10px 4px!important;margin-inline-end:22px!important}

/* --- training-courses fix 8046af96ddf1a6a3c4c49d64e732ed87 --- */
body.theme-global.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link.active{background:transparent!important;color:#0a7269!important;border-bottom-color:#0a7269!important}

/* --- training-courses fix 5832cad49ec8df29c46f44fa248ca466 --- */
html.theme-global{background:#0a7269}

/* ============================================================
   جلوبال (2026-09-08) — تفاصيل الدورة: أقسام متتابعة + ريل لاصق
   ------------------------------------------------------------
   التبويبات اتشالت من الـ view، والبانلات بقت أقسام ورا بعض في
   عمود واحد. الريل على اليمين (شمال في العربي) لاصق وفيه فهرس
   الصفحة والأزرار وصندوق الـ PDF الغامق.

   كل قاعدة هنا متقيّدة بـ body.theme-global عشان باقي المعاهد
   والمعهد ما يتأثروش.
   ============================================================ */

/* --- البانلات كانت مخفية بالتبويبات؛ هنا كلها ظاهرة --- */
body.theme-global.pg-training-courses #coursedetails-content-section .tab-pane{display:block!important;opacity:1!important}
body.theme-global.pg-training-courses #coursedetails-content-section .tab-content{border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important;padding:0!important;margin-top:0!important}

/* شريط الأزرار القديم بقى للموبايل بس */
@media (min-width:992px){
  body.theme-global.pg-training-courses #coursedetails-buttons-section{display:none!important}
}
body.theme-global.pg-training-courses #coursedetails-buttons-section .box2{box-shadow:none!important;border:0!important;border-bottom:1px solid #dfe6e4!important;border-radius:0!important}

/* --- الشبكة: عمود قراءة + ريل --- */
body.theme-global.pg-training-courses .gl-cd{padding-top:6px}
body.theme-global.pg-training-courses .gl-cd-grid{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:56px;align-items:start}
body.theme-global.pg-training-courses .gl-cd-main{min-width:0}
body.theme-global.pg-training-courses .gl-cd-sections{margin:0}
body.theme-global.pg-training-courses .gl-cd-sections > .col-md-12{padding:0!important}

/* --- الأقسام: خط رفيع فاصل + عنوان رقعي وتحته شرطة تركوازية --- */
body.theme-global.pg-training-courses .gl-sec{padding:38px 0 10px;border-top:1px solid #e3eae8;scroll-margin-top:152px}
body.theme-global.pg-training-courses .gl-sec:first-child{border-top:0;padding-top:14px}
body.theme-global.pg-training-courses .gl-sec-h{font-family:Georgia,"Times New Roman","Amiri",serif;font-weight:400;font-size:1.62rem;line-height:1.3;color:#12211f;margin:0 0 26px;padding-bottom:14px;position:relative;border-bottom:1px solid #e3eae8}
body.theme-global.pg-training-courses .gl-sec-h::after{content:"";position:absolute;inset-inline-start:0;bottom:-1px;width:56px;height:2px;background:#0a7269}

/* عناوين فرعية داخل الأقسام */
body.theme-global.pg-training-courses .gl-cd-main .tab-pane h6,
body.theme-global.pg-training-courses .gl-cd-main .tab-pane h4,
body.theme-global.pg-training-courses .gl-cd-main .year-heading{font-family:Georgia,"Times New Roman","Amiri",serif;font-weight:600;font-size:1.02rem;color:#0a7269;margin:0 0 10px;letter-spacing:0}
body.theme-global.pg-training-courses .gl-cd-main .tab-pane p,
body.theme-global.pg-training-courses .gl-cd-main .tab-pane li{color:#354340;line-height:1.8}
body.theme-global.pg-training-courses .gl-cd-main .ouline-area ul{padding-inline-start:18px}
body.theme-global.pg-training-courses .gl-cd-main .ouline-area li{margin-bottom:6px}

/* --- الريل --- */
body.theme-global.pg-training-courses .gl-cd-rail{position:sticky;top:132px}
body.theme-global.pg-training-courses .gl-rail-cap{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#7d8d8a;margin:14px 0 12px;font-weight:600}
body.theme-global.pg-training-courses .gl-rail-nav ul{list-style:none;margin:0 0 30px;padding:0;border-inline-start:1px solid #dfe6e4}
body.theme-global.pg-training-courses .gl-rail-nav li{margin:0}
body.theme-global.pg-training-courses .gl-rail-link{display:block;padding-block:9px;padding-inline:16px 0;font-size:.92rem;line-height:1.35;color:#4b5b58;text-decoration:none;border-inline-start:2px solid transparent;margin-inline-start:-1px;transition:color .18s,border-color .18s}
body.theme-global.pg-training-courses .gl-rail-link:hover{color:#0a7269;text-decoration:none}
body.theme-global.pg-training-courses .gl-rail-link.is-active{color:#0a7269;font-weight:700;border-inline-start-color:#0a7269}

/* أزرار الإجراءات مرصوصة */
body.theme-global.pg-training-courses .gl-rail-actions{margin-bottom:24px}
body.theme-global.pg-training-courses .gl-rail-actions .custom-outline-box{display:flex!important;flex-direction:column;gap:8px;padding:0!important;margin:0!important;border:0!important;background:transparent!important}
body.theme-global.pg-training-courses .gl-rail-actions form{margin:0!important;padding:0!important;float:none!important;width:100%;display:block}
body.theme-global.pg-training-courses .gl-rail-actions form[action$="/register"]{order:-1}
body.theme-global.pg-training-courses .gl-rail-actions .btn{float:none!important;display:block;width:100%;margin:0!important;border-radius:2px!important;padding:12px 14px!important;font-size:.88rem!important;font-weight:600!important;line-height:1.2!important;text-align:center;letter-spacing:.01em;box-shadow:none!important;height:auto!important}
body.theme-global.pg-training-courses .gl-rail-actions .btn-primary{background:#0a7269!important;border:1px solid #0a7269!important;color:#fff!important}
body.theme-global.pg-training-courses .gl-rail-actions .btn-primary:hover{background:#085a53!important;border-color:#085a53!important;color:#fff!important}
body.theme-global.pg-training-courses .gl-rail-actions .btn-primary-outline{background:#fff!important;border:1px solid #cfd8d6!important;color:#12211f!important}
body.theme-global.pg-training-courses .gl-rail-actions .btn-primary-outline:hover{background:#f2f7f6!important;border-color:#0a7269!important;color:#0a7269!important}
body.theme-global.pg-training-courses .gl-rail-actions .clearfix{display:none}
/* الملف التعريفي له صندوقه الغامق تحت — الزرار المكرر مش محتاجينه */
body.theme-global.pg-training-courses .gl-rail-actions #download_brochure_button{display:none!important}

/* صندوق الـ PDF الغامق */
body.theme-global.pg-training-courses .gl-rail-pdf{background:#0c211f;color:#fff;padding:22px 20px 20px;border-radius:2px;position:relative;overflow:hidden}
body.theme-global.pg-training-courses .gl-rail-pdf::before{content:"";position:absolute;inset-inline-start:0;top:0;bottom:0;width:3px;background:#0a7269}
body.theme-global.pg-training-courses .gl-rail-pdf-kicker{font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:#7fc0b7;margin-bottom:9px;font-weight:600}
body.theme-global.pg-training-courses .gl-rail-pdf h3{font-family:Georgia,"Times New Roman","Amiri",serif;font-weight:400;font-size:1.14rem;line-height:1.4;color:#fff;margin:0 0 8px}
body.theme-global.pg-training-courses .gl-rail-pdf p{font-size:.82rem;line-height:1.65;color:#a3b6b2;margin:0 0 16px}
body.theme-global.pg-training-courses .gl-pdf-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#0a7269;border:0;color:#fff;padding:12px 14px;border-radius:2px;font-size:.86rem;font-weight:600;cursor:pointer;transition:background .18s}
body.theme-global.pg-training-courses .gl-pdf-btn:hover{background:#0f8a7e;color:#fff}
body.theme-global.pg-training-courses .gl-pdf-btn .bi{font-size:1rem;line-height:1}

/* كتلة التواصل جوّه الريل: قائمة رأسية بخطوط رفيعة */
body.theme-global.pg-training-courses .gl-cd-rail .inst-cra{display:block;position:static;max-width:none;margin:24px 0 0;padding:18px 0 0;background:transparent;border:0;border-top:1px solid #dfe6e4;border-radius:0;box-shadow:none}
body.theme-global.pg-training-courses .gl-cd-rail .inst-cra-head{border:0;padding:0 0 12px;gap:10px}
body.theme-global.pg-training-courses .gl-cd-rail .inst-cra-head > .bi{color:#0a7269;font-size:1.5rem}
body.theme-global.pg-training-courses .gl-cd-rail .inst-cra-head strong{color:#12211f;font-size:.88rem}
body.theme-global.pg-training-courses .gl-cd-rail .inst-cra-head span{color:#7d8d8a;font-size:.72rem;line-height:1.4}
body.theme-global.pg-training-courses .gl-cd-rail .inst-cra-list{flex-direction:column;gap:7px}
body.theme-global.pg-training-courses .gl-cd-rail .inst-cra-list li .bi{color:#0a7269}
body.theme-global.pg-training-courses .gl-cd-rail .inst-cra-list a{color:#354340;font-size:.84rem}
body.theme-global.pg-training-courses .gl-cd-rail .inst-cra-list a:hover{color:#0a7269}

/* --- بطاقات الجدول جوّه العمود الأضيق --- */
body.theme-global.pg-training-courses .gl-cd-main .session-card-wrapper > .col-lg-4{flex:0 0 50%;max-width:50%}
body.theme-global.pg-training-courses .gl-cd-main .session-card,
body.theme-global.pg-training-courses .gl-cd-main .session-card.classroom,
body.theme-global.pg-training-courses .gl-cd-main .session-card.virtual{border:1px solid #dfe6e4!important;border-radius:2px!important;box-shadow:none!important}
body.theme-global.pg-training-courses .gl-cd-main .session-card:hover{border-color:#0a7269!important}
body.theme-global.pg-training-courses .gl-cd-main .price-tag{background:#f1f6f5!important;border:1px solid #dfe6e4!important;border-radius:2px!important}
body.theme-global.pg-training-courses .gl-cd-main .feestoggle-select{border:0!important;border-radius:0!important;background:transparent!important;color:#0a7269!important}
body.theme-global.pg-training-courses .gl-cd-main .select-caret{color:#0a7269}
body.theme-global.pg-training-courses .gl-cd-main .icon-style{color:#0a7269!important}
body.theme-global.pg-training-courses .gl-cd-main .session-card .btn-primary{background:#0a7269!important;border:1px solid #0a7269!important;color:#fff!important;border-radius:2px!important}

@media (max-width:1199px){
  body.theme-global.pg-training-courses .gl-cd-grid{grid-template-columns:minmax(0,1fr) 272px;gap:36px}
  body.theme-global.pg-training-courses .gl-cd-main .session-card-wrapper > .col-lg-4{flex:0 0 100%;max-width:100%}
}
@media (max-width:991px){
  body.theme-global.pg-training-courses .gl-cd-grid{display:block}
  body.theme-global.pg-training-courses .gl-cd-rail{display:none}
}

/* --- جلوبال: تفاصيل الدورة — تصحيحات بعد المعاينة (2026-09-08) --- */

/* أرضية بيضا للقسم: التصميم تحريري، مافيش صناديق، فالورقة نفسها بيضا */
body.theme-global.pg-training-courses #coursedetails-content-section{background:#fff;padding-bottom:34px}
body.theme-global.pg-training-courses #coursedetails-buttons-section{background:#fff}

/* أزرار "سجّل الآن" و"دورة داخلية" عليهم #searresultscourses-btn2، وقاعدة
   البانر (أبيض على غامق) كانت بتخطفهم في الريل فيبقوا أبيض على أبيض. */
body.theme-global.pg-training-courses .gl-rail-actions #searresultscourses-btn2{border-radius:2px!important;padding:12px 14px!important;font-size:.88rem!important;font-weight:600!important;width:100%;display:block}
body.theme-global.pg-training-courses .gl-rail-actions form[action$="/register"] #searresultscourses-btn2{background:#0a7269!important;border:1px solid #0a7269!important;color:#fff!important}
body.theme-global.pg-training-courses .gl-rail-actions form[action$="/register"] #searresultscourses-btn2:hover,
body.theme-global.pg-training-courses .gl-rail-actions form[action$="/register"] #searresultscourses-btn2:focus{background:#085a53!important;border-color:#085a53!important;color:#fff!important}
body.theme-global.pg-training-courses .gl-rail-actions form[action$="in-house-training-proposal"] #searresultscourses-btn2{background:#fff!important;border:1px solid #cfd8d6!important;color:#12211f!important}
body.theme-global.pg-training-courses .gl-rail-actions form[action$="in-house-training-proposal"] #searresultscourses-btn2:hover,
body.theme-global.pg-training-courses .gl-rail-actions form[action$="in-house-training-proposal"] #searresultscourses-btn2:focus{background:#f2f7f6!important;border-color:#0a7269!important;color:#0a7269!important}

/* --- جلوبال: تفاصيل الدورة — تصحيحات (2) 2026-09-08 --- */

body.theme-global.pg-training-courses #coursedetails-content-section{background:#fff!important}
body.theme-global.pg-training-courses .gl-cd-sections,
body.theme-global.pg-training-courses .gl-cd-sections .tab-content{background:transparent!important}

/* زرار "سجّل الآن" جوّه بطاقات الجدول كان أبيض على أبيض (قاعدة زرار البانر) */
body.theme-global.pg-training-courses .gl-cd-main .session-card #searresultscourses-btn2{background:#0a7269!important;border:1px solid #0a7269!important;color:#fff!important;border-radius:2px!important;padding:8px 18px!important;font-size:.82rem!important;font-weight:600!important}
body.theme-global.pg-training-courses .gl-cd-main .session-card #searresultscourses-btn2:hover,
body.theme-global.pg-training-courses .gl-cd-main .session-card #searresultscourses-btn2:focus{background:#085a53!important;border-color:#085a53!important;color:#fff!important}
body.theme-global.pg-training-courses .gl-cd-main .session-card .text-end{text-align:end}
body.theme-global.pg-training-courses .gl-cd-main .session-card .text-end.mt-4{margin-top:14px!important}
body.theme-global.pg-training-courses .gl-cd-main .session-card{padding:16px 18px!important}

/* ملاحظة الرسوم: شريط بخط رفيع بدل الصندوق الأزرق */
body.theme-global.pg-training-courses .gl-cd-main .alert-info{background:#f1f6f5!important;border:0!important;border-inline-start:2px solid #0a7269!important;border-radius:0!important;color:#354340!important;padding:10px 14px!important}
body.theme-global.pg-training-courses .gl-cd-main .alert-info a,
body.theme-global.pg-training-courses .gl-cd-main .discount-link{color:#0a7269!important;text-decoration:underline}
body.theme-global.pg-training-courses .gl-cd-main .fees-box-right2-2022 p{font-size:.84rem;color:#5f6f6c;line-height:1.7}

/* بطاقات "التعلّم الافتراضي" — خطوط رفيعة بدل الإطار البرتقالي */
body.theme-global.pg-training-courses .gl-cd-main .courselisting-normal,
body.theme-global.pg-training-courses .gl-cd-main .courselisting-normal.virtual{border:1px solid #dfe6e4!important;border-radius:2px!important;box-shadow:none!important;background:#fff!important}
body.theme-global.pg-training-courses .gl-cd-main .courselisting-normal:hover{border-color:#0a7269!important}
body.theme-global.pg-training-courses .gl-cd-main .courselisting-normal .course-title{color:#12211f!important;font-weight:600}
body.theme-global.pg-training-courses .gl-cd-main .courselisting-normal .bi{color:#0a7269!important}
body.theme-global.pg-training-courses .gl-cd-main .courselisting-normal .btn,
body.theme-global.pg-training-courses .gl-cd-main .courselisting-normal .btn-primary{background:#0a7269!important;border:1px solid #0a7269!important;color:#fff!important;border-radius:2px!important}

/* --- جلوبال: تفاصيل الدورة — تصحيحات (3) 2026-09-08 --- */

/* الموبايل: زرار "سجّل الآن" كان أبيض على أبيض (قاعدة زرار البانر).
   الزرار اللي جوّه القايمة المنسدلة كلاسه dropdown-item مش btn، فمش متأثر. */
body.theme-global.pg-training-courses #coursedetails-buttons-section .btn#searresultscourses-btn2{background:#0a7269!important;border:1px solid #0a7269!important;color:#fff!important;border-radius:2px!important;padding:9px 18px!important;font-weight:600!important}
body.theme-global.pg-training-courses #coursedetails-buttons-section .btn#searresultscourses-btn2:hover,
body.theme-global.pg-training-courses #coursedetails-buttons-section .btn#searresultscourses-btn2:focus{background:#085a53!important;border-color:#085a53!important;color:#fff!important}
body.theme-global.pg-training-courses #coursedetails-buttons-section .menu-two.primary{border:1px solid #cfd8d6!important;color:#12211f!important;border-radius:2px!important}

/* كتلة التواصل على الموبايل: عمود واحد عشان ما تعدّيش عرض الشاشة */
@media (max-width:991px){
  body.theme-global.pg-training-courses .inst-cra{display:block;border:1px solid #dfe6e4;border-radius:2px;box-shadow:none;padding:14px 16px}
  body.theme-global.pg-training-courses .inst-cra-head{border:0;padding:0 0 10px;gap:10px}
  body.theme-global.pg-training-courses .inst-cra-head > .bi{color:#0a7269}
  body.theme-global.pg-training-courses .inst-cra-list{flex-direction:column;gap:8px}
  body.theme-global.pg-training-courses .inst-cra-list li .bi{color:#0a7269}
}

/* بطاقات "التعلّم الافتراضي" بارتفاع واحد جوّه السلايدر */
body.theme-global.pg-training-courses .gl-cd-main .common-slider .owl-stage{display:flex;align-items:stretch}
body.theme-global.pg-training-courses .gl-cd-main .common-slider .owl-item{display:flex}
body.theme-global.pg-training-courses .gl-cd-main .common-slider .owl-item > .item,
body.theme-global.pg-training-courses .gl-cd-main .common-slider .owl-item > .item > a,
body.theme-global.pg-training-courses .gl-cd-main .common-slider .owl-item .courselisting-normal{width:100%;display:flex;flex-direction:column}
body.theme-global.pg-training-courses .gl-cd-main .common-slider .owl-item .courselisting-normal{flex:1}

/* أقسام الموبايل (الأكورديون) بنفس لغة الثيم */
body.theme-global.pg-training-courses .coursedetails-content-section-mobile .card-header,
body.theme-global.pg-training-courses .coursedetails-content-section-mobile .btn-link{color:#0a7269!important}

/* --- جلوبال: بطاقات التعلّم الافتراضي — أسطر متساوية عشان الحواف السفلية تتساوى --- */
body.theme-global.pg-training-courses .gl-cd-main .courselisting-normal .course-title{min-height:4.4em;font-size:.9rem;line-height:1.35}
body.theme-global.pg-training-courses .gl-cd-main .courselisting-normal .course-date{min-height:38px}
body.theme-global.pg-training-courses .gl-cd-main .courselisting-normal .course-date span,
body.theme-global.pg-training-courses .gl-cd-main .courselisting-normal .course-language span{font-size:.8rem}


/* ════════════════════════════════════════════════════════════
   جلوبال — الصفحات الداخلية المشتركة بتصميم "الدفتر" (JOURNAL)
   2026-09-08
   ------------------------------------------------------------
   الملفات المشتركة (institute/pages/*) كانت بتدّي نفس ثلاث
   البطاقات بنفس ثلاث الأيقونات على الإحدى عشر موقع. جلوبال بقى
   له نسخته الخاصة تحت app/Views/themes/global/institute/**، وده
   تنسيقها: صفحة مطبوعة — عناوين رقعية، خطوط شعرة بدل الصناديق،
   مافيش ظلال ولا زوايا مدوّرة، ولافتة صغيرة في الهامش جنب كل
   فقرة زي حاشية المجلة.

   كل الكلاسات هنا بادئتها gljr- (Global JouRnal) فمابتلمسش أي
   قاعدة .inst-* قديمة، والمعهد ما بيشوفش الملف ده أصلاً.
   ════════════════════════════════════════════════════════════ */

body.theme-global {
    --jr-ink: #12211f;
    --jr-mute: #5d6c69;
    --jr-rule: #d6dedc;
    --jr-rule-soft: #e8edeb;
    --jr-teal: #0a7269;
    --jr-red: #b8372f;
    --jr-paper: #fbfaf6;
    --jr-serif: Fraunces, Georgia, "Times New Roman", "Amiri", serif;
    --jr-text: Georgia, "Times New Roman", "Amiri", serif;
}

/* الورقة: القسم كله بلون ورق دافي بدل الرمادي، وهامش تنفّس واسع */
body.theme-global section.gljr {
    background: var(--jr-paper);
    padding: 50px 0 64px;
}

/* عرض العمود (تصحيح 2026-09-08): الكتل كانت متقصورة على 1000px جوّه .container
   اللي عرضها 100% من الشاشة، فكان بيفضل شريط فاضي عريض على جنب الصفحة والبانر
   والفوتر مفرودين. دلوقتي الكتل بتاخد عرض الـ.container كامل — الخطوط الشعرة
   بتوصل لحافة منطقة الطباعة زي البانر بالظبط — والمقاس المريح للقراءة اتحطّ
   على النص نفسه (.gljr-body / dd) مش على الكتلة. */
body.theme-global .gljr-entries,
body.theme-global .gljr-dl,
body.theme-global .gljr-index,
body.theme-global .gljr-note,
body.theme-global .gljr-colophon,
body.theme-global .gljr-h {
    max-width: none;
}

/* --- الافتتاحية داخل البانر (about_intro / clients_intro) --- */
body.theme-global .gljr-lede {
    display: block;
    position: relative;
    font-family: var(--jr-serif);
    font-size: 1.1rem;
    line-height: 1.95;
    text-align: start;
    max-width: 66ch;
    padding-top: 20px;
}

body.theme-global .gljr-lede::before {
    content: '';
    position: absolute;
    top: 2px;
    inset-inline-start: 0;
    width: 72px;
    height: 2px;
    background: currentColor;
    opacity: .6;
}

/* --- المدخل: لافتة في الهامش + نص في العمود الرئيسي --- */
body.theme-global .gljr-entries {
    border-top: 2px solid var(--jr-ink);
}

body.theme-global .gljr-entry {
    display: grid;
    grid-template-columns: minmax(190px, 19%) minmax(0, 1fr);
    gap: 0 clamp(30px, 4vw, 58px);
    padding: 30px 0 32px;
    border-bottom: 1px solid var(--jr-rule);
}

/* الهامش: الرقم والأيقونة في سطر، واللافتة تحتيهم — زي رأس الحاشية
   في صفحة مطبوعة. */
body.theme-global .gljr-margin {
    display: grid;
    grid-template-columns: 1.7em auto;
    justify-content: start;
    align-items: center;
    column-gap: 11px;
    row-gap: 7px;
    padding-top: 3px;
    align-content: start;
}

body.theme-global .gljr-label {
    grid-column: 1 / -1;
}

body.theme-global .gljr-folio {
    font-family: var(--jr-serif);
    font-style: italic;
    font-size: 1.02rem;
    line-height: 1;
    color: var(--jr-red);
}

body.theme-global .gljr-margin-icon {
    font-size: 1.15rem;
    line-height: 1;
    color: var(--jr-teal);
}

body.theme-global .gljr-label {
    margin: 0;
    font-family: var(--jr-serif);
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.55;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--jr-ink);
}

body.theme-global .gljr-body {
    font-family: var(--jr-text);
    font-size: 1.04rem;
    line-height: 1.9;
    color: #2c3a37;
    max-width: 88ch;
}

body.theme-global .gljr-body p {
    margin: 0;
}

/* صفحة "عن المعهد": الفقرات الثلاث هي واجهة الصفحة، فبتتقرا بمقاس أكبر شوية
   وبتملا العمود العريض بعد شيل قيد الـ1000px. */
body.theme-global .gljr-about .gljr-body {
    font-size: 1.14rem;
}

/* --- عنوان القسم: كلمة على خط شعرة ممتد --- */
body.theme-global .gljr-h {
    display: flex;
    align-items: center;
    gap: 18px;
    margin: 52px 0 8px;
    padding: 0;
    font-family: var(--jr-serif);
    font-weight: 600;
    font-size: 1.32rem;
    color: var(--jr-ink);
}

body.theme-global .gljr-h::before {
    content: '';
    flex: 0 0 auto;
    width: 26px;
    height: 2px;
    background: var(--jr-red);
}

body.theme-global .gljr-h::after {
    content: '';
    flex: 1 1 auto;
    height: 1px;
    background: var(--jr-rule);
}

body.theme-global .gljr-h span {
    flex: 0 0 auto;
}

/* أول عنوان في الصفحة مالوش هامش علوي — القسم نفسه فيه الحشو */
body.theme-global section.gljr > .container > .gljr-h:first-child {
    margin-top: 0;
}

/* --- قائمة التعريفات (تصحيح 2026-09-08) ---------------------------------
   قبل كده كانت صفوف مسطّرة فيها رقم + أيقونة + مصطلح + خط وقوف + سهم على
   الحافة — نفس النمط اللي طلع على أربع مواقع تانية. اتشال خالص: دلوقتي قائمة
   تعريفات صافية — المصطلح في سطر لوحده (أيقونة صغيرة قبله)، والوصف مُزاح
   تحته بخط شعرة رأسي على حافة البداية (منطقي فبيتقلب لوحده في العربي).
   مافيش أسهم، مافيش أرقام، مافيش صفوف مسطّرة. */
body.theme-global .gljr-dl {
    margin: 14px 0 0;
    padding: 0;
    border-top: 0;
}

body.theme-global .gljr-dl-row {
    padding: 0;
    margin-top: 30px;
    border-bottom: 0;
}

body.theme-global .gljr-dl-row:first-child {
    margin-top: 20px;
}

body.theme-global .gljr-dl dt {
    margin: 0 0 9px;
    font-family: var(--jr-serif);
    font-weight: 600;
    font-size: 1.12rem;
    color: var(--jr-ink);
}

body.theme-global .gljr-dl dt a,
body.theme-global .gljr-dl-plain dt {
    display: inline-flex;
    align-items: baseline;
    gap: 11px;
    color: inherit;
    text-decoration: none;
}

body.theme-global .gljr-dl dt .bi {
    flex: 0 0 auto;
    font-size: 1rem;
    color: var(--jr-teal);
}

body.theme-global .gljr-term {
    flex: 0 1 auto;
}

body.theme-global .gljr-leader {
    flex: 1 1 auto;
    min-width: 20px;
    align-self: center;
    height: 0;
    border-bottom: 1px dotted #c2cecb;
}

body.theme-global .gljr-dl dt a:hover .gljr-term {
    color: var(--jr-teal);
    text-decoration: underline;
    text-underline-offset: 5px;
}

body.theme-global .gljr-dl dd {
    margin: 0;
    margin-inline-start: 27px;
    padding-inline-start: 18px;
    border-inline-start: 2px solid var(--jr-rule);
    max-width: 84ch;
    font-family: var(--jr-text);
    font-size: 1rem;
    line-height: 1.85;
    color: var(--jr-mute);
}

/* القائمة اللي من غير أيقونة (شروط التسجيل): الإزاحة من غير عرض الأيقونة */
body.theme-global .gljr-dl-plain dd {
    margin-inline-start: 0;
}

/* --- الفهرس المرقّم (القطاعات) — عمودين يُقرآن رأسيًا --- */
body.theme-global .gljr-index {
    list-style: none;
    margin: 18px 0 0;
    padding: 0;
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(5, auto);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 60px;
    border-top: 1px solid var(--jr-ink);
}

body.theme-global .gljr-index li {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 2px;
    border-bottom: 1px solid var(--jr-rule);
    font-family: var(--jr-serif);
    font-size: 1rem;
    color: var(--jr-ink);
}

body.theme-global .gljr-idx-n {
    flex: 0 0 auto;
    min-width: 1.9em;
    font-style: italic;
    font-weight: 400;
    font-size: .86rem;
    color: var(--jr-red);
}

body.theme-global .gljr-index li .bi {
    flex: 0 0 auto;
    font-size: .98rem;
    color: var(--jr-teal);
}

body.theme-global .gljr-idx-t {
    flex: 0 0 auto;
}

/* --- الحاشية السفلية: خط شعرة مزدوج + الزر --- */
body.theme-global .gljr-colophon {
    position: relative;
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
    margin-top: 44px;
    padding-top: 24px;
    border-top: 1px solid var(--jr-rule);
}

body.theme-global .gljr-colophon::before {
    content: '';
    position: absolute;
    top: 3px;
    inset-inline-start: 0;
    width: 100%;
    height: 1px;
    background: var(--jr-rule);
}

body.theme-global .gljr-colophon-name {
    margin: 0;
    flex: 1 1 260px;
    font-family: var(--jr-serif);
    font-style: italic;
    font-size: 1.02rem;
    color: var(--jr-mute);
}

/* --- كتلة الحاشية (note): نفس شبكة الهامش --- */
body.theme-global .gljr-note {
    display: grid;
    grid-template-columns: minmax(190px, 19%) minmax(0, 1fr);
    gap: 0 clamp(30px, 4vw, 58px);
    margin-top: 50px;
    padding-top: 26px;
    border-top: 2px solid var(--jr-ink);
}

body.theme-global .gljr-note-h {
    margin: 0 0 12px;
    font-family: var(--jr-serif);
    font-weight: 600;
    font-size: 1.2rem;
    color: var(--jr-ink);
}

body.theme-global .gljr-note .gljr-body p {
    margin: 0 0 20px;
}

body.theme-global .gljr-note-actions {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 4px;
}

body.theme-global .gljr-note-wide .gljr-body {
    max-width: 88ch;
}

/* --- قائمة المزايا: معيّن صغير بدل أيقونة الصح --- */
body.theme-global .gljr-ticks {
    list-style: none;
    margin: 0 0 22px;
    padding: 0;
    border-top: 1px solid var(--jr-rule-soft);
}

body.theme-global .gljr-ticks li {
    display: flex;
    align-items: baseline;
    gap: 15px;
    padding: 12px 0;
    border-bottom: 1px solid var(--jr-rule-soft);
    font-family: var(--jr-text);
    font-size: .98rem;
    line-height: 1.8;
    color: #2c3a37;
}

body.theme-global .gljr-tick {
    flex: 0 0 auto;
    width: 9px;
    height: 9px;
    border: 1px solid var(--jr-red);
    transform: rotate(45deg);
}

/* --- الأسئلة الشائعة --- */
body.theme-global .gljr-qa {
    max-width: none;
}

body.theme-global .gljr-qa-item {
    border-bottom: 1px solid var(--jr-rule-soft);
}

body.theme-global .gljr-qa-item:first-child {
    border-top: 1px solid var(--jr-rule-soft);
}

/* آخر سؤال في المجموعة: خط المدخل نفسه هو اللي بيقفل — من غير سطرين متلاصقين */
body.theme-global .gljr-qa-item:last-child {
    border-bottom: 0;
}

body.theme-global .gljr-qa-item summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    align-items: baseline;
    gap: 14px;
    padding: 14px 0;
    font-family: var(--jr-serif);
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.6;
    color: var(--jr-ink);
}

body.theme-global .gljr-qa-item summary::-webkit-details-marker {
    display: none;
}

body.theme-global .gljr-qa-item summary:hover .gljr-qa-q {
    color: var(--jr-teal);
}

body.theme-global .gljr-qa-n {
    flex: 0 0 auto;
    min-width: 1.9em;
    font-style: italic;
    font-weight: 400;
    font-size: .86rem;
    color: var(--jr-red);
}

body.theme-global .gljr-qa-q {
    flex: 1 1 auto;
}

body.theme-global .gljr-qa-mark {
    flex: 0 0 auto;
    font-size: .8rem;
    color: var(--jr-teal);
    transition: transform .25s;
}

body.theme-global .gljr-qa-item[open] .gljr-qa-mark {
    transform: rotate(45deg);
}

body.theme-global .gljr-qa-a {
    padding: 0 0 18px;
    padding-inline-start: calc(1.9em + 14px);
    max-width: 88ch;
    font-family: var(--jr-text);
    font-size: .97rem;
    line-height: 1.88;
    color: var(--jr-mute);
}

body.theme-global .gljr-qa-a p {
    margin: 0;
}

/* --- الأزرار: مستطيل مسطّح بخط رقعي --- */
body.theme-global .gljr-btn,
body.theme-global .gljr .btn.gljr-btn,
body.theme-global input.btn.gljr-btn {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    background: var(--jr-teal) !important;
    border: 1px solid var(--jr-teal) !important;
    color: #fff !important;
    border-radius: 0 !important;
    padding: 11px 26px !important;
    font-family: var(--jr-serif) !important;
    font-weight: 600 !important;
    font-size: .8rem !important;
    letter-spacing: .1em;
    text-transform: uppercase;
    box-shadow: none !important;
    transition: background .2s, color .2s, border-color .2s;
}

body.theme-global .gljr-btn:hover,
body.theme-global .gljr-btn:focus,
body.theme-global .gljr .btn.gljr-btn:hover,
body.theme-global .gljr .btn.gljr-btn:focus {
    background: #064a44 !important;
    border-color: #064a44 !important;
    color: #fff !important;
}

body.theme-global .gljr-btn.gljr-btn-quiet,
body.theme-global .gljr .btn.gljr-btn.gljr-btn-quiet {
    background: transparent !important;
    border-color: var(--jr-ink) !important;
    color: var(--jr-ink) !important;
}

body.theme-global .gljr-btn.gljr-btn-quiet:hover,
body.theme-global .gljr-btn.gljr-btn-quiet:focus,
body.theme-global .gljr .btn.gljr-btn.gljr-btn-quiet:hover,
body.theme-global .gljr .btn.gljr-btn.gljr-btn-quiet:focus {
    background: var(--jr-ink) !important;
    border-color: var(--jr-ink) !important;
    color: #fff !important;
}

/* --- اتصل بنا: الفورم بخطوط سُفلى، والبيانات كصفحة دفتر --- */
body.theme-global section.gljr-contact {
    background: var(--jr-paper);
    padding: 46px 0 60px;
}

body.theme-global .gljr-form-col .box4 {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}

body.theme-global .gljr-form-col h5 {
    margin: 0 0 4px;
    padding-bottom: 13px;
    border-bottom: 2px solid var(--jr-ink);
    font-family: var(--jr-serif);
    font-weight: 600;
    font-size: 1.12rem;
    color: var(--jr-ink);
}

body.theme-global .gljr-form-col .form-control {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--jr-rule) !important;
    border-radius: 0 !important;
    padding-inline: 0 !important;
    box-shadow: none !important;
    font-family: var(--jr-text);
    color: var(--jr-ink);
}

body.theme-global .gljr-form-col .form-control:focus {
    border-bottom-color: var(--jr-teal) !important;
}

body.theme-global .gljr-form-col .form-control::placeholder {
    color: #93a3a0;
}

body.theme-global .gljr-sheet-h {
    margin: 0;
    padding-bottom: 14px;
    border-bottom: 2px solid var(--jr-ink);
    font-family: var(--jr-serif);
    font-weight: 600;
    font-size: 1.55rem;
    color: var(--jr-ink);
}

body.theme-global .gljr-sheet-lead {
    margin: 18px 0 26px;
    max-width: 60ch;
    font-family: var(--jr-text);
    font-size: 1rem;
    line-height: 1.9;
    color: #2c3a37;
}

body.theme-global .gljr-sheet-dl {
    margin: 0 0 28px;
}

body.theme-global .gljr-sheet-row {
    display: grid;
    grid-template-columns: 178px minmax(0, 1fr);
    gap: 0 30px;
    align-items: baseline;
    padding: 14px 0;
    border-bottom: 1px solid var(--jr-rule);
}

body.theme-global .gljr-sheet-row:first-child {
    border-top: 1px solid var(--jr-ink);
}

body.theme-global .gljr-sheet-dl dt {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    font-family: var(--jr-serif);
    font-weight: 600;
    font-size: .76rem;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: var(--jr-mute);
}

body.theme-global .gljr-sheet-dl dd {
    margin: 0;
    font-family: var(--jr-text);
    font-size: 1rem;
    line-height: 1.7;
    color: var(--jr-ink);
    word-break: break-word;
}

body.theme-global .gljr-sheet-dl dd a {
    color: var(--jr-ink);
    text-decoration: none;
    border-bottom: 1px solid var(--jr-rule);
}

body.theme-global .gljr-sheet-dl dd a:hover {
    color: var(--jr-teal);
    border-bottom-color: var(--jr-teal);
}

/* --- العمود الجانبي للنماذج --- */
body.theme-global .gljr-side.box-two {
    background: transparent;
    border: 0;
    box-shadow: none;
}

body.theme-global .gljr-side-card {
    background: transparent;
    border: 0;
    border-top: 2px solid var(--jr-ink);
    border-radius: 0;
    box-shadow: none;
    padding: 18px 0 0;
}

body.theme-global .gljr-side-h {
    margin: 0 0 14px;
    font-family: var(--jr-serif);
    font-weight: 600;
    font-size: 1.08rem;
    color: var(--jr-ink);
}

body.theme-global .gljr-side-list {
    list-style: none;
    margin: 0 0 26px;
    padding: 0;
}

body.theme-global .gljr-side-list li {
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 0;
    border-bottom: 1px solid var(--jr-rule);
    font-family: var(--jr-text);
    font-size: .9rem;
}

body.theme-global .gljr-side-list li .bi {
    flex: 0 0 auto;
    font-size: .95rem;
    color: var(--jr-teal);
}

body.theme-global .gljr-side-list li a {
    color: var(--jr-ink);
    text-decoration: none;
    word-break: break-word;
}

body.theme-global .gljr-side-list li a:hover {
    color: var(--jr-teal);
}

body.theme-global .gljr-side-sub {
    margin: 0 0 10px;
    padding-bottom: 9px;
    border-bottom: 1px solid var(--jr-ink);
    font-family: var(--jr-serif);
    font-weight: 600;
    font-size: .76rem;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: var(--jr-mute);
}

body.theme-global .gljr-side-steps {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.theme-global .gljr-side-steps li {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 0 12px;
    align-items: baseline;
    padding: 11px 0;
    border-bottom: 1px solid var(--jr-rule-soft);
    font-family: var(--jr-text);
    font-size: .88rem;
    line-height: 1.75;
    color: #2c3a37;
}

/* --- العربي: مافيش letter-spacing ولا uppercase على النص العربي --- */
body.theme-global[dir="rtl"] .gljr-label,
body.theme-global[dir="rtl"] .gljr-side-sub,
body.theme-global[dir="rtl"] .gljr-sheet-dl dt,
body.theme-global[dir="rtl"] .gljr-btn,
body.theme-global[dir="rtl"] .gljr .btn.gljr-btn,
body.theme-global[dir="rtl"] input.btn.gljr-btn {
    letter-spacing: 0;
    text-transform: none;
}

body.theme-global[dir="rtl"] .gljr-label {
    font-size: .98rem;
    line-height: 1.7;
}

body.theme-global[dir="rtl"] .gljr-side-sub,
body.theme-global[dir="rtl"] .gljr-sheet-dl dt {
    font-size: .88rem;
}

body.theme-global[dir="rtl"] .gljr-btn,
body.theme-global[dir="rtl"] .gljr .btn.gljr-btn,
body.theme-global[dir="rtl"] input.btn.gljr-btn {
    font-size: .9rem !important;
}

/* --- الشاشات الصغيرة --- */
@media (max-width: 991px) {
    body.theme-global .gljr-entry,
    body.theme-global .gljr-note {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
    }

    body.theme-global .gljr-margin {
        grid-template-columns: auto auto minmax(0, 1fr);
        column-gap: 12px;
        row-gap: 0;
    }

    body.theme-global .gljr-label {
        grid-column: auto;
    }

    body.theme-global .gljr-index {
        grid-auto-flow: row;
        grid-template-rows: none;
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-global .gljr-sheet-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 5px;
    }

    body.theme-global .gljr-sheet {
        margin-top: 34px;
    }

    body.theme-global .gljr-side-card {
        margin-top: 26px;
    }
}

@media (max-width: 575px) {
    body.theme-global section.gljr {
        padding: 34px 0 44px;
    }

    body.theme-global .gljr-qa-a {
        padding-inline-start: 0;
    }

    body.theme-global .gljr-dl dd {
        margin-inline-start: 0;
        padding-inline-start: 13px;
    }

    body.theme-global .gljr-btn,
    body.theme-global .gljr .btn.gljr-btn {
        padding: 10px 18px !important;
    }
}

/* --- training-courses fix 032477fd8dd3f58cad9c8c5065988f16 --- */
/* جلوبال: شريط متصل — الشعارات في صف واحد بيلتف، مفصولة بخطوط رأسية رفيعة بلا صناديق */
body.theme-global .inst-logos{background:#fbfaf6;border-block:1px solid #d9ddd8}
body.theme-global .inst-logos-h{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:1.35rem;color:#12211f}
body.theme-global .inst-logos-grid{display:flex;flex-wrap:wrap;gap:0;justify-content:center}
body.theme-global .inst-logos-item{flex:0 0 auto;width:auto;min-width:150px;min-height:84px;border-inline-end:1px solid #d9ddd8;padding:14px 22px}
body.theme-global .inst-logos-item:last-child{border-inline-end:0}
body.theme-global .inst-logos-item img{max-height:46px;mix-blend-mode:multiply}

/* --- training-courses fix 4869d590e30fc4300d72d7a46800ed07 --- */
/* الشريط كان رفيع والشعارات صغيرة والصف الأخير فيه شعار وحيد في النص.
   بنكبّر الخانة والشعار ونخلي الصفوف تبان كشرائط بخط أفقي فاصل. */
body.theme-global .inst-logos-item{min-width:196px;min-height:104px;padding:18px 26px;border-bottom:1px solid #e6e9e4}
body.theme-global .inst-logos-item img{max-height:58px}
body.theme-global .inst-logos-grid{justify-content:flex-start}

/* --- training-courses fix de904dc7e4f4e4ee0fd9a577a665aab1 --- */
/* جلوبال: سطر بلا صندوق — خط سفلي رفيع بس، والزر رابط نصي. */
body.theme-global.pg-training-courses .session-card{display:flex!important;flex-wrap:wrap;align-items:baseline;gap:0 22px;border:0!important;border-bottom:1px solid #cfd8d6!important;border-radius:0!important;box-shadow:none!important;padding:16px 0!important;transform:none!important}
body.theme-global.pg-training-courses .session-card:hover{transform:none!important;box-shadow:none!important;background:transparent!important}
body.theme-global.pg-training-courses .session-card > ul{width:auto!important;flex:1 1 380px;margin:0!important;display:flex;flex-wrap:wrap;gap:2px 20px;font-size:.86rem}
body.theme-global.pg-training-courses .session-card li:first-child{font-family:Georgia,"Times New Roman",serif;font-size:1.05rem;flex-basis:100%}
body.theme-global.pg-training-courses .session-card .price-box{position:static!important;border:0!important;background:transparent!important;padding:0!important;text-align:end}
body.theme-global.pg-training-courses .session-card .btn{background:transparent!important;border:0!important;color:#0a7269!important;padding:0!important;text-decoration:underline}

/* ============================================================
   جلوبال — صفحات القوائم الأربع: فهرس كتاب  (2026-09-08)
   ------------------------------------------------------------
   /categories و /cities و /articles و /blogs كانوا أربع نسخ من
   نفس شبكة الكروت — نفس الشبكة اللي بتظهر على تسع مواقع تانية،
   وعلى المقالات كانت بتطبع شعار المعهد ٣٩ مرة في صفحة واحدة.

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

body.theme-global .gl-toc-section {
    --gl-toc-dot: #a4b1ae;
    background: var(--jr-paper) !important;
    padding: 44px 0 60px;
}

body.theme-global .gl-toc-caption {
    margin: 0 0 14px;
    font-family: var(--jr-serif);
    font-size: .74rem;
    font-weight: 600;
    letter-spacing: .2em;
    text-transform: uppercase;
    text-align: start;
    color: var(--jr-mute);
}

/* الأعمدة: تدفّق رأسي (أ→ي في العمود الأول، وبعدين اللي بعده) —
   ده اللي بيخلّيه يتقرا كفهرس مش كشبكة. */
body.theme-global .gl-toc-list {
    list-style: none;
    margin: 0;
    padding: 6px 0 0;
    border-top: 1px solid var(--jr-ink);
    columns: 3;
    column-gap: 54px;
    counter-reset: gl-toc;
}

body.theme-global .gl-toc-item {
    counter-increment: gl-toc;
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    border-top: 1px solid var(--jr-rule);
}

body.theme-global .gl-toc-a,
body.theme-global .gl-toc-a:hover,
body.theme-global .gl-toc-a:focus {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 14px;
    align-items: end;
    padding: 13px 0 14px;
    text-decoration: none;
    color: inherit;
}

body.theme-global .gl-toc-t {
    grid-column: 1;
    min-width: 0;
    overflow: hidden;
    font-family: var(--jr-serif);
    font-size: 1.02rem;
    font-weight: 500;
    line-height: 1.45;
    color: var(--jr-ink);
    transition: color .2s;
}

/* نقاط القيادة.
   العنصر عرضه ١٠٠٪ وهامشه الخارجي سالب بنفس القيمة، يعني إزاحته على
   السطر صفر — فما بيلفّش لسطر جديد، وبيمتد من آخر كلمة في آخر سطر لحد
   حافة العمود واللي بعدها بيتقص بـoverflow. كده النقط بتقع على آخر سطر
   في العنوان زي فهرس مطبوع، مش على أول سطر زي ما بيحصل مع flex.
   الفراغ الصغير قبل النقط حشو داخلي (مش هامش) عشان الإزاحة تفضل صفر. */
body.theme-global .gl-toc-t::after {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    margin-inline-end: -100%;
    height: .8em;
    padding-inline-start: 10px;
    background-image: radial-gradient(circle at center, var(--gl-toc-dot) 1.05px, transparent 1.35px);
    background-size: 6px 6px;
    background-repeat: repeat-x;
    background-position: 0 100%;
    background-origin: content-box;
    background-clip: content-box;
    vertical-align: baseline;
}

/* رقم الصفحة: مائل صغير على الحافة الخارجية، محاذي لآخر سطر في العنوان.
   عدّاد CSS عشان مداخل "تحميل المزيد" تكمّل الترقيم من غير PHP. */
body.theme-global .gl-toc-folio {
    grid-column: 2;
    align-self: end;
    padding-bottom: 3px;
    font-family: var(--jr-serif);
    font-size: .78rem;
    font-style: italic;
    font-variant-numeric: lining-nums tabular-nums;
    line-height: 1;
    color: var(--jr-red);
    white-space: nowrap;
}

body.theme-global .gl-toc-folio::before {
    content: counter(gl-toc, decimal-leading-zero);
}

/* سطر الميتا (المقالات والمدونة): تاريخ صغير وتحته النبذة. */
body.theme-global .gl-toc-meta {
    grid-column: 1 / -1;
    margin-top: 5px;
    max-width: 46ch;
}

body.theme-global .gl-toc-date {
    display: block;
    font-family: var(--jr-serif);
    font-size: .7rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--jr-teal);
}

body.theme-global .gl-toc-ex {
    display: block;
    margin-top: 3px;
    font-family: var(--jr-text);
    font-size: .8rem;
    line-height: 1.65;
    color: var(--jr-mute);
}

body.theme-global .gl-toc-none {
    padding: 16px 0;
    font-family: var(--jr-text);
    font-size: .95rem;
    color: var(--jr-mute);
}

body.theme-global .gl-toc-a:hover .gl-toc-t,
body.theme-global .gl-toc-a:focus-visible .gl-toc-t {
    color: var(--jr-teal);
}

body.theme-global .gl-toc-a:hover .gl-toc-t::after,
body.theme-global .gl-toc-a:focus-visible .gl-toc-t::after {
    --gl-toc-dot: var(--jr-teal);
}

body.theme-global .gl-toc-a:focus-visible {
    outline: 2px solid var(--jr-teal);
    outline-offset: 3px;
}

/* شريط الفلتر فوق الفهرس (المقالات والمدونة): سطر على خط شعرة،
   بدل الصندوق الأبيض العايم. */
body.theme-global .gl-tocpage #common-filter-box-modal-one {
    background: var(--jr-paper);
    padding-top: 26px;
}

body.theme-global .gl-tocpage .filter-courselist-wrap {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--jr-rule) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 0 14px !important;
    margin: 0 !important;
}

body.theme-global .gl-tocpage .filter-courselist-wrap .form-control,
body.theme-global .gl-tocpage .filter-courselist-wrap .selectbox {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--jr-rule) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: var(--jr-text);
}

body.theme-global .gl-tocpage .filter-courselist-wrap .menu-two {
    font-family: var(--jr-serif);
    font-size: .82rem;
}

body.theme-global .gl-tocpage #ajax_load {
    padding: 26px 0 0;
}

/* --- شاشات أصغر --- */
@media (max-width: 1199px) {
    body.theme-global .gl-toc-list {
        columns: 2;
        column-gap: 44px;
    }
}

@media (max-width: 767px) {
    body.theme-global .gl-toc-section {
        padding: 30px 0 40px;
    }

    body.theme-global .gl-toc-list {
        columns: 1;
    }

    body.theme-global .gl-toc-t {
        font-size: .98rem;
    }

    body.theme-global .gl-toc-meta {
        max-width: none;
    }
}

/* --- العربي: النص العربي من غير letter-spacing ولا uppercase --- */
body.theme-global[dir="rtl"] .gl-toc-caption,
body.theme-global[dir="rtl"] .gl-toc-date {
    letter-spacing: 0;
    text-transform: none;
}

body.theme-global[dir="rtl"] .gl-toc-caption {
    font-size: .92rem;
}

body.theme-global[dir="rtl"] .gl-toc-date {
    font-size: .78rem;
}

body.theme-global[dir="rtl"] .gl-toc-folio {
    font-style: normal;
}

/* --- جلوبال/الفهرس: خط قفل تحت آخر مدخل، وشوية تنفّس تحت الأعمدة --- */
body.theme-global .gl-toc-list {
    border-bottom: 1px solid var(--jr-ink);
    padding-bottom: 0;
}

/* ── (2026-09-09) صفحة الدورة على الموبايل ──────────────────────
   الأصل بيخبّي كتلة الديسكتوب ويعرض أكورديون مقفول، فالمحتوى كله
   بيبقى ورا رؤوس مطويّة — تجربة سيئة على التليفون. تخطيط الثيم ده
   بقى عمود واحد متصل وعنده قواعده للشاشات الصغيرة، فبنعرضه هو
   ونشيل الأكورديون. القاعدة متقيّدة بالثيم — المعهد زي ما هو.
   ───────────────────────────────────────────────────────────── */
@media (max-width: 991px) {
    body.theme-global.pg-training-courses #coursedetails-content-section .coursedetails-content-section-desktop { display: block; }
    body.theme-global.pg-training-courses #coursedetails-content-section .coursedetails-content-section-mobile { display: none; }
}
/* كتلة الديسكتوب هي .row ببواقي هوامش بوتستراب السالبة، وجوّاها عمود
   بـp-0 — نصفّر الهوامش على الموبايل. وسهم owl التالي مركون برّه
   السلايدر (right:-14px) فبيوسّع الصفحة لمّا الكتلة بقت ظاهرة على
   التليفون — بنرجّعه جوّه. */
@media (max-width: 991px) {
    body.theme-global.pg-training-courses .gl-cd-main > .coursedetails-content-section-desktop { margin-inline: 0; }
    body.theme-global.pg-training-courses .gl-cd-main .owl-nav .owl-next { right: 0; }
    body.theme-global.pg-training-courses .gl-cd-main .owl-nav .owl-prev { left: 0; }
    body.theme-global.pg-training-courses .gl-cd-main .owl-carousel { overflow-x: clip; }
}

/* ═══════════════════════════════════════════════════════════════
   (2026-09-09) جلوبال — صفحة اتصل بنا: بطاقة رد راكبة على المصطبة

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

   كل الكلاسات بادئتها glcu- ومقيّدة بـ body.theme-global.page-contact،
   فمابتلمسش ثيم تاني ولا المعهد ولا أي قاعدة .inst-* مشتركة.
   ═══════════════════════════════════════════════════════════════ */

/* حشو تحت المصطبة يساوي عمق الركوب + مسافة أمان، عشان البطاقة تركب على
   لون البانر من غير ما تلمس نص العنوان. */
body.theme-global.page-contact .glcu-mast #common-banner-section-image {
    padding-bottom: 124px;
}

body.theme-global.page-contact .glcu {
    position: relative;
    z-index: 2;
    background: var(--jr-paper);
    padding: 0 0 64px;
    /* flow-root عشان الهامش السالب بتاع البطاقة ما يطلعش برّه القسم
       (margin collapsing) — لو طلع، القسم نفسه بيتسحب لفوق وأرضيته
       الورقية بتغطي آخر المصطبة فيختفي الركوب أصلاً. */
    display: flow-root;
}

/* --- البطاقة --- */
body.theme-global.page-contact .glcu-card {
    position: relative;
    z-index: 3;
    max-width: 760px;
    margin: -96px auto 0;
    background: #fff;
    border: 1px solid var(--jr-ink);
    border-radius: 0;
    box-shadow: none;
    padding: 40px 48px 44px;
}

/* شريط علوي مقسوم قرميدي/تركوازي — نفس خط المصطبة السفلي بالظبط، عشان
   البطاقة تقرا كإنها مقصوصة من نفس الصفحة مش ملزوقة عليها. */
body.theme-global.page-contact .glcu-card::before {
    content: '';
    position: absolute;
    inset-inline: -1px;
    top: -1px;
    height: 5px;
    /* التدرّج لازم يعرف اتجاه، فالمرآة في RTL تحت. */
    background: linear-gradient(to right, var(--jr-red) 0, var(--jr-red) 104px, var(--jr-teal) 104px);
}

body.theme-global[dir="rtl"].page-contact .glcu-card::before {
    background: linear-gradient(to left, var(--jr-red) 0, var(--jr-red) 104px, var(--jr-teal) 104px);
}

body.theme-global.page-contact .glcu-eyebrow {
    margin: 0 0 8px;
    font-family: var(--jr-serif);
    font-size: .72rem;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--jr-red);
}

body.theme-global.page-contact .glcu-title {
    margin: 0 0 10px;
    font-family: var(--jr-serif);
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.3;
    color: var(--jr-ink);
}

/* الخط الحبري الفاصل على الترويسة كلها عشان يوصل لحافة البطاقة،
   والحد الأقصى للعرض على النص نفسه عشان يفضل مريح للقراءة. */
body.theme-global.page-contact .glcu-head {
    margin: 0 0 26px;
    padding-bottom: 16px;
    border-bottom: 2px solid var(--jr-ink);
}

body.theme-global.page-contact .glcu-note {
    margin: 0;
    max-width: 62ch;
    font-family: var(--jr-text);
    font-size: .9rem;
    line-height: 1.75;
    color: var(--jr-mute);
}

/* --- حقول الفورم جوّه البطاقة --- */
/* الاسم الأول والأخير على سطر واحد عشان البطاقة تفضل بطاقة (قصيرة) مش
   عمود طويل. :has بتمسك الصفّين بعينهم بدل ما نعتمد على ترتيب الأبناء —
   ملف الفورم مشترك ومش من حقنا نعدّله. */
body.theme-global.page-contact .glcu-card .inst-cform {
    display: flex;
    flex-wrap: wrap;
    column-gap: 32px;
}

body.theme-global.page-contact .glcu-card .inst-cform > * {
    flex: 1 1 100%;
    min-width: 0;
}

body.theme-global.page-contact .glcu-card .inst-cform-row:has(#first_name_contact),
body.theme-global.page-contact .glcu-card .inst-cform-row:has(#last_name_contact) {
    flex: 1 1 calc(50% - 16px);
}

body.theme-global.page-contact .glcu-card .inst-cform-row {
    margin-bottom: 24px;
}

body.theme-global.page-contact .glcu-card .form-control {
    width: 100%;
    height: auto !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--jr-rule) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 6px 0 9px !important;
    font-family: var(--jr-text);
    font-size: .98rem;
    line-height: 1.6;
    color: var(--jr-ink);
}

/* الـplaceholder هو الليبل الوحيد للحقل، فلازم يقرا زي النص العادي
   (رمادي جلوبال 5.3:1 على الأبيض) مش زي نص باهت. */
body.theme-global.page-contact .glcu-card .form-control::placeholder {
    color: var(--jr-mute);
    opacity: 1;
}

body.theme-global.page-contact .glcu-card .form-control:focus {
    border-bottom-color: var(--jr-teal) !important;
    outline: none;
}

body.theme-global.page-contact .glcu-card textarea.form-control {
    min-height: 104px;
    resize: vertical;
}

body.theme-global.page-contact .glcu-card .inst-cform-row--split {
    display: flex;
    gap: 24px;
}

body.theme-global.page-contact .glcu-card .inst-cform-cc {
    flex: 0 0 30%;
    max-width: 30%;
}

body.theme-global.page-contact .glcu-card .inst-cform-actions {
    margin-bottom: 0;
}

body.theme-global.page-contact .glcu-card #submit_contact {
    min-width: 210px;
    background: var(--jr-teal) !important;
    border: 1px solid var(--jr-teal) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 13px 34px;
    font-family: var(--jr-serif);
    font-size: .8rem;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #fff !important;
}

body.theme-global.page-contact .glcu-card #submit_contact:hover,
body.theme-global.page-contact .glcu-card #submit_contact:focus {
    background: #064a44 !important;
    border-color: #064a44 !important;
}

/* رسالة النجاح/الخطأ اللي contact.js بيحقنها — بتاخد سطر كامل فوق الحقول */
body.theme-global.page-contact .glcu-card #message_contact:not(:empty) {
    margin-bottom: 18px;
}

/* --- شريط الترويسة: أربع خانات بخط فاصل --- */
body.theme-global.page-contact .glcu-strip {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 56px 0 0;
    padding: 0;
    border-top: 2px solid var(--jr-ink);
    border-bottom: 1px solid var(--jr-rule);
}

body.theme-global.page-contact .glcu-cell {
    padding: 22px 26px;
}

body.theme-global.page-contact .glcu-cell + .glcu-cell {
    border-inline-start: 1px solid var(--jr-rule);
}

body.theme-global.page-contact .glcu-cell:first-child {
    padding-inline-start: 0;
}

body.theme-global.page-contact .glcu-cell:last-child {
    padding-inline-end: 0;
}

body.theme-global.page-contact .glcu-cell dt {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 10px;
    font-family: var(--jr-serif);
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .15em;
    text-transform: uppercase;
    color: var(--jr-mute);
}

body.theme-global.page-contact .glcu-cell dt .bi {
    flex: 0 0 auto;
    font-size: .95rem;
    color: var(--jr-teal);
}

body.theme-global.page-contact .glcu-cell dd {
    margin: 0;
    font-family: var(--jr-text);
    font-size: .98rem;
    line-height: 1.65;
    color: var(--jr-ink);
    overflow-wrap: anywhere;
}

body.theme-global.page-contact .glcu-cell dd a {
    color: var(--jr-ink);
    text-decoration: none;
    border-bottom: 1px solid var(--jr-rule);
}

body.theme-global.page-contact .glcu-cell dd a:hover,
body.theme-global.page-contact .glcu-cell dd a:focus-visible {
    color: var(--jr-teal);
    border-bottom-color: var(--jr-teal);
}

/* --- الوجهتين التانيتين: سطور بخط منقّط واصل --- */
body.theme-global.page-contact .glcu-more {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.theme-global.page-contact .glcu-more li {
    border-bottom: 1px solid var(--jr-rule);
}

body.theme-global.page-contact .glcu-more a {
    display: flex;
    align-items: baseline;
    gap: 14px;
    padding: 16px 0;
    color: var(--jr-ink);
    text-decoration: none;
}

body.theme-global.page-contact .glcu-more-t {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: var(--jr-text);
    font-size: 1rem;
}

body.theme-global.page-contact .glcu-more-t .bi {
    flex: 0 0 auto;
    font-size: 1rem;
    color: var(--jr-red);
}

/* الخط المنقّط هو اللي بيربط العنوان بالفعل — توقيع جلوبال */
body.theme-global.page-contact .glcu-more-dots {
    flex: 1 1 auto;
    min-width: 20px;
    border-bottom: 1px dotted var(--jr-rule);
    transform: translateY(-4px);
}

body.theme-global.page-contact .glcu-more-go {
    flex: 0 0 auto;
    font-family: var(--jr-serif);
    font-size: .76rem;
    font-weight: 600;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: var(--jr-teal);
}

body.theme-global.page-contact .glcu-more a:hover .glcu-more-go,
body.theme-global.page-contact .glcu-more a:focus-visible .glcu-more-go {
    color: var(--jr-red);
}

body.theme-global.page-contact .glcu-more a:hover .glcu-more-dots {
    border-bottom-color: var(--jr-teal);
}

body.theme-global.page-contact .glcu-more a:focus-visible {
    outline: 2px solid var(--jr-teal);
    outline-offset: 3px;
}

/* اسم المعهد في آخر الصفحة زي سطر الناشر تحت الترويسة */
body.theme-global.page-contact .glcu-colophon {
    margin: 22px 0 0;
    font-family: var(--jr-serif);
    font-size: .74rem;
    font-weight: 600;
    letter-spacing: .17em;
    text-transform: uppercase;
    color: var(--jr-mute);
}

/* --- العربي: من غير letter-spacing ولا uppercase --- */
body.theme-global[dir="rtl"].page-contact .glcu-eyebrow,
body.theme-global[dir="rtl"].page-contact .glcu-cell dt,
body.theme-global[dir="rtl"].page-contact .glcu-more-go,
body.theme-global[dir="rtl"].page-contact .glcu-colophon,
body.theme-global[dir="rtl"].page-contact .glcu-card #submit_contact {
    letter-spacing: 0;
    text-transform: none;
}

body.theme-global[dir="rtl"].page-contact .glcu-eyebrow,
body.theme-global[dir="rtl"].page-contact .glcu-cell dt,
body.theme-global[dir="rtl"].page-contact .glcu-more-go {
    font-size: .84rem;
}

/* --- شاشات متوسطة: الشريط صفّين --- */
@media (max-width: 991px) {
    body.theme-global.page-contact .glcu-mast #common-banner-section-image { padding-bottom: 108px; }
    body.theme-global.page-contact .glcu-card { margin-top: -80px; padding: 32px 34px 36px; }
    body.theme-global.page-contact .glcu-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    /* أول خانة في كل صف مالهاش حاجة على شمالها، فبيتشال الخط ويترجع الحشو */
    body.theme-global.page-contact .glcu-cell:nth-child(odd) {
        border-inline-start: 0;
        padding-inline-start: 0;
    }
    body.theme-global.page-contact .glcu-cell:nth-child(even) { padding-inline-end: 0; }
    body.theme-global.page-contact .glcu-cell:nth-child(n + 3) { border-top: 1px solid var(--jr-rule); }
}

/* --- الموبايل: البطاقة كاملة العرض والشريط عمود واحد --- */
@media (max-width: 767px) {
    body.theme-global.page-contact .glcu-mast #common-banner-section-image { padding-bottom: 88px; }
    body.theme-global.page-contact .glcu { padding-bottom: 44px; }
    body.theme-global.page-contact .glcu-card {
        margin-top: -64px;
        padding: 26px 22px 30px;
    }
    body.theme-global.page-contact .glcu-title { font-size: 1.35rem; }
    /* الاسم الأول والأخير بيرجعوا سطر لكل واحد — 50% على 390px بيخنق الحقل */
    body.theme-global.page-contact .glcu-card .inst-cform-row:has(#first_name_contact),
    body.theme-global.page-contact .glcu-card .inst-cform-row:has(#last_name_contact) {
        flex: 1 1 100%;
    }
    body.theme-global.page-contact .glcu-card .inst-cform-row--split { gap: 14px; }
    body.theme-global.page-contact .glcu-card .inst-cform-cc { flex: 0 0 36%; max-width: 36%; }
    body.theme-global.page-contact .glcu-card #submit_contact { width: 100%; min-width: 0; }

    body.theme-global.page-contact .glcu-strip {
        grid-template-columns: minmax(0, 1fr);
        margin-top: 40px;
    }
    body.theme-global.page-contact .glcu-cell {
        padding: 16px 0;
        border-inline-start: 0 !important;
    }
    body.theme-global.page-contact .glcu-cell + .glcu-cell { border-top: 1px solid var(--jr-rule); }

    /* السطر المنقّط مابيتحملش الكلمتين جنب بعض على شاشة ضيقة */
    body.theme-global.page-contact .glcu-more a {
        flex-wrap: wrap;
        gap: 6px 12px;
    }
    body.theme-global.page-contact .glcu-more-dots { display: none; }
    body.theme-global.page-contact .glcu-more-t { flex: 1 1 100%; }
}

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

   مافيش أيقونات ولا أرقام ولا أسهم ولا نقط قائدة هنا: جلوبال
   بيتميّز بالحرف والخط الشعرة، والنقط القائدة أداة "العربي".

   كل الكلاسات بادئتها gldl- (GLobal DownLoads) فمابتلمسش أي قاعدة
   قديمة، والمعهد مالوش body.theme-global أصلاً فمابيشوفش الملف ده.
   ════════════════════════════════════════════════════════════ */

body.theme-global .gldl {
    padding: 44px 0 60px;
}

/* --- الشبكة: عمود قراءة عريض + هامش ضيق يفصله خط شعرة --- */
body.theme-global .gldl-sheet {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(216px, 30%);
    gap: 0 clamp(28px, 4vw, 60px);
    align-items: start;
    border-top: 2px solid var(--jr-ink);
    padding-top: 28px;
}

/* --- الافتتاحية: حرف استهلالي كبير زي أول فقرة في مقال مطبوع --- */
body.theme-global .gldl-standfirst {
    margin: 0 0 8px;
    max-width: 62ch;
    font-family: var(--jr-text);
    font-size: 1.12rem;
    line-height: 1.95;
    color: #2c3a37;
}

body.theme-global .gldl-standfirst::first-letter {
    float: left;
    margin: 6px 10px 0 0;
    font-family: var(--jr-serif);
    font-size: 3.4rem;
    line-height: .82;
    font-weight: 600;
    color: var(--jr-red);
}

/* العربية مافيهاش حرف استهلالي في التقليد الطباعي، والحرف بينفصل عن كلمته
   لأن الخط متصل — فبيتشال في RTL وبيتعوّض بخط رأسي أحمر على حافة البداية. */
body.theme-global[dir="rtl"] .gldl-standfirst::first-letter {
    float: none;
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
}

body.theme-global[dir="rtl"] .gldl-standfirst {
    border-inline-start: 3px solid var(--jr-red);
    padding-inline-start: 18px;
}

/* --- اللوحة: غلاف مرسوم + نص، مفصولة عن اللي بعدها بخط شعرة --- */
body.theme-global .gldl-plate {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0 clamp(20px, 3vw, 38px);
    /* الغلاف أطول من نصّه، ولو النص متعلّق من فوق بيفضل فراغ ميّت تحته — التوسيط
       بيوزّع الفراغ على الناحيتين فالصف بيقرا كلوحة واحدة. */
    align-items: center;
    margin-top: 34px;
    padding-top: 34px;
    border-top: 1px solid var(--jr-rule);
}

/* --- الغلاف: ثلاث ورقات متراكبة تدّي إحساس السماكة، والوش فوقهم --- */
body.theme-global .gldl-cover {
    position: relative;
    width: clamp(112px, 13vw, 168px);
    aspect-ratio: 5 / 7;
}

body.theme-global .gldl-leaf,
body.theme-global .gldl-face {
    position: absolute;
    inset: 0;
    display: block;
}

/* الورق بيطلّ من ناحية النهاية ومن تحت — خصائص منطقية عشان يتقلب في RTL */
body.theme-global .gldl-leaf {
    background: #fff;
    border: 1px solid var(--jr-rule);
}

body.theme-global .gldl-leaf-2 {
    inset-inline-start: 10px;
    inset-inline-end: -10px;
    inset-block-start: 10px;
    inset-block-end: -10px;
}

body.theme-global .gldl-leaf-1 {
    inset-inline-start: 5px;
    inset-inline-end: -5px;
    inset-block-start: 5px;
    inset-block-end: -5px;
}

body.theme-global .gldl-face {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 14px 12px 12px;
    color: #fff;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, .35);
}

/* كعب التجليد: شريط داكن على حافة البداية بخط شعرة جوّاه */
body.theme-global .gldl-spine {
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: 13px;
    background: rgba(0, 0, 0, .26);
    border-inline-end: 1px solid rgba(255, 255, 255, .35);
}

body.theme-global .gldl-plate--teal .gldl-face { background: var(--jr-teal); }
body.theme-global .gldl-plate--brick .gldl-face { background: var(--jr-red); }

body.theme-global .gldl-face-word {
    font-family: var(--jr-serif);
    font-size: .68rem;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    padding-inline-start: 13px; /* عرض الكعب — عشان النص يفضل متمركز في الوش */
}

body.theme-global .gldl-face-year {
    font-family: var(--jr-serif);
    font-size: 2.15rem;
    line-height: 1;
    padding-inline-start: 13px;
}

body.theme-global .gldl-face-foot {
    font-family: var(--jr-serif);
    font-style: italic;
    font-size: .82rem;
    padding-inline-start: 13px;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, .5);
}

/* --- نص اللوحة --- */
body.theme-global .gldl-title {
    margin: 0 0 10px;
    font-family: var(--jr-serif);
    font-weight: 600;
    font-size: clamp(1.28rem, 2.6vw, 1.62rem);
    line-height: 1.35;
    color: var(--jr-ink);
    overflow-wrap: anywhere;
}

body.theme-global .gldl-desc {
    margin: 0;
    max-width: 54ch;
    font-family: var(--jr-text);
    font-size: 1.02rem;
    line-height: 1.85;
    color: #2c3a37;
}

body.theme-global .gldl-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 20px;
    margin-top: 20px;
}

/* زرار التحميل: مربّع الزوايا بلون الحبر — الشكل ده مالوش شبيه في باقي
   المعاهد اللي كلهم بأزرار مدوّرة بلون الموقع. */
body.theme-global .gldl-dl {
    margin-top: 0;
    padding: 11px 22px;
    border-radius: 0;
    background: var(--jr-ink);
    color: var(--jr-paper);
    font-family: var(--jr-serif);
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .13em;
    text-transform: uppercase;
}

body.theme-global .gldl-dl:hover,
body.theme-global .gldl-dl:focus-visible {
    background: var(--jr-teal);
    transform: none;
}

body.theme-global .gldl-go {
    font-family: var(--jr-serif);
    font-style: italic;
    font-size: .96rem;
    color: var(--jr-teal);
    border-bottom: 1px solid currentColor;
    text-decoration: none;
}

body.theme-global .gldl-go:hover,
body.theme-global .gldl-go:focus-visible {
    color: var(--jr-red);
}

/* --- الهامش: لوح جانبي بخط فاصل، والمحتوى فقرة مش قائمة --- */
body.theme-global .gldl-margin {
    border-inline-start: 1px solid var(--jr-rule);
    padding-inline-start: clamp(20px, 2.4vw, 34px);
}

body.theme-global .gldl-margin-label {
    margin: 0 0 12px;
    padding-bottom: 8px;
    border-bottom: 2px solid var(--jr-red);
    font-family: var(--jr-serif);
    font-size: .74rem;
    font-weight: 600;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--jr-ink);
}

body.theme-global .gldl-margin-note {
    margin: 0;
    font-family: var(--jr-text);
    font-size: .96rem;
    line-height: 1.95;
    color: #33413e;
}

body.theme-global .gldl-margin-link {
    color: var(--jr-teal);
    border-bottom: 1px solid currentColor;
    text-decoration: none;
}

body.theme-global .gldl-margin-link:hover,
body.theme-global .gldl-margin-link:focus-visible {
    color: var(--jr-red);
}

/* زرار التحميل جوّه الجملة: بيتصرّف كرابط نصي بالظبط عشان الفقرة تفضل
   فقرة. .inst-dl-btn بيجي display:inline-flex وخلفية وحشو — كلهم بيتصفّروا. */
body.theme-global .gldl-inline-dl {
    display: inline;
    margin: 0;
    padding: 0;
    background: none;
    border: 0;
    border-bottom: 1px solid currentColor;
    border-radius: 0;
    font: inherit;
    color: var(--jr-teal);
    cursor: pointer;
}

body.theme-global .gldl-inline-dl:hover,
body.theme-global .gldl-inline-dl:focus-visible {
    background: none;
    color: var(--jr-red);
    transform: none;
}

/* --- سطر الطباعة في آخر الصفحة: جملة واحدة، من غير أزرار --- */
body.theme-global .gldl-colophon {
    margin: 46px 0 0;
    padding-top: 14px;
    border-top: 1px solid var(--jr-rule);
    font-family: var(--jr-serif);
    font-style: italic;
    font-size: .88rem;
    color: var(--jr-mute);
}

/* --- شاشة متوسطة: الهامش ينزل تحت العمود الرئيسي --- */
@media (max-width: 991px) {
    body.theme-global .gldl-sheet {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }
    body.theme-global .gldl-margin {
        margin-top: 40px;
        padding-top: 26px;
        padding-inline-start: 0;
        border-inline-start: 0;
        border-top: 1px solid var(--jr-rule);
    }
    body.theme-global .gldl-margin-note { max-width: 66ch; }
}

/* --- الموبايل: الغلاف بيصغّر بس بيفضل جنب النص (الصف بيبان كصفحة مجلة) --- */
@media (max-width: 575px) {
    body.theme-global .gldl { padding: 32px 0 44px; }
    body.theme-global .gldl-plate {
        align-items: start;
        grid-template-columns: 84px minmax(0, 1fr);
        gap: 0 16px;
        margin-top: 26px;
        padding-top: 26px;
    }
    body.theme-global .gldl-cover { width: 84px; }
    body.theme-global .gldl-spine { width: 9px; }
    body.theme-global .gldl-face { padding: 9px 7px 8px; }
    body.theme-global .gldl-face-word,
    body.theme-global .gldl-face-year,
    body.theme-global .gldl-face-foot { padding-inline-start: 9px; }
    body.theme-global .gldl-face-word { font-size: .56rem; letter-spacing: .1em; }
    body.theme-global .gldl-face-year { font-size: 1.32rem; }
    body.theme-global .gldl-face-foot { font-size: .68rem; padding-top: 5px; }
    body.theme-global .gldl-standfirst { font-size: 1.04rem; line-height: 1.85; }
    body.theme-global .gldl-standfirst::first-letter { font-size: 2.9rem; }
    body.theme-global .gldl-title { font-size: 1.14rem; }
    body.theme-global .gldl-desc { font-size: .96rem; line-height: 1.75; }
    /* الزرار والرابط بيبقوا سطرين على العرض الضيق بدل ما يخرجوا بره العمود */
    body.theme-global .gldl-actions { gap: 12px; }
    body.theme-global .gldl-dl { padding: 10px 14px; letter-spacing: .08em; }
    /* الورقة الطالّة 10px بتزوّد عرض الصف — بتقلّ عشان ماتزحّمش النص */
    body.theme-global .gldl-leaf-2 {
        inset-inline-start: 6px; inset-inline-end: -6px;
        inset-block-start: 6px; inset-block-end: -6px;
    }
    body.theme-global .gldl-leaf-1 {
        inset-inline-start: 3px; inset-inline-end: -3px;
        inset-block-start: 3px; inset-block-end: -3px;
    }
}

/* ════════════════════════════════════════════════════════════
   جلوبال — /about-global بتخطيط "صفحة المجلة" (2026-09-09)
   ------------------------------------------------------------
   ليه: الصفحة القديمة كانت ثلاث بنود (رؤية/رسالة/قيم) + ثلاث بنود
   (عام/داخلي/أونلاين) + زرار خاتمة — نفس المعمار في الإحدى عشر
   معهد، فالتلوين لوحده مكانش بيخفي إن الإيد واحدة. الهيكل الجديد
   بيغيّر العدد والوزن والتسلسل: مقال واحد في عمود عريض + هامش ضيق
   (قيم بخمس نقاط + تواصل)، وبعده لوحتان بعرضين غير متساويين.

   لغة جلوبال البصرية زي ما هي: ورق دافي، حرف رقعي، خطوط شعرة،
   صفر زوايا مدوّرة، صفر ظلال، صفر أيقونات. النقط القائدة مقصودة
   الغياب — دي أداة "العربي" مش أداة جلوبال.

   كل الكلاسات بادئتها glab- (GLobal ABout) فمابتلمسش أي قاعدة
   قديمة (gljr / gldl / inst)، والمعهد مالوش body.theme-global أصلاً.
   ════════════════════════════════════════════════════════════ */

body.theme-global .glab {
    background: var(--jr-paper);
    padding: 44px 0 62px;
}

/* --- الشبكة: عمود قراءة عريض + هامش ضيق يفصله خط شعرة --- */
body.theme-global .glab-sheet {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(212px, 28%);
    gap: 0 clamp(28px, 4vw, 58px);
    align-items: start;
    border-top: 2px solid var(--jr-ink);
    padding-top: 30px;
}

/* --- المقال: حرف استهلالي زي أول فقرة في مقال مطبوع --- */
body.theme-global .glab-standfirst {
    margin: 0;
    max-width: 62ch;
    font-family: var(--jr-text);
    font-size: 1.14rem;
    line-height: 1.95;
    color: #2c3a37;
}

body.theme-global .glab-standfirst::first-letter {
    float: left;
    margin: 7px 11px 0 0;
    font-family: var(--jr-serif);
    font-size: 3.5rem;
    line-height: .82;
    font-weight: 600;
    color: var(--jr-red);
}

/* العربية مافيهاش حرف استهلالي في التقليد الطباعي، والحرف بينفصل عن كلمته
   لأن الخط متصل — فبيتشال في RTL وبيتعوّض بخط رأسي أحمر على حافة البداية
   (نفس معالجة /downloads عشان الموقع يفضل متماسك جوّه نفسه). */
body.theme-global[dir="rtl"] .glab-standfirst::first-letter {
    float: none;
    margin: 0;
    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
    color: inherit;
}

body.theme-global[dir="rtl"] .glab-standfirst {
    border-inline-start: 3px solid var(--jr-red);
    padding-inline-start: 18px;
}

/* المقال نفسه شبكة: عمود هامش للعناوين الفرعية + عمود النص.
   ليه: العمود العريض 950px والمقاس المريح للقراءة 68 حرف (~700px)، فلو النص
   لوحده فيه كان بيفضل فراغ ميّت 250px بين آخر السطر وخط الهامش. العنوان
   الفرعي "معلّق" في الفراغ ده فبيتملا بمعنى — وده نفس منطق اللافتة في
   الهامش اللي جلوبال بيستعمله في .gljr-entry، فالصفحة تفضل من نفس العيلة. */
body.theme-global .glab-article {
    display: grid;
    grid-template-columns: minmax(140px, 20%) minmax(0, 1fr);
    gap: 0 clamp(24px, 3vw, 46px);
    align-items: start;
}

/* الافتتاحية بتبدأ من عمود النص عشان الحرف الاستهلالي يقع على نفس
   الرصيف اللي بتقع عليه كل الفقرات بعده. */
body.theme-global .glab-standfirst,
body.theme-global .glab-p {
    grid-column: 2;
}

body.theme-global .glab-sub {
    grid-column: 1;
}

/* عنوان فرعي معلّق في الهامش: شرطة قرميدية فوقه، ولافتة صغيرة تحتها —
   مش عنوان قسم بخط ممتد (ده شكل .gljr-h) عشان يفضل تابع للمقال. */
body.theme-global .glab-sub {
    margin: 36px 0 0;
    padding-top: 11px;
    border-top: 2px solid var(--jr-red);
    font-family: var(--jr-serif);
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--jr-ink);
}

/* نفس الهامش العلوي عشان العنوان والفقرة يقعوا على نفس السطر في الشبكة */
body.theme-global .glab-p {
    margin: 36px 0 0;
    max-width: 68ch;
    font-family: var(--jr-text);
    font-size: 1.05rem;
    line-height: 1.92;
    color: #2c3a37;
}

/* الرابط جوّه النص: خط شعرة تحته بمسافة — بيبان إنه رابط من غير ما
   يقطع إيقاع الفقرة. */
body.theme-global .glab-inline-link {
    color: var(--jr-teal);
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    padding-bottom: 1px;
}

body.theme-global .glab-inline-link:hover,
body.theme-global .glab-inline-link:focus-visible {
    color: var(--jr-red);
}

/* --- الهامش: خط شعرة فاصل، وكل حاجة فيه أصغر من المقال --- */
body.theme-global .glab-margin {
    border-inline-start: 1px solid var(--jr-rule);
    padding-inline-start: clamp(20px, 2.4vw, 34px);
}

body.theme-global .glab-margin-h {
    margin: 0 0 10px;
    font-family: var(--jr-serif);
    font-size: .74rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--jr-mute);
}

body.theme-global .glab-margin-h--2 {
    margin-top: 30px;
}

/* القيم: خمس نقاط مرقّمة بأرقام رقعية قرميدية صغيرة، كل نقطة سطر
   بخط شعرة — قائمة هامش، مش كروت ولا شبكة. */
body.theme-global .glab-values {
    list-style: none;
    counter-reset: glabv;
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--jr-rule-soft);
}

body.theme-global .glab-values li {
    counter-increment: glabv;
    display: flex;
    align-items: baseline;
    gap: 11px;
    padding: 9px 0;
    border-bottom: 1px solid var(--jr-rule-soft);
    font-family: var(--jr-text);
    font-size: .96rem;
    line-height: 1.6;
    color: #2c3a37;
}

body.theme-global .glab-values li::before {
    content: counter(glabv);
    flex: 0 0 auto;
    min-width: 1.3em;
    /* الرقم بخط غير رقعي عن قصد: أرقام Georgia/Fraunces قديمة (oldstyle)
       فالـ3 بتنزل تحت السطر وبتتقري 5 في المقاس الصغير ده. التباين بين
       الرقم السانس والنص الرقعي مقصود وشائع في هوامش المجلات. */
    font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    font-size: .74rem;
    font-variant-numeric: tabular-nums;
    letter-spacing: .04em;
    color: var(--jr-red);
}

/* التواصل: مفتاح صغير + قيمة — بديل زرار "تواصل معنا" اللي كان
   خاتمة الصفحة عند كل المعاهد. */
body.theme-global .glab-contact {
    list-style: none;
    margin: 0;
    padding: 0;
}

body.theme-global .glab-contact li {
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 7px 0;
    font-family: var(--jr-text);
    font-size: .95rem;
    line-height: 1.6;
}

body.theme-global .glab-contact-k {
    flex: 0 0 auto;
    min-width: 4.2em;
    font-family: var(--jr-serif);
    font-size: .68rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--jr-mute);
}

body.theme-global .glab-contact a {
    color: var(--jr-teal);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    word-break: break-word;
}

body.theme-global .glab-contact a:hover,
body.theme-global .glab-contact a:focus-visible {
    border-bottom-color: currentColor;
}

body.theme-global .glab-margin-sig {
    margin: 26px 0 0;
    padding-top: 12px;
    border-top: 1px solid var(--jr-rule);
    font-family: var(--jr-serif);
    font-style: italic;
    font-size: .92rem;
    color: var(--jr-mute);
}

/* --- اللوحتان: عرضان غير متساويين، ولون الحافة = لون اللافتة --- */
body.theme-global .glab-plates {
    display: grid;
    grid-template-columns: 1.35fr 1fr;
    gap: clamp(22px, 3vw, 46px);
    margin-top: 52px;
    padding-top: 30px;
    border-top: 2px solid var(--jr-ink);
    align-items: start;
}

body.theme-global .glab-plate {
    background: #fff;
    border: 1px solid var(--jr-rule);
    border-top: 3px solid var(--jr-red);
    padding: 26px clamp(20px, 2.4vw, 34px) 28px;
}

body.theme-global .glab-plate--wide {
    border-top-color: var(--jr-teal);
}

body.theme-global .glab-kicker {
    margin: 0 0 8px;
    font-family: var(--jr-serif);
    font-style: italic;
    font-size: .84rem;
    letter-spacing: .08em;
    color: var(--jr-red);
}

body.theme-global .glab-plate--wide .glab-kicker {
    color: var(--jr-teal);
}

body.theme-global .glab-plate-h {
    margin: 0 0 10px;
    font-family: var(--jr-serif);
    font-weight: 600;
    font-size: 1.34rem;
    line-height: 1.35;
    color: var(--jr-ink);
}

body.theme-global .glab-plate--wide .glab-plate-h {
    font-size: 1.52rem;
}

body.theme-global .glab-plate-p {
    margin: 0;
    max-width: 56ch;
    font-family: var(--jr-text);
    font-size: 1rem;
    line-height: 1.85;
    color: #2c3a37;
}

/* الرابط: كلمة وبعدها خط شعرة بيمتد لحافة اللوحة — لغة جلوبال
   (خط شعرة) بدل السهم اللي كان في كل المعاهد. */
body.theme-global .glab-go {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 18px;
    font-family: var(--jr-serif);
    font-size: .96rem;
    color: var(--jr-teal);
    text-decoration: none;
}

body.theme-global .glab-plate:not(.glab-plate--wide) .glab-go {
    color: var(--jr-red);
}

body.theme-global .glab-go-t {
    flex: 0 1 auto;
    border-bottom: 1px solid currentColor;
    padding-bottom: 2px;
}

body.theme-global .glab-go-rule {
    flex: 1 1 auto;
    min-width: 16px;
    height: 1px;
    background: var(--jr-rule);
}

body.theme-global .glab-go:hover .glab-go-rule,
body.theme-global .glab-go:focus-visible .glab-go-rule {
    background: currentColor;
}

/* سطر الدورات الداخلية جوّه لوحة الحضوري: خط شعرة فوقه وحجم أصغر —
   بيقرا كملحوظة تابعة للوحة، مش كبند تالت. */
body.theme-global .glab-inline-note {
    margin: 22px 0 0;
    padding-top: 16px;
    border-top: 1px solid var(--jr-rule-soft);
    max-width: 62ch;
    font-family: var(--jr-text);
    font-size: .94rem;
    line-height: 1.8;
    color: var(--jr-mute);
}

/* --- شاشة متوسطة: الهامش ينزل تحت المقال، واللوحتان فوق بعض --- */
@media (max-width: 991px) {
    body.theme-global .glab-sheet {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }
    /* العنوان الفرعي المعلّق مالوش مكان في عمود واحد — بيرجع فوق فقرته */
    body.theme-global .glab-article {
        grid-template-columns: minmax(0, 1fr);
    }
    body.theme-global .glab-standfirst,
    body.theme-global .glab-p,
    body.theme-global .glab-sub {
        grid-column: 1;
    }
    body.theme-global .glab-p { margin-top: 10px; }
    body.theme-global .glab-margin {
        margin-top: 38px;
        padding-top: 26px;
        padding-inline-start: 0;
        border-inline-start: 0;
        border-top: 1px solid var(--jr-rule);
    }
    body.theme-global .glab-plates {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* --- الموبايل: الحرف الاستهلالي والعناوين بيصغّروا، والحشو بيقلّ --- */
@media (max-width: 575px) {
    body.theme-global .glab { padding: 32px 0 46px; }
    body.theme-global .glab-standfirst { font-size: 1.05rem; line-height: 1.85; }
    body.theme-global .glab-standfirst::first-letter { font-size: 2.9rem; }
    body.theme-global .glab-p { font-size: 1rem; line-height: 1.85; }
    body.theme-global .glab-plate-h,
    body.theme-global .glab-plate--wide .glab-plate-h { font-size: 1.22rem; }
    body.theme-global .glab-plate { padding: 22px 18px 24px; }
    /* المفتاح والقيمة سطرين على العرض الضيق — الإيميل الطويل كان بيزقّ الصف */
    body.theme-global .glab-contact li { flex-wrap: wrap; gap: 2px 10px; }
    body.theme-global .glab-contact-k { flex: 1 1 100%; }
}

/* ════════════════════════════════════════════════════════════
   الأسئلة الشائعة — معمار "مراحل الرحلة" (2026-09-09)
   ------------------------------------------------------------
   ليه ملف تنسيق جديد بدل ما نعدّل .gljr-qa: الشكل القديم كان
   أكورديون واحد متساوي الوزن لتلات مجموعات متساوية — وده اللي
   كان بيخلّي الصفحة تتقرا زي صفحة أي معهد تاني مهما اختلف اللون.
   هنا الوزن البصري نفسه هو اللي بيحمل المعنى:

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

   اللافتة في الهامش الجانبي مش فوق المجموعة — نفس منطق .glab-sub
   في صفحة "عن المعهد"، عشان الصفحة تفضل من عيلة جلوبال المطبعية.

   كل الكلاسات بادئتها glfq- (GLobal FaQ) فمابتلمسش .gljr-qa القديمة
   ولا أي ثيم تاني، والمعهد ما بيشوفش الملف ده أصلاً.
   ════════════════════════════════════════════════════════════ */

/* المقال أول حاجة على الورقة: خط سميك فوقه زي رأس عمود المجلة */
body.theme-global .glfq-stage-lead {
    border-top: 2px solid var(--jr-ink);
    padding-top: 26px;
}

/* الشبكة: هامش + متن. الهامش نسبة مئوية عشان يفضل هامش على الشاشة
   العريضة من غير ما يبلع عمود القراية على الشاشة المتوسطة. */
body.theme-global .glfq-stage {
    display: grid;
    grid-template-columns: minmax(180px, 19%) minmax(0, 1fr);
    gap: 0 clamp(28px, 4vw, 58px);
    align-items: start;
}

/* اللصق (sticky) اتشال: بعد ما الهامش شال حواشي البيانات بقى أطول من
   الشاشة، واللاصق ساعتها بيتثبت من فوق وبيقص آخره. */

/* ترتيب المصدر: لافتة ← مقال ← حواشي. على الموبايل ده هو الترتيب اللي
   الزائر عايزه (السؤال الأول فورًا، البيانات بعده). على الشاشة العريضة
   الشبكة بترجّع الحواشي تحت اللافتة في عمود الهامش، والمقال بيمتد على
   الصفّين — من غير ما نلمس ترتيب الـDOM ولا نستعمل display:contents. */
body.theme-global .glfq-stage-lead > .glfq-rail {
    grid-column: 1;
    grid-row: 1;
}

body.theme-global .glfq-stage-lead > .glfq-notes {
    grid-column: 1;
    grid-row: 2;
    /* الحواشي بتاخد باقي ارتفاع العمود فبتفضل ملزوقة تحت اللافتة */
    align-self: start;
}

body.theme-global .glfq-stage-lead > .glfq-lead {
    grid-column: 2;
    grid-row: 1 / span 2;
}

body.theme-global .glfq-rail {
    padding-top: 2px;
}

/* رقم المرحلة: رقعي مائل قرميدي فوق خط قصير — علامة حاشية مطبوعة،
   مش رقم بند في قائمة (البنود نفسها مش مرقّمة عن قصد). */
body.theme-global .glfq-stage-n {
    display: block;
    padding-top: 9px;
    border-top: 2px solid var(--jr-red);
    font-family: var(--jr-serif);
    font-style: italic;
    font-size: .92rem;
    line-height: 1.4;
    color: var(--jr-red);
}

body.theme-global .glfq-stage-h {
    margin: 5px 0 0;
    font-family: var(--jr-serif);
    font-size: .84rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--jr-ink);
}

/* حاشية التواصل: رابط نصي في الهامش، مش زرار خاتمة في آخر الصفحة */
body.theme-global .glfq-rail-note {
    margin: 22px 0 0;
    padding-top: 12px;
    border-top: 1px solid var(--jr-rule);
    font-family: var(--jr-text);
    font-size: .92rem;
    line-height: 1.7;
}

body.theme-global .glfq-rail-link {
    color: var(--jr-teal);
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    padding-bottom: 1px;
}

body.theme-global .glfq-rail-link:hover,
body.theme-global .glfq-rail-link:focus-visible {
    color: var(--jr-red);
}

/* --- المتن الأول: مقال. عناوين رقعية وفقرات مفتوحة، بدون صناديق --- */
body.theme-global .glfq-lead {
    padding-bottom: 8px;
}

/* شرطة تركوازية قصيرة فوق كل سؤال: بتفصل المداخل في مقال بلا خطوط
   من غير ما تحوّله لقائمة صفوف. */
body.theme-global .glfq-lead-q {
    margin: 34px 0 0;
    padding-top: 14px;
    max-width: 62ch;
    font-family: var(--jr-serif);
    font-size: 1.16rem;
    font-weight: 600;
    line-height: 1.5;
    color: var(--jr-ink);
    position: relative;
}

body.theme-global .glfq-lead-q::before {
    content: '';
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 30px;
    height: 2px;
    background: var(--jr-teal);
}

body.theme-global .glfq-lead-q:first-child {
    margin-top: 0;
    padding-top: 0;
}

body.theme-global .glfq-lead-q:first-child::before {
    display: none;
}

body.theme-global .glfq-lead-a {
    margin: 9px 0 0;
    max-width: 68ch;
    font-family: var(--jr-text);
    font-size: 1.05rem;
    line-height: 1.92;
    color: #2c3a37;
}

/* --- الشريط السفلي: سجلّان جنب بعض، أخف وأضيق من المقال --- */
body.theme-global .glfq-band {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 clamp(30px, 4vw, 60px);
    margin-top: 54px;
    padding-top: 30px;
    border-top: 1px solid var(--jr-rule);
}

/* هامش السجل أضيق من هامش المقال — عمود القراية جوّه نص العرض أصلاً */
body.theme-global .glfq-stage-fold {
    grid-template-columns: minmax(108px, 27%) minmax(0, 1fr);
    gap: 0 clamp(20px, 2.4vw, 34px);
}

body.theme-global .glfq-item {
    border-bottom: 1px solid var(--jr-rule-soft);
}

body.theme-global .glfq-item:first-child {
    border-top: 1px solid var(--jr-rule-soft);
}

body.theme-global .glfq-item:last-child {
    border-bottom: 0;
}

/* السؤال المطوي: خط منقّط تحت النص هو علامة إنه بيفتح — مافيش رقم
   ولا سهم ولا علامة + في آخر الصف (دي الحاجة اللي كانت متكررة عند
   كل المعاهد). الخط المنقّط أداة مطبعية من هوية جلوبال أصلاً. */
body.theme-global .glfq-q {
    list-style: none;
    cursor: pointer;
    padding: 11px 0;
    font-family: var(--jr-serif);
    font-size: .96rem;
    font-weight: 600;
    line-height: 1.65;
    color: var(--jr-ink);
}

body.theme-global .glfq-q::-webkit-details-marker {
    display: none;
}

body.theme-global .glfq-q > span {
    border-bottom: 1px dotted var(--jr-teal);
    padding-bottom: 2px;
}

body.theme-global .glfq-q:hover > span {
    color: var(--jr-teal);
}

body.theme-global .glfq-item[open] > .glfq-q > span {
    color: var(--jr-teal);
    border-bottom-style: solid;
}

body.theme-global .glfq-q:focus-visible {
    outline: 2px solid var(--jr-teal);
    outline-offset: 3px;
}

/* الإجابة معلّمة بخط تركوازي على حافة البداية: بتبان تابعة لسؤالها
   لما يكون في أكتر من واحدة مفتوحة. */
body.theme-global .glfq-a {
    margin: 0 0 14px;
    padding-inline-start: 14px;
    border-inline-start: 2px solid var(--jr-teal);
    max-width: 62ch;
    font-family: var(--jr-text);
    font-size: .95rem;
    line-height: 1.85;
    color: var(--jr-mute);
}

body.theme-global .glfq-a p {
    margin: 0;
}

/* --- شاشة متوسطة: السجلّان فوق بعض، والهامش يفضل جنب المتن --- */
@media (max-width: 991px) {
    body.theme-global .glfq-band {
        grid-template-columns: minmax(0, 1fr);
        gap: 34px;
    }
    body.theme-global .glfq-stage-fold + .glfq-stage-fold {
        padding-top: 30px;
        border-top: 1px solid var(--jr-rule-soft);
    }
    /* اللصق مالوش معنى لما العمود يقصر */
    body.theme-global .glfq-stage-lead .glfq-rail {
        position: static;
    }
}

/* --- الموبايل: عمود واحد. الهامش بينزل فوق المتن لأن مافيش مكان
       جانبي على 390px، وبيفضل مميّز بشرطته القرميدية. --- */
@media (max-width: 767px) {
    body.theme-global .glfq-stage,
    body.theme-global .glfq-stage-fold {
        grid-template-columns: minmax(0, 1fr);
        gap: 0;
    }
    body.theme-global .glfq-rail {
        margin-bottom: 20px;
    }
    /* رجوع للترتيب الطبيعي (لافتة ← مقال ← حواشي) في العمود الواحد */
    body.theme-global .glfq-stage-lead > .glfq-rail,
    body.theme-global .glfq-stage-lead > .glfq-notes,
    body.theme-global .glfq-stage-lead > .glfq-lead {
        grid-column: 1;
        grid-row: auto;
    }
    body.theme-global .glfq-notes {
        margin-top: 30px;
    }
    body.theme-global .glfq-lead-q {
        font-size: 1.08rem;
    }
    body.theme-global .glfq-lead-a {
        font-size: 1rem;
        line-height: 1.88;
    }
    body.theme-global .glfq-band {
        margin-top: 40px;
    }
}

/* --- حواشي الهامش: بيانات حقيقية جنب المرحلة اللي بتخدمها ---
   كلها أصغر وأخف من المتن عشان تفضل حاشية مش قسم تاني في الصفحة. */
body.theme-global .glfq-note {
    margin-top: 22px;
    padding-top: 12px;
    border-top: 1px solid var(--jr-rule-soft);
}

body.theme-global .glfq-note-h {
    margin: 0 0 7px;
    font-family: var(--jr-serif);
    font-size: .7rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--jr-mute);
}

body.theme-global .glfq-note-h a {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid var(--jr-rule);
}

body.theme-global .glfq-note-h a:hover,
body.theme-global .glfq-note-h a:focus-visible {
    color: var(--jr-teal);
    border-bottom-color: currentColor;
}

body.theme-global .glfq-note-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: var(--jr-text);
    font-size: .9rem;
    line-height: 1.75;
    color: #2c3a37;
}

body.theme-global .glfq-note-list li {
    padding: 2px 0;
}

body.theme-global .glfq-note-list a {
    color: var(--jr-teal);
    text-decoration: none;
    /* الرابط بيبان بخط شعرة تحته لما اللمس/الفأرة تعدّي، ومن غير لمس
       بيفضل مميّز بلونه — التباين 5.5:1 على الورق. */
    border-bottom: 1px solid transparent;
}

body.theme-global .glfq-note-list a:hover,
body.theme-global .glfq-note-list a:focus-visible {
    color: var(--jr-red);
    border-bottom-color: currentColor;
}

/* الأرقام: رقم سانس قرميدي جنب كلمته — نفس منطق أرقام .glab-values،
   لأن أرقام Georgia قديمة (oldstyle) وبتنزل تحت السطر في المقاس ده. */
body.theme-global .glfq-figs li span {
    font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    font-size: .95rem;
    font-variant-numeric: tabular-nums;
    color: var(--jr-red);
    margin-inline-end: 4px;
}

/* على الموبايل الهامش بيبقى فوق المتن، فالحواشي بتترص أفقيًا بدل
   عمود طويل يبعّد أول سؤال عن أول الصفحة. */
@media (max-width: 767px) {
    body.theme-global .glfq-note-list {
        display: flex;
        flex-wrap: wrap;
        gap: 0 16px;
    }
    body.theme-global .glfq-note {
        margin-top: 16px;
        padding-top: 10px;
    }
}

/* --- المرحلة التالتة: مسرد مضغوط بدل سجل مطوي ---
   السؤال بخط رقعي أصغر من عناوين المقال، والإجابة تحته مباشرة بخط شعرة
   فاصل — وزن تالت بين المقال المفتوح والسجل المطوي. */
body.theme-global .glfq-gloss {
    margin: 0;
    border-top: 1px solid var(--jr-rule-soft);
}

body.theme-global .glfq-gloss dt {
    padding-top: 11px;
    font-family: var(--jr-serif);
    font-size: .96rem;
    font-weight: 600;
    line-height: 1.6;
    color: var(--jr-ink);
}

body.theme-global .glfq-gloss dd {
    margin: 3px 0 0;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--jr-rule-soft);
    max-width: 62ch;
    font-family: var(--jr-text);
    font-size: .95rem;
    line-height: 1.85;
    color: var(--jr-mute);
}

body.theme-global .glfq-gloss dd:last-child {
    border-bottom: 0;
}

/* ════════════════════════════════════════════════════════════
   جلوبال — /services/in-house-courses و /services/public-courses
   إعادة كتابة معمارية (2026-09-09)
   ------------------------------------------------------------
   الصفحتان كانتا بتقروا زي باقي المعاهد: ٣ خطوات مرقّمة + ٤ مزايا
   هنا، و٣ مزايا + ٣ شروط هناك. اللون كان بيتغيّر والقراءة واحدة.
   الحل مش ألوان — الحل أشكال عرض مختلفة، ومختلفة عن بعضها كمان:

   · الداخلية (.glih): مقال بعمودين — نثر بعناوين معلّقة في هامش
     السطر + اقتباس بارز، وعمود ضيق لاصق فيه فورم بحقل واحد.
   · العامة (.glpc): لوحتان بأحجام غير متساوية (ورق عريض + صندوق
     ضيق مظلل) وتحتهما حاشيتان مرقّمتان.

   كل الكلاسات جديدة (glih-/glpc-) فمابتلمسش أي قاعدة قديمة،
   وكلها خصائص منطقية عشان العربي والإنجليزي.
   ════════════════════════════════════════════════════════════ */

/* ---------- الدورات الداخلية: مقال مجلة بعمودين ---------- */

body.theme-global .glih-grid {
    display: grid;
    /* العمود الضيق ثابت تقريبًا عشان الفورم ما يتمدّدش، والعريض بياخد الباقي */
    grid-template-columns: minmax(0, 1fr) minmax(0, 322px);
    gap: 0 clamp(30px, 4vw, 64px);
    align-items: start;
}

body.theme-global .glih-lede {
    margin: 0 0 6px;
    padding-top: 22px;
    border-top: 2px solid var(--jr-ink);
    font-family: var(--jr-serif);
    font-size: clamp(1.1rem, 1.5vw, 1.24rem);
    line-height: 1.85;
    color: var(--jr-ink);
    max-width: 60ch;
}

/* العنوان معلّق في هامش السطر جنب النص — مش فوقه — فالقراءة بتنزل
   في عمود واحد متصل والعناوين بتفضل على جنب زي حواشي المجلة. */
body.theme-global .glih-sec {
    display: grid;
    grid-template-columns: minmax(120px, 21%) minmax(0, 1fr);
    gap: 0 clamp(20px, 2.6vw, 40px);
    padding: 26px 0 4px;
    margin-top: 22px;
    border-top: 1px solid var(--jr-rule);
}

body.theme-global .glih-sec-h {
    margin: 0;
    padding-top: 4px;
    font-family: var(--jr-serif);
    font-size: .8rem;
    font-weight: 600;
    line-height: 1.55;
    letter-spacing: .13em;
    text-transform: uppercase;
    color: var(--jr-ink);
}

body.theme-global .glih-sec-body {
    font-family: var(--jr-text);
    font-size: 1.04rem;
    line-height: 1.95;
    color: #2c3a37;
    max-width: 66ch;
}

body.theme-global .glih-sec-body p {
    margin: 0 0 15px;
}

body.theme-global .glih-sec-body p:last-child {
    margin-bottom: 0;
}

/* الاقتباس البارز: بيكسر العمود بعرضه الكامل — ده المكسب المعماري،
   ميزة واحدة بترتفع فوق مستوى القائمة بدل ما تبقى بند رابع. */
body.theme-global .glih-pull {
    margin: 30px 0 4px;
    padding: 2px 0;
    padding-inline-start: clamp(16px, 1.8vw, 24px);
    border: 0;
    border-inline-start: 3px solid var(--jr-red);
    font-family: var(--jr-serif);
    font-style: italic;
    font-size: clamp(1.18rem, 2vw, 1.46rem);
    line-height: 1.62;
    color: var(--jr-teal);
    max-width: 36ch;
}

body.theme-global .glih-sign {
    margin: 30px 0 0;
    padding-top: 16px;
    border-top: 1px solid var(--jr-rule);
    font-family: var(--jr-text);
    font-size: .95rem;
    color: var(--jr-mute);
}

body.theme-global .glih-sign a {
    color: var(--jr-teal);
    border-bottom: 1px solid rgba(10, 114, 105, .4);
}

body.theme-global .glih-sign a:hover,
body.theme-global .glih-sign a:focus {
    color: var(--jr-red);
    border-bottom-color: currentColor;
}

body.theme-global .glih-sep {
    margin-inline: 8px;
    color: var(--jr-rule);
}

/* الهامش اللاصق: بيمشي مع القراءة على الشاشات الكبيرة بس. */
body.theme-global .glih-aside {
    position: sticky;
    top: 96px;
    align-self: start;
}

body.theme-global .glih-panel {
    padding-top: 22px;
    border-top: 2px solid var(--jr-ink);
}

body.theme-global .glih-panel-h {
    margin: 0 0 8px;
    font-family: var(--jr-serif);
    font-size: 1.08rem;
    font-weight: 600;
    color: var(--jr-ink);
}

body.theme-global .glih-note {
    margin: 0 0 20px;
    font-family: var(--jr-text);
    font-size: .93rem;
    line-height: 1.75;
    color: var(--jr-mute);
}

body.theme-global .glih-field {
    display: block;
    margin: 0;
}

body.theme-global .glih-field-label {
    display: block;
    margin-bottom: 4px;
    font-family: var(--jr-serif);
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--jr-mute);
}

/* حقل بخط سُفلي بس — نفس منطق فورم اتصل بنا في الثيم، مافيش صندوق. */
body.theme-global .glih-input {
    display: block;
    width: 100%;
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--jr-ink);
    border-radius: 0;
    padding: 7px 0 9px;
    font-family: var(--jr-text);
    font-size: 1rem;
    color: var(--jr-ink);
}

body.theme-global .glih-input:focus {
    outline: 2px solid var(--jr-teal);
    outline-offset: 3px;
    border-bottom-color: var(--jr-teal);
}

body.theme-global .glih-submit {
    width: 100%;
    justify-content: center;
    margin-top: 20px;
    text-align: center;
}

body.theme-global .glih-asks-h {
    margin: 24px 0 4px;
    font-family: var(--jr-serif);
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--jr-mute);
}

body.theme-global .glih-asks {
    margin: 0;
    font-family: var(--jr-text);
    font-size: .92rem;
    line-height: 1.8;
    color: #2c3a37;
}

@media (max-width: 991px) {
    body.theme-global .glih-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 34px;
    }
    /* اللصق بيتشال على الموبايل: العمود بقى تحت المقال فمافيش حاجة يمشي جنبها */
    body.theme-global .glih-aside {
        position: static;
    }
    body.theme-global .glih-sec {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
    }
    body.theme-global .glih-sec-h {
        padding-top: 0;
    }
    body.theme-global .glih-pull {
        max-width: none;
    }
}

/* ---------- الدورات العامة: لوحتان غير متساويتين + حواشي ---------- */

body.theme-global .glpc-panels {
    display: grid;
    /* عدم التساوي مقصود: اللوحة العريضة هي المقال، والضيقة صندوق إجراء */
    grid-template-columns: minmax(0, 1.62fr) minmax(0, 1fr);
    gap: clamp(28px, 3.4vw, 56px);
    align-items: start;
}

body.theme-global .glpc-main {
    padding-top: 22px;
    border-top: 2px solid var(--jr-ink);
}

body.theme-global .glpc-h {
    margin: 0 0 14px;
    font-family: var(--jr-serif);
    font-weight: 600;
    font-size: clamp(1.28rem, 2vw, 1.52rem);
    color: var(--jr-ink);
}

body.theme-global .glpc-p {
    margin: 0 0 16px;
    font-family: var(--jr-text);
    font-size: 1.05rem;
    line-height: 1.95;
    color: #2c3a37;
    max-width: 68ch;
}

body.theme-global .glpc-p:last-child {
    margin-bottom: 0;
}

/* الصندوق الضيق: تظليل تركوازي فاتح وإطار شعرة — مافيش زوايا مدوّرة
   ولا ظل، عشان يفضل في لغة الورق المطبوع. */
body.theme-global .glpc-side {
    background: #eef3f2;
    border: 1px solid #c7dbd8;
    padding: clamp(20px, 2.2vw, 30px);
}

body.theme-global .glpc-side-h {
    margin: 0 0 14px;
    padding-bottom: 12px;
    border-bottom: 1px solid #c7dbd8;
    font-family: var(--jr-serif);
    font-weight: 600;
    font-size: 1.16rem;
    color: var(--jr-ink);
}

body.theme-global .glpc-side-p {
    margin: 0;
    font-family: var(--jr-text);
    font-size: 1rem;
    line-height: 1.95;
    color: #24322f;
}

/* علامة الإحالة: رقم صغير مرفوع بلون قرميدي — سانس عشان أرقام Georgia
   قديمة (oldstyle) وبتنزل تحت السطر فما بتبانش كعلامة رفع. */
body.theme-global .glpc-ref {
    font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    font-size: .7em;
    font-variant-numeric: tabular-nums;
    vertical-align: super;
    line-height: 0;
    color: var(--jr-red);
    padding-inline: 2px;
    text-decoration: none;
}

body.theme-global .glpc-ref:hover,
body.theme-global .glpc-ref:focus {
    color: var(--jr-red);
    text-decoration: underline;
}

body.theme-global .glpc-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}

body.theme-global .glpc-notes {
    margin-top: clamp(32px, 3.6vw, 52px);
    padding-top: 14px;
    border-top: 1px solid var(--jr-rule);
}

body.theme-global .glpc-notes-h {
    margin: 0 0 10px;
    font-family: var(--jr-serif);
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--jr-mute);
}

/* عدّاد يدوي بدل مؤشّر القائمة: عشان الرقم يبقى بلون القرميد وبخط سانس
   ويتصفّ مع بداية السطر في الاتجاهين. */
body.theme-global .glpc-note-list {
    counter-reset: glpcn;
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px clamp(28px, 3.4vw, 56px);
}

body.theme-global .glpc-note-list li {
    counter-increment: glpcn;
    position: relative;
    padding-inline-start: 24px;
    font-family: var(--jr-text);
    font-size: .94rem;
    line-height: 1.85;
    color: var(--jr-mute);
    max-width: 62ch;
}

body.theme-global .glpc-note-list li::before {
    content: counter(glpcn);
    position: absolute;
    inset-inline-start: 0;
    top: 3px;
    font-family: system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
    font-size: .78rem;
    font-variant-numeric: tabular-nums;
    color: var(--jr-red);
}

body.theme-global .glpc-note-list strong {
    font-family: var(--jr-serif);
    font-weight: 600;
    color: var(--jr-ink);
}

@media (max-width: 991px) {
    body.theme-global .glpc-panels {
        grid-template-columns: minmax(0, 1fr);
    }
    body.theme-global .glpc-note-list {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* ════════════════════════════════════════════════════════════
   جلوبال — /clients: القطاعات كثلاث عائلات نثرية (2026-09-09)
   ------------------------------------------------------------
   ليه: الشكل القديم (.gljr-index) كان فهرس عشرة بنود متساوية في
   عمودين — نفس عدد البنود ونفس ترتيبها عند باقي المعاهد. اتشال من
   الترميز واتبدل بعمود نثر فيه ثلاث فقرات بعناوين run-in وأحجام
   مختلفة (٣ + ٣ + ٤ قطاعات)، وحاشية على الهامش الخارجي.
   قواعد .gljr-index / .gljr-colophon فوق مابقتش مستعملة في أي صفحة
   دلوقتي، وسبناها مكانها عشان أي صفحة جلوبال جديدة تلاقي الأداتين
   جاهزين — مافيش قاعدة قديمة اتعدّلت.
   ════════════════════════════════════════════════════════════ */

/* عمود القراءة + هامش خارجي للحاشية. الهامش على حافة النهاية (مش البداية)
   عشان يفضل مختلف عن .gljr-entry اللي لافتته على حافة البداية. */
body.theme-global .gljr-fams {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(180px, 23%);
    gap: 0 clamp(28px, 4vw, 56px);
    align-items: start;
}

/* خط شعرة سميك فوق عمود النص — نفس علامة بداية القسم في باقي الصفحة */
body.theme-global .gljr-fams-text {
    border-top: 2px solid var(--jr-ink);
    padding-top: 26px;
    max-width: 68ch;
}

body.theme-global .gljr-fam {
    margin: 0 0 22px;
    font-family: var(--jr-text);
    font-size: 1.04rem;
    line-height: 1.95;
    color: var(--jr-ink);
    text-align: start;
}

body.theme-global .gljr-fam:last-child {
    margin-bottom: 0;
}

/* الفقرة الأولى أكبر شوية — افتتاحية عمود المجلة. بدون drop cap لأن
   الحرف الأول في العربي بيتوصل بما بعده وبيتكسر الشكل. */
body.theme-global .gljr-fam-open {
    font-size: 1.15rem;
    line-height: 1.9;
}

/* عنوان العائلة run-in: جوّه الفقرة نفسها مش سطر فوقها — ده اللي بيمنع
   الفقرات إنها تتقرا كثلاث كروت متساوية. */
body.theme-global .gljr-fam-h {
    font-family: var(--jr-serif);
    font-weight: 600;
    letter-spacing: .01em;
    color: var(--jr-ink);
}

body.theme-global .gljr-fam-h::after {
    content: ' — ';
    color: var(--jr-red);
    font-weight: 400;
}

/* اسم القطاع جوّه الجملة: تركوازي + تسطير منقّط خفيف. تباينه على الورق
   5.5:1 فبيعدّي 4.5:1 كنص عادي. */
body.theme-global .gljr-sect {
    font-weight: 600;
    color: var(--jr-teal);
}

/* الحاشية: خط شعرة على حافة البداية بتاعها (منطقي فبيتقلب في العربي) */
body.theme-global .gljr-sidenote {
    border-inline-start: 1px solid var(--jr-rule);
    padding-inline-start: clamp(16px, 2vw, 26px);
    padding-top: 26px;
}

body.theme-global .gljr-sidenote-h {
    margin: 0 0 10px;
    font-family: var(--jr-serif);
    font-size: .76rem;
    font-weight: 600;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--jr-red);
}

body.theme-global .gljr-sidenote-t {
    margin: 0 0 14px;
    font-family: var(--jr-text);
    font-style: italic;
    font-size: .93rem;
    line-height: 1.75;
    color: var(--jr-mute);
}

body.theme-global .gljr-sidenote-t:last-child {
    margin-bottom: 0;
}

/* الدعوة للتدريب الداخلي كرابط نصي مش زر — عشان الصفحة ماتنتهيش بشريط
   CTA زي باقي المعاهد. */
body.theme-global .gljr-sidenote-a {
    display: inline;
    font-style: normal;
    font-weight: 600;
    color: var(--jr-teal);
    text-decoration: underline;
    text-underline-offset: .2em;
}

body.theme-global .gljr-sidenote-a:hover,
body.theme-global .gljr-sidenote-a:focus {
    color: var(--jr-red);
    text-decoration-color: var(--jr-red);
}

/* موبايل: الحاشية تنزل تحت النص وخط الشعرة يبقى أفقي بدل رأسي */
@media (max-width: 860px) {
    body.theme-global .gljr-fams {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-global .gljr-sidenote {
        border-inline-start: 0;
        border-top: 1px solid var(--jr-rule);
        padding-inline-start: 0;
        margin-top: 28px;
        padding-top: 18px;
    }

    body.theme-global .gljr-fam-open {
        font-size: 1.08rem;
    }
}

/* على الشاشة العريضة: النص بيتدفّق في عمودين بخط فاصل — عمود مجلة حقيقي.
   ليه: عمود واحد بمقاس 68ch كان بيسيب فراغ فاضي كبير بينه وبين الحاشية على
   1440، والعمودين بيملوا عرض الطباعة من غير ما يزيد طول السطر عن الحد المريح.
   break-inside: avoid عشان الفقرة ما تتقسمش على العمودين. */
@media (min-width: 1100px) {
    body.theme-global .gljr-fams-text {
        max-width: none;
        columns: 2;
        column-gap: clamp(36px, 3.4vw, 60px);
        column-rule: 1px solid var(--jr-rule-soft);
    }

    body.theme-global .gljr-fam {
        break-inside: avoid;
        margin-bottom: 24px;
    }
}

/* العربي: المائل والتباعد الحرفي مش مناسبين لخط متصل — الحروف بتتفكّ عن بعضها
   والميل بيتولّد صناعياً. فبنلغيهم في RTL بس ونعوّض بالحجم واللون. */
body.theme-global[dir="rtl"] .gljr-sidenote-h {
    letter-spacing: normal;
    font-size: .88rem;
}

body.theme-global[dir="rtl"] .gljr-sidenote-t {
    font-style: normal;
}

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

   الحل مش ألوان تانية — تلات معماريات مختلفة، وكمان مختلفة عن
   بعضها:
     · /register  → فرشة مجلة بعمودين غير متساويين، والعناوين
                    معلّقة في الهامش الداخلي، والعمود الضيق نص جارٍ.
     · /in-house  → مصطبة داكنة وبطاقة عمود واحد راكبة عليها،
                    والإرشاد حواشي سفلية مرقّمة.
     · /course-finder → لوحة واحدة مؤطّرة، وجنبها جملة فيها المدن
                    كروابط.

   كل الكلاسات ببادئات glrg- / glih- / glcf- فمابتلمسش أي قاعدة
   قديمة، والمعهد (مالوش body.theme-global) ما بيشوفش الملف أصلاً.
   ════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────
   1) /register — فرشة المجلة
   ───────────────────────────────────────────── */

/* الورقة: نفس ورق الدفتر بتاع باقي صفحات جلوبال، بدون صناديق */
body.theme-global #register-section.glrg {
    background: var(--jr-paper);
    padding: 44px 0 64px;
}

/* المصطبة: العنوان على عرض الفرشة، وخط ثقيل تحته زي رأس الصفحة المطبوعة */
body.theme-global .glrg-masthead {
    border-bottom: 2px solid var(--jr-ink);
    padding-bottom: 18px;
    margin-bottom: 34px;
}

body.theme-global .glrg-title {
    font-family: var(--jr-serif);
    font-weight: 600;
    font-size: clamp(1.7rem, 3.4vw, 2.4rem);
    line-height: 1.25;
    color: var(--jr-ink);
    margin: 0 0 10px;
}

body.theme-global .glrg-lede {
    font-family: var(--jr-text);
    font-size: 1.02rem;
    line-height: 1.85;
    color: #3a4744;
    max-width: 62ch;
    margin: 0;
}

/* العمودان غير المتساويين + خط شعرة رأسي بينهم (فاصل أعمدة المجلة) */
body.theme-global .glrg-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 34px;
}

@media (min-width: 992px) {
    body.theme-global .glrg-grid {
        grid-template-columns: minmax(0, 1fr) minmax(240px, 25%);
        gap: 0 clamp(34px, 3.6vw, 60px);
    }

    body.theme-global .glrg-margin {
        border-inline-start: 1px solid var(--jr-rule);
        padding-inline-start: clamp(24px, 2.4vw, 40px);
    }
}

/* القسم: العنوان معلّق في عمود الهامش الداخلي جنب حقوله — بدل الشريط الملوّن */
body.theme-global .glrg-fs {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    padding: 26px 0 30px;
    border-top: 1px solid var(--jr-rule);
}

body.theme-global .glrg-fs:first-of-type {
    border-top: 0;
    padding-top: 4px;
}

@media (min-width: 768px) {
    body.theme-global .glrg-fs {
        grid-template-columns: minmax(120px, 20%) minmax(0, 1fr);
        gap: 0 clamp(20px, 2.4vw, 40px);
    }
}

body.theme-global .glrg-fs-h {
    margin: 0;
    font-family: var(--jr-serif);
    font-size: .82rem;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    line-height: 1.6;
    color: var(--jr-ink);
    position: relative;
    padding-top: 12px;
}

/* شرطة حمراء قصيرة فوق العنوان — علامة الهامش في الصفحة المطبوعة */
body.theme-global .glrg-fs-h::before {
    content: '';
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: 26px;
    height: 2px;
    background: var(--jr-red);
}

body.theme-global .glrg-fs-body {
    min-width: 0;
}

/* الحقول: شبكة بسيطة، والقوائم بخط سفلي بدل الصندوق */
body.theme-global .glrg-fields {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 4px 24px;
}

@media (min-width: 640px) {
    body.theme-global .glrg-fields-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.theme-global .glrg-field-wide {
        grid-column: 1 / -1;
    }
}

body.theme-global .glrg-lab {
    display: block;
    margin: 0 0 4px;
    font-family: var(--jr-text);
    font-size: .82rem;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--jr-mute);
}

body.theme-global #register-section.glrg .form-control {
    border: 0;
    border-bottom: 1.5px solid var(--jr-rule);
    border-radius: 0;
    background: transparent;
    padding-inline: 0;
    box-shadow: none;
    color: var(--jr-ink);
    height: auto;
    padding-block: 8px;
}

body.theme-global #register-section.glrg .form-control:focus {
    border-bottom-color: var(--jr-teal);
    box-shadow: none;
}

/* جدول المواعيد: خطوط شعرة، رأس بخط سفلي غامق، بدون تخطيط بالألوان */
body.theme-global .glrg-sched {
    margin-top: 22px;
}

body.theme-global .glrg-sub {
    font-family: var(--jr-text);
    font-size: .82rem;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: var(--jr-mute);
    margin: 0 0 8px;
}

body.theme-global .glrg-table {
    width: 100%;
    border: 0;
    background: transparent;
    margin-bottom: 6px;
}

body.theme-global .glrg-table th,
body.theme-global .glrg-table td {
    border: 0 !important;
    border-bottom: 1px solid var(--jr-rule) !important;
    background: transparent !important;
    padding: 9px 10px;
    font-size: .92rem;
    color: var(--jr-ink);
}

body.theme-global .glrg-table thead th {
    border-bottom: 2px solid var(--jr-ink) !important;
    font-family: var(--jr-text);
    font-size: .78rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--jr-mute);
}

/* التبويبان (مين بيدفع): نص على خط، مش كبسولتين ملوّنتين */
body.theme-global .glrg-payer.nav-tabs {
    border: 0;
    border-bottom: 1px solid var(--jr-rule);
    gap: 26px;
    margin-bottom: 18px;
}

body.theme-global .glrg-payer .nav-link {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 8px 0 10px;
    margin: 0;
    font-family: var(--jr-text);
    font-size: .95rem;
    color: var(--jr-mute) !important;
    border-bottom: 2px solid transparent !important;
}

body.theme-global .glrg-payer .nav-link.active {
    color: var(--jr-ink) !important;
    border-bottom-color: var(--jr-red) !important;
}

/* رأس "تفاصيل المرشِّح"/"المشارك 1" الجاي من company_tab */
body.theme-global .glrg-payer-body .search-inner-box {
    background: transparent;
}

body.theme-global .glrg-payer-body h5 {
    font-family: var(--jr-text);
    font-size: .82rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--jr-mute);
    margin-bottom: 10px;
}

body.theme-global .glrg-payer-body #participants {
    padding-block: 6px;
}

/* زرارا إضافة/حذف مشارك: بإطار تركوازي بدل البنفسجي المصمت */
body.theme-global .glrg-payer-body .addmore-participents,
body.theme-global .glrg-payer-body .remove-participents {
    background: transparent !important;
    border: 1.5px solid var(--jr-teal) !important;
    color: var(--jr-teal) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-size: .9rem;
}

/* الموافقات: سطران نصّيان، مش صندوق */
body.theme-global .glrg-consents {
    display: grid;
    gap: 10px;
    margin-bottom: 20px;
}

body.theme-global .glrg-consent {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    align-items: start;
    font-family: var(--jr-text);
    font-size: .9rem;
    line-height: 1.7;
    color: #3a4744;
    font-weight: 400;
    margin: 0;
}

body.theme-global .glrg-consent input[type="checkbox"] {
    margin-top: 6px;
}

body.theme-global .glrg-consent a {
    color: var(--jr-teal);
}

/* الزرّان: واحد مصمت وواحد بإطار — الفرق بينهما واضح بدون لون تالت */
body.theme-global .glrg-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

body.theme-global .glrg-actions .glrg-btn {
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 11px 26px;
    font-family: var(--jr-text);
    font-size: .95rem;
    background: var(--jr-ink) !important;
    border: 1.5px solid var(--jr-ink) !important;
    color: #fff !important;
}

body.theme-global .glrg-actions .glrg-btn-alt {
    background: transparent !important;
    border-color: var(--jr-teal) !important;
    color: var(--jr-teal) !important;
}

/* الهامش: نص جارٍ في فقرات، والروابط داخل الجملة */
body.theme-global .glrg-margin {
    font-family: var(--jr-text);
    font-size: .95rem;
    line-height: 1.85;
    color: #3a4744;
}

body.theme-global .glrg-margin p {
    margin: 0 0 16px;
}

body.theme-global .glrg-margin a {
    color: var(--jr-teal);
    text-decoration: underline;
    text-underline-offset: 2px;
}

body.theme-global .glrg-marg-open {
    border-top: 2px solid var(--jr-ink);
    padding-top: 14px;
}

body.theme-global .glrg-marg-fees {
    border-block: 1px solid var(--jr-rule);
    padding: 14px 0;
    margin-bottom: 16px;
}

body.theme-global .glrg-marg-h {
    font-family: var(--jr-serif);
    font-size: .8rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--jr-red);
    margin: 0 0 6px !important;
}

body.theme-global .glrg-marg-fees .fees-box,
body.theme-global .glrg-marg-fees .back-color {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}

body.theme-global .glrg-marg-empty {
    color: var(--jr-mute);
}

body.theme-global .glrg-marg-fine {
    font-size: .82rem;
    line-height: 1.75;
    color: #56635f;
    border-top: 1px solid var(--jr-rule);
    padding-top: 14px;
}

body.theme-global .glrg-message:empty {
    display: none;
}

/* ─────────────────────────────────────────────
   2) /in-house-training-proposal — مصطبة وبطاقة راكبة
   ───────────────────────────────────────────── */

/* المصطبة داكنة: عكس ورقة /register الفاتحة تمامًا، فالصفحتان
   ما بيقراش أولهما زي بعض. */
body.theme-global .glih-top {
    background: var(--jr-ink);
    color: #fff;
    padding: 44px 0 96px;
}

body.theme-global .glih-title {
    font-family: var(--jr-serif);
    font-weight: 600;
    font-size: clamp(1.65rem, 3.4vw, 2.35rem);
    line-height: 1.3;
    color: #fff;
    margin: 0 0 10px;
    max-width: 20ch;
}

body.theme-global .glih-sub {
    font-family: var(--jr-text);
    font-size: 1rem;
    line-height: 1.8;
    color: #cfdad7;
    margin: 0;
    max-width: 48ch;
}

body.theme-global .glih {
    background: var(--jr-paper);
    padding: 0 0 60px;
}

/* البطاقة: عمود واحد متمركز، بتركب على المصطبة بهامش علوي سالب */
body.theme-global .glih-card {
    max-width: 860px;
    margin-inline: auto;
    margin-block-start: -64px;
    position: relative;
    z-index: 2;
    background: #fff;
    border: 1px solid var(--jr-rule);
    padding: clamp(22px, 3.6vw, 44px);
}

/* فاصل بعنوان على خط شعرة — بديل شريط "الخطوة" */
body.theme-global .glih-div {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 20px;
    font-family: var(--jr-serif);
    font-size: .8rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--jr-ink);
}

body.theme-global .glih-div::before,
body.theme-global .glih-div::after {
    content: '';
    flex: 1 1 auto;
    height: 1px;
    background: var(--jr-rule);
}

body.theme-global .glih-div + .glih-rows {
    margin-bottom: 28px;
}

body.theme-global .glih-rows {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2px 24px;
}

@media (min-width: 640px) {
    body.theme-global .glih-rows {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.theme-global .glih-row-full {
        grid-column: 1 / -1;
    }
}

/* الحقول جوّه البطاقة: صناديق خفيفة بخلفية ورقية — مش خطوط سفلية
   زي /register، عشان الشكلين ما يتلخبطوش مع بعض. */
body.theme-global #glih-section .form-control {
    border: 1px solid var(--jr-rule);
    border-radius: 0;
    background: #fcfcfa;
    box-shadow: none;
    height: auto;
    padding: 11px 12px;
    font-size: .95rem;
    color: var(--jr-ink);
}

body.theme-global #glih-section .form-control:focus {
    border-color: var(--jr-teal);
    box-shadow: none;
    background: #fff;
}

body.theme-global #glih-section textarea.form-control {
    min-height: 108px;
}

/* علامة الحاشية: رقم علوي صغير أحمر */
body.theme-global .glih-ref {
    font-family: var(--jr-serif);
    font-size: .7em;
    vertical-align: super;
    color: var(--jr-red);
    text-decoration: none;
    margin-inline-start: 3px;
}

body.theme-global .glih-send {
    display: flex;
    align-items: flex-start;
    gap: 4px;
    margin-top: 8px;
}

body.theme-global #glih-section .glih-btn {
    background: var(--jr-teal) !important;
    border: 1.5px solid var(--jr-teal) !important;
    color: #fff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 12px 34px;
    font-family: var(--jr-text);
    font-size: .98rem;
}

/* الحواشي: تحت البطاقة، بعرض قراءة، مرقّمة برقم رقعي */
body.theme-global .glih-notes {
    max-width: 860px;
    margin-inline: auto;
    margin-top: 30px;
    border-top: 1px solid var(--jr-rule);
    padding-top: 18px;
}

/* (2026-09-12) لازم تفضل مقصورة على .glih-notes. الاسم ده مستخدم لحاجتين:
   الحاشية المرقّمة هنا، وفقرة نص عادية في العمود الجانبي لصفحة الدورات
   الداخلية (أعلى الملف). من غير التقييد القاعدة دي كانت بتكسب على الاتنين،
   فالفقرة الجانبية — اللي مالهاش .glih-note-n — كان نصها كله بيتحط في
   العمود الأول بتاع 1.6em (≈23px) وينزل كلمة في كل سطر. */
body.theme-global .glih-notes .glih-note {
    display: grid;
    grid-template-columns: 1.6em minmax(0, 1fr);
    gap: 0 8px;
    margin: 0 0 12px;
    font-family: var(--jr-text);
    font-size: .88rem;
    line-height: 1.8;
    color: #3a4744;
}

body.theme-global .glih-note-n {
    font-family: var(--jr-serif);
    font-style: italic;
    color: var(--jr-red);
}

body.theme-global .glih-note a {
    color: var(--jr-teal);
    text-decoration: underline;
    text-underline-offset: 2px;
}

body.theme-global .glih-note-fine {
    font-size: .8rem;
    color: #56635f;
}

body.theme-global .glih-message:empty {
    display: none;
}

/* ─────────────────────────────────────────────
   3) /course-finder — لوحة واحدة + هامش المدن
   ───────────────────────────────────────────── */

body.theme-global .glcf-top {
    background: #fff;
    border-bottom: 1px solid var(--jr-rule);
    padding: 22px 0 20px;
}

body.theme-global .glcf-eyebrow {
    font-family: var(--jr-text);
    font-size: .74rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--jr-red);
    margin: 6px 0 6px;
}

body.theme-global .glcf-title {
    font-family: var(--jr-serif);
    font-weight: 600;
    font-size: clamp(1.6rem, 3.2vw, 2.2rem);
    color: var(--jr-ink);
    margin: 0;
}

body.theme-global #common-filter-box-modal-one.glcf {
    background: var(--jr-paper);
    padding: 34px 0 56px;
}

body.theme-global .glcf-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 26px;
}

@media (min-width: 992px) {
    body.theme-global .glcf-grid {
        grid-template-columns: minmax(0, 1fr) minmax(230px, 30%);
        gap: 0 clamp(28px, 3vw, 52px);
        align-items: start;
    }

    body.theme-global .glcf-aside {
        border-inline-start: 1px solid var(--jr-rule);
        padding-inline-start: clamp(22px, 2.2vw, 38px);
    }
}

/* اللوحة: إطار واحد يجمع الباحث كله */
body.theme-global .glcf-panel {
    background: #fff;
    border: 1px solid var(--jr-ink);
    padding: clamp(18px, 2.4vw, 30px);
    min-width: 0;
}

body.theme-global .glcf-panel-h {
    font-family: var(--jr-serif);
    font-size: 1.02rem;
    line-height: 1.7;
    color: var(--jr-ink);
    margin: 0 0 18px;
    padding-bottom: 14px;
    border-bottom: 2px solid var(--jr-ink);
}

/* الباحث المشترك بيعوم بـfloat وعرضه ثابت 500px من قواعد جوّه
   الملف المشترك ومن chosen.js. بنلغي ده جوّه اللوحة بس: كل قائمة
   صف كامل، بينها فواصل شعرة، والزر على عرض اللوحة. */
body.theme-global #common-filter-box-modal-one .glcf-panel #findmycourse {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
}

body.theme-global #common-filter-box-modal-one .glcf-panel .form-control,
body.theme-global #common-filter-box-modal-one .glcf-panel .chosen-container {
    position: relative !important;
    float: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    display: block !important;
}

body.theme-global #common-filter-box-modal-one .glcf-panel .form-control {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 13px 0 !important;
    font-size: .98rem;
    color: var(--jr-ink);
    border-bottom: 1px solid var(--jr-rule) !important;
}

body.theme-global #common-filter-box-modal-one .glcf-panel .chosen-container {
    padding: 8px 0 10px !important;
    border-bottom: 1px solid var(--jr-rule) !important;
}

body.theme-global #common-filter-box-modal-one .glcf-panel .chosen-choices {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
}

body.theme-global #common-filter-box-modal-one .glcf-panel .chosen-container .chosen-drop {
    width: 100% !important;
}

/* الزر: على عرض اللوحة في آخرها، تركوازي بدل البنفسجي */
body.theme-global #common-filter-box-modal-one .glcf-panel button[type="submit"] {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 auto !important;
    margin: 18px 0 0 !important;
    padding: 13px 18px !important;
    background: var(--jr-teal) !important;
    border: 1.5px solid var(--jr-teal) !important;
    color: #fff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: var(--jr-text);
    font-size: .98rem;
    letter-spacing: .04em;
}

/* الهامش: جملة واحدة فيها المدن كروابط */
body.theme-global .glcf-aside {
    font-family: var(--jr-text);
    font-size: .95rem;
    line-height: 1.9;
    color: #3a4744;
    min-width: 0;
}

body.theme-global .glcf-aside p {
    margin: 0 0 14px;
}

body.theme-global .glcf-aside a {
    color: var(--jr-teal);
    text-decoration: underline;
    text-underline-offset: 3px;
}

body.theme-global .glcf-results {
    margin-top: 30px;
}

body.theme-global .glcf-results .alert-danger {
    background: transparent;
    border: 0;
    border-top: 1px solid var(--jr-rule);
    border-radius: 0;
    color: var(--jr-mute);
    padding: 18px 0 0;
}

/* العربي: الميل والتباعد الحرفي مش مناسبين للخط المتصل — الحروف
   بتتفكّ عن بعضها والميل بيتولّد صناعياً. */
body.theme-global[dir="rtl"] .glrg-fs-h,
body.theme-global[dir="rtl"] .glrg-lab,
body.theme-global[dir="rtl"] .glrg-sub,
body.theme-global[dir="rtl"] .glrg-marg-h,
body.theme-global[dir="rtl"] .glih-div,
body.theme-global[dir="rtl"] .glcf-eyebrow {
    letter-spacing: normal;
    text-transform: none;
    font-size: .9rem;
}

body.theme-global[dir="rtl"] .glih-note-n {
    font-style: normal;
}

/* الموبايل: البطاقة ما تركبش على المصطبة بشكل يخبّي العنوان،
   والفواصل الرأسية بتبقى أفقية. */
@media (max-width: 991px) {
    body.theme-global .glih-top {
        padding-bottom: 72px;
    }

    body.theme-global .glih-card {
        margin-block-start: -46px;
    }

    body.theme-global .glrg-margin {
        border-top: 1px solid var(--jr-rule);
        padding-top: 22px;
        margin-top: 8px;
    }

    body.theme-global .glcf-aside {
        border-top: 1px solid var(--jr-rule);
        padding-top: 18px;
    }
}

/* ════════════════════════════════════════════════════════════
   جلوبال — تصحيحات بعد القياس على الصفحات التلاتة (2026-09-09)
   ------------------------------------------------------------
   القياس بيّن إن قواعد أقدم بـ!important كانت بتكسب على القواعد
   الجديدة:
     · _brand.css:  .form-control{border:1px solid var(--site-primary)!important}
     · _brand.css:  #register-section .nav-link{background:var(--site-accent)!important}
     · _brand.css:  #register-section .fees-box{background:var(--site-accent)!important}
   فالتبويبان كانا لسه كبسولتين ملوّنتين، والحقول لسه صناديق
   بإطار كامل. التصحيح هنا بنفس الـid وبـ!important.

   وكمان: /course-finder الحقيقية بتترسم من
   landing_pages/course-finder/** مش من courses/coursefinder/**،
   فقواعد اللوحة اتكتبت من غير ما تتعلّق بـ#common-filter-box-modal-one.
   ════════════════════════════════════════════════════════════ */

/* --- /register: الحقول خطوط سفلية، مش صناديق --- */
body.theme-global #register-section.glrg .form-control {
    border: 0 !important;
    border-bottom: 1.5px solid var(--jr-rule) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    height: auto !important;
}

body.theme-global #register-section.glrg .form-control:focus {
    border-bottom-color: var(--jr-teal) !important;
}

/* حقل بريد المرشِّح جوّه input-group مع زر البحث: الزر مطلق الموضع فوق
   الحقل، فلازم حشو من ناحية النهاية عشان النص ما يمشيش تحته. */
body.theme-global #register-section.glrg .input-group .form-control {
    padding-inline-end: 44px !important;
}

/* --- /register: التبويبان نص على خط، مش كبسولتان ملوّنتان --- */
body.theme-global #register-section.glrg .glrg-payer.nav-tabs {
    border: 0 !important;
    border-bottom: 1px solid var(--jr-rule) !important;
}

body.theme-global #register-section.glrg .glrg-payer .nav-link {
    background: transparent !important;
    color: var(--jr-mute) !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    border-radius: 0 !important;
    padding: 8px 0 10px !important;
    margin: 0 !important;
    font-weight: 400 !important;
}

body.theme-global #register-section.glrg .glrg-payer .nav-link.active {
    color: var(--jr-ink) !important;
    border-bottom-color: var(--jr-red) !important;
}

body.theme-global #register-section.glrg .glrg-payer-body {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* صندوق المشاركين الرمادي جاي بـstyle سطرية من company_tab (ملف مشترك
   ممنوع تعديله)، فبنمسكه بالـstyle نفسه ونحوّله لخط شعرة. */
body.theme-global #register-section.glrg .glrg-payer-body div[style*="#f9f9f9"] {
    background: transparent !important;
    border: 0 !important;
    border-top: 1px solid var(--jr-rule) !important;
    border-radius: 0 !important;
    margin-top: 6px;
}

/* صندوق الرسوم في الهامش: _brand بيلوّنه بلون الأكسنت، وهنا نص عادي */
body.theme-global #register-section.glrg .glrg-marg-fees .fees-box,
body.theme-global #register-section.glrg .glrg-marg-fees .back-color {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
    color: inherit !important;
}

body.theme-global #register-section.glrg .glrg-marg-fees p {
    margin-bottom: 4px;
}

/* صف "الرجاء اختيار دورتك" في جدول المواعيد: بدون خلفية رمادية */
body.theme-global #register-section.glrg .register-table-option-head {
    background: transparent !important;
    color: var(--jr-mute) !important;
}

/* أيقونة البحث جنب بريد المرشِّح */
body.theme-global #register-section.glrg .input-group .btn {
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* --- /in-house: الحقول صناديق ورقية، والإطار البراندي ملغي --- */
body.theme-global #glih-section .form-control {
    border: 1px solid var(--jr-rule) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.theme-global #glih-section .form-control:focus {
    border-color: var(--jr-teal) !important;
}

/* البطاقة بتركب على المصطبة: الهامش السالب كان بينطبق على .container
   (انهيار هوامش) فما كانش بيبان. حشو علوي رفيع على .glih بيوقف الانهيار. */
body.theme-global .glih {
    padding-top: 1px;
}

/* --- /course-finder: اللوحة على ماركب landing_pages --- */
body.theme-global .glcf-row {
    padding: 14px 0;
    border-bottom: 1px solid var(--jr-rule);
}

body.theme-global .glcf-row:first-of-type {
    padding-top: 0;
}

body.theme-global .glcf-lab {
    display: block;
    margin: 0 0 6px;
    font-family: var(--jr-text);
    font-size: .78rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--jr-mute);
}

/* القوائم: خط سفلي واحد بدل الصندوق المدوّر بتاع find-my-course.css */
body.theme-global .glcf-panel .form-select,
body.theme-global .glcf-panel .custom-form {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    height: auto !important;
    padding: 8px 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: var(--jr-ink) !important;
    font-size: 1rem !important;
    font-family: var(--jr-text);
}

/* chosen بيتحقن بعرض ثابت من coursefinder.js ومن find-my-course.css
   بـ!important، فلازم !important هنا كمان — ولولاه بيعمل تمرير أفقي
   على 390px. */
body.theme-global .glcf-panel .chosen-container {
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    display: block !important;
    margin: 0 !important;
    font-family: var(--jr-text);
}

body.theme-global .glcf-panel .chosen-container-multi .chosen-choices {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    min-height: 38px !important;
    padding: 2px 0 !important;
}

body.theme-global .glcf-panel .chosen-container-active .chosen-choices {
    border: 0 !important;
    box-shadow: none !important;
    padding: 2px 0 !important;
}

body.theme-global .glcf-panel .chosen-container-multi .chosen-choices li.search-field {
    padding: 4px 0 !important;
}

body.theme-global .glcf-panel .chosen-container-multi .chosen-choices li.search-choice {
    background: var(--jr-teal) !important;
    border-color: var(--jr-teal) !important;
    border-radius: 0 !important;
}

body.theme-global .glcf-panel .chosen-container-multi .chosen-results {
    border-color: var(--jr-teal) !important;
    border-radius: 0 !important;
}

body.theme-global .glcf-panel .chosen-container .chosen-drop {
    width: 100% !important;
}

body.theme-global .glcf-panel .glcf-btn {
    display: block;
    width: 100%;
    margin-top: 20px;
    padding: 13px 18px !important;
    background: var(--jr-teal) !important;
    border: 1.5px solid var(--jr-teal) !important;
    color: #fff !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-family: var(--jr-text);
    font-size: .98rem;
}

body.theme-global .glcf-panel .glcf-btn .bi {
    margin-inline-end: 8px;
}

/* النتائج: فاصل شعرة بعنوان صغير، مش بطاقة بيضا تانية */
body.theme-global .glcf-results {
    background: var(--jr-paper);
    padding: 0 0 56px;
}

body.theme-global .glcf-results-h {
    font-family: var(--jr-serif);
    font-size: .8rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--jr-mute);
    border-top: 1px solid var(--jr-rule);
    padding-top: 14px;
    margin: 0 0 10px;
}

body.theme-global[dir="rtl"] .glcf-lab,
body.theme-global[dir="rtl"] .glcf-results-h {
    letter-spacing: normal;
    text-transform: none;
    font-size: .9rem;
}

/* --- تصحيحات (2) بعد قراءة اللقطات — جلوبال 2026-09-09 --- */

/* التبويب النشط كان لسه بيرسم ظلًّا أزرق (fullcss:
   #register-section .nav-link.active{box-shadow:rgba(37,75,173,.8) 3px 4px 0 0})
   وهو اللي كان مخلّي الخط تحت "Company Paid" أزرق مش أحمر. */
body.theme-global #register-section.glrg .glrg-payer .nav-link,
body.theme-global #register-section.glrg .glrg-payer .nav-link.active {
    box-shadow: none !important;
}

/* جدول المواعيد: الخلفية الرمادية جاية من .table-striped على الصف نفسه،
   فلازم نلغيها على tr مش على td بس. */
body.theme-global #register-section.glrg .glrg-table tr,
body.theme-global #register-section.glrg .glrg-table tbody tr:nth-of-type(odd) {
    background: transparent !important;
}

/* قسم لوحة الباحث: قاعدة الحشو الأصلية كانت متعلّقة بـid ما بيظهرش على
   ماركب landing_pages، فالمصطبة واللوحة كانا ملزوقين. */
body.theme-global section.glcf {
    background: var(--jr-paper);
    padding: 40px 0 44px;
}

/* سطر الانتظار في منطقة النتائج قبل أول بحث */
body.theme-global .glcf-empty {
    font-family: var(--jr-text);
    font-size: .95rem;
    line-height: 1.8;
    color: var(--jr-mute);
    margin: 0;
}

/* ════════════════════════════════════════════════════════════
   جلوبال — صفحتا تفاصيل المقال والمدونة (2026-09-09)
   ────────────────────────────────────────────────────────────
   قبل كده الصفحتين كانوا بيتقروا نفس الصفحة عند الـ11 معهد:
   شعار المعهد فوق ← عنوان ← تاريخ ← نص عمود واحد عريض ← ريل يمين
   بأربع كروت. الفرق الوحيد كان اللون.

   دلوقتي:
   • المقال  = صفحة مجلة: سطر سلَك (قسم · تاريخ) فوق العنوان،
     عمودان حقيقيان بحرف استهلالي، وحاشية نثرية في هامش ضيّق.
   • المدونة = افتتاحية: عنوان أولاً بعرض الصفحة، خط أحمر، سطر
     ميتا بطرفين، نص عمود واحد واسع، ولوحتان كبيرتان تحت النص.
   الاتنين مختلفين في التسلسل وعدد البنود وعرض العمود — مش في
   الرسم بس — عشان مايبقوش نسختين من بعض ولا من أي معهد تاني.

   كل الكلاسات بادئتها gljr- زي باقي صفحات جلوبال، ومحدش بيلمس
   .blog-webinar-articles-details-* عشان قواعد _institute.css
   (الكارت الأبيض + الريل 25%) ما تنطبقش أصلاً على الصفحتين دول.
   ════════════════════════════════════════════════════════════ */

/* الـid في المُحدِّد مقصود: #common-listing-section في fullcss بيحط
   padding بـid فبيغلب أي كلاس — من غير كده الفوتر بيلزق في آخر النص */
body.theme-global #common-listing-section.gljr-post {
    background: var(--jr-paper);
    padding: 26px 0 66px;
}

/* الصفحتين مالهمش بانر يتصفّوا معاه، فمنطقة الطباعة أوسع شوية من
   باقي الصفحات — ده اللي بيدّي العمودين مقاس قراءة معقول (~58 حرف
   لكل عمود بدل ~45 لو فضلت 1140px). */
body.theme-global .gljr-post > .container {
    max-width: 1300px;
}

/* المدونة عمود واحد، فمنطقة طباعة أضيق — من غير كده كان بيفضل نص
   الصفحة فاضي على الجنب وبيبان كأن في ريل ناقص */
body.theme-global .gljr-blog > .container {
    max-width: 1060px;
}

/* فتات الخبز: سطر واحد على خط شعرة، مش شريط رمادي */
body.theme-global .gljr-post-crumb {
    font-family: var(--jr-text);
    font-size: .82rem;
    color: var(--jr-mute);
    border-bottom: 1px solid var(--jr-rule);
    padding-bottom: 10px;
    margin-bottom: 30px;
}

body.theme-global .gljr-post-crumb a {
    color: var(--jr-teal);
}

/* النص الجاي من قاعدة البيانات: نفس التنسيقات في الصفحتين عشان
   العناوين والقوائم جوّه النص تفضل من نفس العيلة */
body.theme-global .gljr-art-body,
body.theme-global .gljr-blog-body {
    font-family: var(--jr-text);
    color: var(--jr-ink);
    text-align: start;
}

body.theme-global .gljr-art-body > *:first-child,
body.theme-global .gljr-blog-body > *:first-child {
    margin-top: 0;
}

body.theme-global .gljr-art-body h2,
body.theme-global .gljr-art-body h3,
body.theme-global .gljr-art-body h4,
body.theme-global .gljr-blog-body h2,
body.theme-global .gljr-blog-body h3,
body.theme-global .gljr-blog-body h4 {
    font-family: var(--jr-serif);
    font-weight: 400;
    color: var(--jr-ink);
    line-height: 1.35;
    margin: 1.5em 0 .5em;
    break-after: avoid;
}

body.theme-global .gljr-art-body h2,
body.theme-global .gljr-blog-body h2 {
    font-size: 1.28rem;
}

body.theme-global .gljr-art-body h3,
body.theme-global .gljr-art-body h4,
body.theme-global .gljr-blog-body h3,
body.theme-global .gljr-blog-body h4 {
    font-size: 1.12rem;
}

body.theme-global .gljr-art-body a,
body.theme-global .gljr-blog-body a {
    color: var(--jr-red);
    text-decoration: underline;
    text-underline-offset: 2px;
}

body.theme-global .gljr-art-body ul,
body.theme-global .gljr-art-body ol,
body.theme-global .gljr-blog-body ul,
body.theme-global .gljr-blog-body ol {
    padding-inline-start: 1.25em;
    margin: 0 0 1.1em;
}

body.theme-global .gljr-art-body li,
body.theme-global .gljr-blog-body li {
    margin-bottom: .38em;
}

body.theme-global .gljr-art-body img,
body.theme-global .gljr-blog-body img {
    max-width: 100%;
    height: auto;
}

body.theme-global .gljr-art-body table,
body.theme-global .gljr-blog-body table {
    max-width: 100%;
}

/* ───────── المقال: صفحة مجلة ───────── */

/* الهامش عمود تاني في الشبكة عشان الحاشية تفضل جنب النص، مش تحته
   ولا في ريل بعرض الربع */
body.theme-global .gljr-art-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 180px;
    column-gap: 36px;
    align-items: start;
}

body.theme-global .gljr-art-mast {
    grid-column: 1 / -1;
    border-top: 3px solid var(--jr-ink);
    padding-top: 14px;
    margin-bottom: 30px;
}

/* سطر السلَك قبل العنوان — ده اللي بيكسر تسلسل "عنوان ← تاريخ"
   القديم اللي كان واحد في الـ11 معهد */
body.theme-global .gljr-art-slug {
    font-family: var(--jr-text);
    font-size: .78rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--jr-teal);
    margin: 0 0 12px;
}

body.theme-global .gljr-art-dot {
    margin-inline: 8px;
    color: var(--jr-mute);
}

body.theme-global .gljr-art-date {
    color: var(--jr-mute);
}

body.theme-global .gljr-art-h1 {
    font-family: var(--jr-serif);
    font-weight: 400;
    font-size: clamp(1.85rem, 3.1vw, 2.6rem);
    line-height: 1.16;
    color: var(--jr-ink);
    margin: 0;
    max-width: 30ch;
}

/* عمودان حقيقيان بفاصل شعرة — قلب هوية "أعمدة المجلة" */
body.theme-global .gljr-art-body {
    column-count: 2;
    column-gap: 44px;
    column-rule: 1px solid var(--jr-rule);
    font-size: 1.02rem;
    line-height: 1.85;
}

body.theme-global .gljr-art-body p {
    margin: 0 0 1.05em;
}

/* الحرف الاستهلالي: float المنطقي (inline-start) لسه مش مدعوم في
   كل المتصفحات على ::first-letter، فبنكتب الاتجاهين صراحة */
/* نص قاعدة البيانات ساعات بيبقى ملفوف في <div class="col-md-12">،
   فبنمسك أول فقرة سواء كانت بنت مباشرة أو جوّه اللفّة دي بس */
body.theme-global .gljr-art-body > p:first-of-type::first-letter,
body.theme-global .gljr-art-body > :first-child > p:first-of-type::first-letter {
    float: left;
    font-family: var(--jr-serif);
    font-size: 3.4em;
    line-height: .8;
    padding-top: 4px;
    padding-inline-end: 8px;
    color: var(--jr-red);
}

body.theme-global[dir="rtl"] .gljr-art-body > p:first-of-type::first-letter,
body.theme-global[dir="rtl"] .gljr-art-body > :first-child > p:first-of-type::first-letter {
    float: right;
}

/* الحاشية: فقرة نثرية واحدة، الروابط جوّه الجملة — لا كروت ولا صور */
body.theme-global .gljr-art-margin {
    position: sticky;
    top: 96px;
}

body.theme-global .gljr-art-note {
    font-family: var(--jr-text);
    font-size: .8rem;
    line-height: 1.75;
    color: var(--jr-mute);
    border-top: 1px solid var(--jr-ink);
    padding-top: 12px;
    margin: 0;
    text-align: start;
}

body.theme-global .gljr-art-note-lbl {
    display: block;
    font-size: .72rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--jr-teal);
    margin-bottom: 10px;
}

body.theme-global .gljr-art-note-a {
    color: var(--jr-ink);
    text-decoration: none;
    border-bottom: 1px solid var(--jr-red);
}

body.theme-global .gljr-art-note-a:hover,
body.theme-global .gljr-art-note-a:focus-visible {
    color: var(--jr-red);
}

body.theme-global .gljr-art-note-d {
    font-style: italic;
}

/* ───────── المدونة: افتتاحية بعمود واحد ───────── */

body.theme-global .gljr-blog-mast {
    border-bottom: 3px solid var(--jr-red);
    padding-bottom: 14px;
}

/* Georgia غليظ هنا مقابل Fraunces رفيع في المقال — نفس العيلة
   المشجّرة بس نبرة مختلفة، عشان الصفحتين ما يتلخبطوش */
body.theme-global .gljr-blog-h1 {
    font-family: var(--jr-text);
    font-weight: 700;
    font-size: clamp(1.8rem, 3.4vw, 2.85rem);
    line-height: 1.18;
    color: var(--jr-ink);
    margin: 0;
    max-width: 26ch;
}

/* سطر واحد: القسم في أول السطر والتاريخ في آخره — مش سطر تاريخ
   مستقل تحت العنوان زي القديم */
body.theme-global .gljr-blog-folio {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    margin: 16px 0 0;
    font-family: var(--jr-text);
    font-size: .78rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--jr-mute);
}

body.theme-global .gljr-blog-sec {
    color: var(--jr-teal);
}

/* عمود القراءة واسع (~70 حرف) وبخط شعرة على حافته الخارجية عشان
   الهامش الفاضي يبان مقصود زي هامش الكتاب */
body.theme-global .gljr-blog-col {
    max-width: calc(78ch + 46px);
    padding-block-start: 34px;
    padding-inline-end: 46px;
    border-inline-end: 1px solid var(--jr-rule-soft);
}

body.theme-global .gljr-blog-body {
    /* ch في Georgia ≈ .445em، فـ78ch بتطلع ~69 حرف حقيقي على الشاشة */
    max-width: 78ch;
    font-size: 1.06rem;
    line-height: 1.9;
}

body.theme-global .gljr-blog-body p {
    margin: 0 0 1.15em;
}

/* لوحتان بس، بعرض نص الصفحة، تحت النص */
body.theme-global .gljr-blog-more {
    margin-top: 58px;
    border-top: 1px solid var(--jr-ink);
    padding-top: 18px;
}

body.theme-global .gljr-blog-more-h {
    font-family: var(--jr-text);
    font-size: .8rem;
    font-weight: 400;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--jr-mute);
    margin: 0 0 24px;
}

body.theme-global .gljr-blog-panels {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0;
}

body.theme-global .gljr-blog-panel {
    border-top: 4px solid var(--jr-red);
    padding-top: 20px;
}

body.theme-global .gljr-blog-panels > .gljr-blog-panel:first-child {
    padding-inline-end: 44px;
}

body.theme-global .gljr-blog-panels > .gljr-blog-panel + .gljr-blog-panel {
    padding-inline-start: 44px;
    border-inline-start: 1px solid var(--jr-rule);
}

body.theme-global .gljr-blog-panel-date {
    font-family: var(--jr-text);
    font-size: .74rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--jr-mute);
    margin: 0 0 10px;
}

body.theme-global .gljr-blog-panel-h {
    font-family: var(--jr-serif);
    font-weight: 400;
    font-size: 1.5rem;
    line-height: 1.3;
    margin: 0 0 12px;
}

body.theme-global .gljr-blog-panel-h a {
    color: var(--jr-ink);
    text-decoration: none;
}

body.theme-global .gljr-blog-panel-h a:hover,
body.theme-global .gljr-blog-panel-h a:focus-visible {
    color: var(--jr-teal);
    text-decoration: underline;
}

body.theme-global .gljr-blog-panel-x {
    font-family: var(--jr-text);
    font-size: .97rem;
    line-height: 1.8;
    color: var(--jr-mute);
    margin: 0;
    max-width: 62ch;
}

/* ───────── مقاسات أصغر ───────── */

/* تحت 1200 الحاوية بتضيق، والعمودين هيبقوا ~40 حرف — أضيق من
   المقروء، فبنرجع لعمود واحد والحاشية تحت النص */
@media (max-width: 1199.98px) {
    body.theme-global .gljr-art-grid {
        grid-template-columns: minmax(0, 1fr);
    }

    body.theme-global .gljr-art-body {
        column-count: 1;
        max-width: 68ch;
    }

    body.theme-global .gljr-art-margin {
        position: static;
        max-width: 68ch;
        margin-top: 36px;
    }
}

@media (max-width: 767.98px) {
    body.theme-global .gljr-post {
        padding: 18px 0 46px;
    }

    body.theme-global .gljr-art-body,
    body.theme-global .gljr-blog-body {
        font-size: 1rem;
        line-height: 1.8;
    }

    body.theme-global .gljr-blog-col {
        padding-inline-end: 0;
        border-inline-end: 0;
    }

    body.theme-global .gljr-blog-panels {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    body.theme-global .gljr-blog-panels > .gljr-blog-panel:first-child {
        padding-inline-end: 0;
    }

    body.theme-global .gljr-blog-panels > .gljr-blog-panel + .gljr-blog-panel {
        padding-inline-start: 0;
        border-inline-start: 0;
    }

    body.theme-global .gljr-blog-folio {
        flex-direction: column;
        gap: 6px;
    }
}

/* العربي: الحروف المتباعدة والكابيتال مالهمش معنى في النص العربي */
body.theme-global[dir="rtl"] .gljr-art-slug,
body.theme-global[dir="rtl"] .gljr-art-note-lbl,
body.theme-global[dir="rtl"] .gljr-blog-folio,
body.theme-global[dir="rtl"] .gljr-blog-more-h,
body.theme-global[dir="rtl"] .gljr-blog-panel-date {
    letter-spacing: normal;
    text-transform: none;
    font-size: .88rem;
}

/* (2026-09-09) tlb: "al-makan da mumkin yakhud aktar min karten" — talat kuroot
   fi saf badal itnen, wal-kart baqa mudmag: satr 3unwan (tareekh + si3r) wa
   taht-o al-lugha wal-madina wal-rabt. */
body.theme-global.pg-training-courses .gl-cd-main .session-card-wrapper > .col-lg-4{
    flex:0 0 33.3333%;max-width:33.3333%;
}
body.theme-global.pg-training-courses .session-card{
    display:grid!important;grid-template-columns:1fr auto;align-items:baseline;
    gap:2px 14px;padding:14px 0!important;
}
body.theme-global.pg-training-courses .session-card > ul{
    grid-column:1;flex:none!important;width:auto!important;
    display:flex!important;flex-wrap:wrap;gap:2px 16px;font-size:.82rem;
}
body.theme-global.pg-training-courses .session-card li:first-child{font-size:.98rem}
body.theme-global.pg-training-courses .session-card > .price-box{grid-column:2;grid-row:1;text-align:end}
body.theme-global.pg-training-courses .session-card .price-tag .clearfix{display:none}
body.theme-global.pg-training-courses .session-card .fee-usd{font-size:.98rem;color:#0a7269}
body.theme-global.pg-training-courses .session-card > .text-end{grid-column:1/-1;margin-top:8px!important}
@media (max-width:1199px){
    body.theme-global.pg-training-courses .gl-cd-main .session-card-wrapper > .col-lg-4{flex:0 0 50%;max-width:50%}
}
body.theme-global.pg-training-courses .session-card li:first-child{white-space:nowrap}

/* ─────────────────────────────────────────────────────────────
   (2026-09-09) عمود "On this page": كان قائمة سادة على خط شعري —
   مفيش تسلسل ولا فاصل بين البنود، والبند النشط بيتعرف من اللون بس.

   أداة جلوبال هي الجدول المضغوط، فالعمود بقى فهرس مرقّم: رقم ٠١-٠٤
   على الشمال، فاصل شعري بين كل بند والتاني، والبند النشط بخلفية
   خفيفة وحد كامل — تسلسل ومكان، مش لون بس. الترقيم بعدّاد CSS
   فمفيش أي تغيير في الـmarkup.
   ───────────────────────────────────────────────────────────── */
body.theme-global.pg-training-courses .gl-rail-cap{
    font-family:Georgia,"Times New Roman",serif;font-size:.74rem;letter-spacing:.14em;
    color:#0a7269;border-bottom:1px solid #dfe6e4;padding-bottom:8px;margin:14px 0 0;
}
body.theme-global.pg-training-courses .gl-rail-nav ul{
    counter-reset:glrail;border-inline-start:0;margin-bottom:28px;
}
body.theme-global.pg-training-courses .gl-rail-nav li{border-bottom:1px solid #eef2f1}
body.theme-global.pg-training-courses .gl-rail-link{
    counter-increment:glrail;
    display:flex;align-items:baseline;gap:12px;
    padding:11px 10px;margin-inline-start:0;
    border-inline-start:2px solid transparent;
    transition:color .18s,background .18s,border-color .18s;
}
body.theme-global.pg-training-courses .gl-rail-link::before{
    content:counter(glrail,decimal-leading-zero);
    font-family:Georgia,"Times New Roman",serif;font-size:.72rem;
    color:#9fb0ad;min-width:1.4em;
}
body.theme-global.pg-training-courses .gl-rail-link:hover{background:#f4f8f7}
body.theme-global.pg-training-courses .gl-rail-link.is-active{
    background:#f0f6f5;border-inline-start-color:#0a7269;
}
body.theme-global.pg-training-courses .gl-rail-link.is-active::before{color:#0a7269}

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

/* نافذة جلوبال: إطار شعري، عنوان صغير بمسافات واسعة وخط تحته،
   حقول صناديق بزوايا قائمة، وزرار مربّع — منطق الجدول المضغوط. */
body.theme-global .modal-content{border:1px solid #cfd8d6;border-radius:2px;box-shadow:none}
body.theme-global .modal-header{background:transparent;border-bottom:1px solid #dfe6e4;padding:16px 22px}
body.theme-global .modal-title{color:#0a7269;font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700}
body.theme-global .modal-content > p{padding:12px 22px 0;color:#5b6f6c;font-size:.86rem}
body.theme-global .modal-body .form-control{border:1px solid #cfd8d6!important;border-radius:0!important;background:#fff!important}
body.theme-global .modal-body .form-control:focus{border-color:#0a7269!important;box-shadow:none!important}
body.theme-global .modal-body .btn-primary{border-radius:0!important;background:#0a7269!important;border-color:#0a7269!important}

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

/* جلوبال — جدول مضغوط: خط شعري فوق كل بند، عنوان صغير بمسافات واسعة،
   والنص في عمودين ضيّقين. */
body.theme-global.pg-policy-page .common-listing-section-wrap .box4 h5{
    margin:30px 0 8px;padding-top:12px;border-top:1px solid #cfd8d6;
    color:#0a7269;font-size:.76rem;letter-spacing:.18em;text-transform:uppercase}
body.theme-global.pg-policy-page .common-listing-section-wrap .box4 p{
    column-count:2;column-gap:34px;font-size:.9rem;line-height:1.7}
body.theme-global.pg-policy-page .common-listing-section-wrap .box4 ul{font-size:.9rem}

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

/* جلوبال — جدول مضغوط: خمس أعمدة ضيّقة، عنوان صغير بمسافات واسعة
   وخط فوقه، وخط طولي بين الأعمدة. */
body.theme-global.page-sitemap h5.no-margin{
    margin:26px 0 8px;padding-top:10px;border-top:1px solid #cfd8d6;
    color:#0a7269;font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}
body.theme-global.page-sitemap .sitemap-list{
    column-count:5;column-gap:24px;column-rule:1px solid #eef2f1;font-size:.82rem}
body.theme-global.page-sitemap .sitemap-list li{padding:3px 0}

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

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

/* جلوبال — جدول مضغوط: علامة تقاطع شعرية زي علامات مسطرة الجدول. */
body.theme-global h2:not([class]),
body.theme-global h2.inst-logos-h{position:relative;padding-top:14px}
body.theme-global h2:not([class])::before,
body.theme-global h2.inst-logos-h::before{
    content:"";position:absolute;top:0;inset-inline-start:0;
    width:26px;height:1px;background:currentColor;opacity:.5}
body.theme-global h2:not([class])::after,
body.theme-global h2.inst-logos-h::after{
    content:"";position:absolute;top:-4px;inset-inline-start:11px;
    width:1px;height:9px;background:#b8372f}

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

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

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

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

   المراجعة الشاملة طلّعت إن الصفحة دي هي الوحيدة اللي لسه بنفس
   التخطيط بالحرف في الـ11 موقع — نفس الكرت ونفس ترتيب البيانات،
   والفرق لون الزرار والحدّ بس. كل موقع بياخد أداته.
   ───────────────────────────── */
/* جلوبال — جدول مضغوط: خط شعرة علوي وعنوان بحروف متباعدة. */
body.theme-global.pg-search-page .courselisting{
    background:#fff!important;border:0!important;border-radius:0!important;
    border-top:2px solid #0a7269!important;box-shadow:none!important;
    padding:16px 0!important;margin-bottom:22px}
body.theme-global.pg-search-page .course-title h6 a{
    text-transform:uppercase;letter-spacing:.05em;font-size:.94rem}
body.theme-global.pg-search-page .custom-head-additional{
    background:transparent!important;color:#0a7269!important;border-radius:0!important;
    border-bottom:1px solid #0a7269!important;font-weight:700}
body.theme-global.pg-search-page .course-details-wrap{
    background:#f6f9f8!important;border-radius:0!important}


/* (2026-09-11) سهم الرجوع لفوق: كان نفس الزرار في الـ11 موقع (مربع 31px
   بأيقونة دايرة). كل موقع بقى له شكله؛ السهم مرسوم بـCSS بدل الأيقونة. */
body.theme-global #back-to-top{box-sizing:border-box;padding:0;overflow:visible}
body.theme-global #back-to-top i{display:none}
body.theme-global #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-global #back-to-top{width:46px;height:46px;border:2px solid var(--site-primary,#1f3a88)!important;
    border-radius:50%!important;background:#fff!important;color:var(--site-primary,#1f3a88);box-shadow:0 6px 16px rgba(0,0,0,.12)}
body.theme-global #back-to-top:hover{background:var(--site-primary,#1f3a88)!important;color:#fff}

/* ─────────────────────────────
   (2026-09-11) شريط الأرقام: بطاقات بأيقونات — اختيار صريح
   الصورة والتعتيم الغامق اتشالوا. خلفية فاتحة بلمسة تيل، وتلات بطاقات
   بيضا: أيقونة في دايرة، الرقم كبير بخط Fraunces، والكلمة تحته.
   ───────────────────────────── */
body.theme-global .gl-stats--cards{
    background:linear-gradient(180deg,#f3f8f7 0%,#eaf3f1 100%);overflow:visible}
body.theme-global .gl-stats--cards::after{display:none}
body.theme-global .gl-stats--cards > .container{padding-block:56px}
body.theme-global .gl-stats--cards .gl-stats-row{gap:26px}
body.theme-global .gl-stats--cards .gl-stats-row > div + div{border:0;border-image:none}
body.theme-global .gl-stats--cards .gl-stat{
    display:flex;flex-direction:column;align-items:center;
    padding:32px 20px 28px;background:#fff;border-radius:16px;
    box-shadow:0 10px 30px rgba(4,32,30,.08);transition:transform .2s ease,box-shadow .2s ease}
body.theme-global .gl-stats--cards .gl-stat:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(4,32,30,.14)}
body.theme-global .gl-stat-ico{
    width:60px;height:60px;display:grid;place-items:center;margin-bottom:18px;border-radius:50%;
    background:color-mix(in srgb,var(--site-primary,#0a7269) 12%,#ffffff);
    color:var(--site-primary,#0a7269);font-size:1.6rem}
body.theme-global .gl-stats--cards .gl-stats-row dt{color:#0b2b28}
body.theme-global .gl-stats--cards .gl-stats-row dd{color:var(--site-primary,#0a7269)}
body.theme-global[dir="rtl"] .gl-stats--cards .gl-stats-row dd{letter-spacing:normal;font-size:.9rem}
@media (max-width:640px){
    body.theme-global .gl-stats--cards > .container{padding-block:36px}
    body.theme-global .gl-stats--cards .gl-stats-row{gap:16px}
}
/* (2026-09-11) أربع أرقام بدل تلاتة (نص المعهد): 4 أعمدة، والكلمة التانية
   ("Every Year"، "Delivered Globally"...) سطر أهدى تحت الأساسية. */
body.theme-global .gl-stats--cards .gl-stats-row--4{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
body.theme-global .gl-stats--cards .gl-stats-row--4 .gl-stat{padding:30px 16px 26px}
body.theme-global .gl-stat-sub{display:block;margin-top:6px;font-size:.78rem;font-weight:500;
    letter-spacing:.02em;text-transform:none;color:#5b6f6c}
body.theme-global[dir="rtl"] .gl-stat-sub{letter-spacing:normal;font-size:.85rem}
@media (max-width:991px){body.theme-global .gl-stats--cards .gl-stats-row--4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:575px){body.theme-global .gl-stats--cards .gl-stats-row--4{grid-template-columns:1fr;gap:16px}}

/* ─────────────────────────────
   (2026-09-11) المدن: لوحة رحلات مطار — اختيار صريح
   لوح تيل غامق زي شاشة المغادرة، كود المطار حروف كهرمانية كل حرف في
   مربّع، اسم المدينة كبير بخط أحادي المسافة. الفواصل بين الصفوف شرايط
   2px غامقة مش خطوط 1px (بتختفي مع تكبير المتصفح). مفيش صور.
   ───────────────────────────── */
body.theme-global .gl-board{background:#fff;padding:64px 0}
body.theme-global .gl-board-head{text-align:center;margin:0 auto 30px;max-width:760px}
body.theme-global .gl-board-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 10px;
    font-size:.74rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--site-primary,#0a7269)}
body.theme-global[dir="rtl"] .gl-board-eyebrow{letter-spacing:normal;font-size:.9rem}
body.theme-global[dir="rtl"] .gl-board-eyebrow i{transform:scaleX(-1)}
body.theme-global .gl-board-head h2{margin:0 0 10px}
body.theme-global .gl-board-sub{margin:0;color:#5b6f6c}

body.theme-global .gl-board-panel{background:#062a27;border-radius:16px;padding:10px 22px 16px;
    box-shadow:0 24px 50px rgba(4,32,30,.28),inset 0 0 0 6px #0b3a36}
body.theme-global .gl-board-cols,
body.theme-global .gl-board-list a{display:grid;grid-template-columns:150px minmax(0,1fr) minmax(0,.7fr) 130px;align-items:center;gap:18px}
body.theme-global .gl-board-cols{padding:14px 12px 12px;border-bottom:3px solid #0f4a45;
    font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;font-weight:700;
    letter-spacing:.2em;text-transform:uppercase;color:#f5b82e}
body.theme-global[dir="rtl"] .gl-board-cols{letter-spacing:normal;font-family:inherit;font-size:.85rem}
body.theme-global .gl-board-list{list-style:none;margin:0;padding:0}
body.theme-global .gl-board-list li + li{border-top:2px solid #0b3a36}
body.theme-global .gl-board-list a{padding:12px;text-decoration:none;border-radius:8px;transition:background .15s}
body.theme-global .gl-board-list a:hover{background:#0b3a36}

body.theme-global .gl-board-code{display:inline-flex;gap:4px}
body.theme-global .gl-board-code > span{width:30px;height:38px;display:grid;place-items:center;border-radius:4px;
    background:linear-gradient(180deg,#123f3b 0 49%,#0a302c 51% 100%);color:#f5b82e;
    font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.2rem;font-weight:800;
    box-shadow:inset 0 -2px 0 rgba(0,0,0,.35)}
body.theme-global .gl-board-city{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.theme-global[dir="rtl"] .gl-board-city{font-family:inherit;letter-spacing:normal;font-size:1.25rem}
body.theme-global .gl-board-country{color:#9fc4bf;font-size:.9rem}
body.theme-global .gl-board-go{justify-self:end;display:inline-flex;align-items:center;gap:8px;
    padding:8px 14px;border-radius:6px;background:#f5b82e;color:#062a27;font-weight:800;font-size:.78rem;
    letter-spacing:.08em;text-transform:uppercase;transition:transform .15s}
body.theme-global[dir="rtl"] .gl-board-go{letter-spacing:normal;font-size:.85rem}
body.theme-global .gl-board-list a:hover .gl-board-go{transform:translateX(4px)}
body.theme-global[dir="rtl"] .gl-board-list a:hover .gl-board-go{transform:translateX(-4px)}

@media (max-width:767px){
    body.theme-global .gl-board{padding:40px 0}
    body.theme-global .gl-board-panel{padding:6px 10px 10px}
    body.theme-global .gl-board-cols,
    body.theme-global .gl-board-list a{grid-template-columns:auto minmax(0,1fr) auto;gap:10px}
    body.theme-global .gl-board-col-country,
    body.theme-global .gl-board-country{display:none}
    body.theme-global .gl-board-code > span{width:22px;height:30px;font-size:.95rem}
    body.theme-global .gl-board-city{font-size:.95rem;letter-spacing:.04em}
    body.theme-global .gl-board-go > span{display:none}
    body.theme-global .gl-board-go{padding:8px 10px}
}
/* الموبايل: صف عناوين الأعمدة بيتزنق لسطر "CODE DESTINATION" مش راكب
   على الصفوف — الصفوف واضحة لوحدها فالصف ده بيستخبى. */
@media (max-width:767px){body.theme-global .gl-board-cols{display:none}}
/* علامة العناوين بتاعة جلوبال (خط أفقي + شرطة حمرا) متصمّمة لعنوان على
   البداية؛ هنا العنوان في النص فكانت بتقع على الطرف. اتنقلت للنص فوقه. */
body.theme-global .gl-board-head h2{position:relative;padding-top:18px}
body.theme-global .gl-board-head h2::before{left:50%!important;right:auto!important;transform:translateX(-50%)}
body.theme-global .gl-board-head h2::after{left:calc(50% - 2px)!important;right:auto!important}


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

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

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

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

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

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

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

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

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

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




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

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

/* (2026-09-12) طلب صريح: في صفحة الدورات الأونلاين بس — اسم الدورة ياخد أكبر مساحة ممكنة.
   الشبكة كانت 6 أعمدة، والخامس (110px) عمود المدينة وهو فاضي تمامًا هنا لأن الأونلاين
   مالهاش مدينة. زرار التسجيل متثبّت على آخر عمود (grid-column:-2/-1) فبيفضل آخر واحد
   بعد ما العمود الفاضي يتشال. الباقي اتضيّق شوية والعنوان (minmax(0,1fr)) بياخد الفرق. */
@media (min-width:1200px){
    body.theme-global.page-online .inst-tc-head,
    body.theme-global.page-online .inst-tc .courselisting{
        grid-template-columns:minmax(0,1fr) 128px 92px 112px 128px}
}

/* (2026-09-12) طلب صريح: ترتيب خانات محرّك البحث في صفحة نتائج البحث يتنوّع في كل
   معهد. خانة الاسم تفضل أول واحدة بعد العنوان وزرار البحث آخر واحد (نفس القاعدة
   المتفق عليها). الغلاف .form-group.row أصلاً flex فالـorder بتشتغل عليه.
   الفواصل (.space10/.space20) ارتفاعها صفر والمسافة جاية من margin-top بتاعها —
   ولو اتسابت مكانها هتتجمّع فوق لما الخانات تترتّب، فاتشالت والمسافة بقت row-gap.
   المعهد مالوش theme-* ولا pg-search-page على الـbody فمستحيل توصله القاعدة دي. */
body.theme-global.pg-search-page .search-results-wrap-left .form-group{row-gap:10px}
body.theme-global.pg-search-page .search-results-wrap-left .form-group > .space10,body.theme-global.pg-search-page .search-results-wrap-left .form-group > .space20{display:none}
body.theme-global.pg-search-page .search-results-wrap-left .form-group > .search-input-main:first-child{order:0;margin-bottom:6px}
body.theme-global.pg-search-page .search-results-wrap-left .form-group > .search-input-main:not(:first-child){order:1}
body.theme-global.pg-search-page .search-results-wrap-left .form-group > .lang-id{order:2}
body.theme-global.pg-search-page .search-results-wrap-left .form-group > .city-id{order:3}
body.theme-global.pg-search-page .search-results-wrap-left .form-group > .category-id{order:4}
body.theme-global.pg-search-page .search-results-wrap-left .form-group > .course-type{order:5}
body.theme-global.pg-search-page .search-results-wrap-left .form-group > .month-search{order:6}
body.theme-global.pg-search-page .search-results-wrap-left .form-group > .year-search{order:7}
body.theme-global.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. */
/* هيكل: الفلتر بيتطوي ويتفتح — العنوان بقى <summary> شغّال كزرار (بلا جافاسكريبت).
   الماركب في نسخة الثيم: app/Views/themes/global/search/.../modify_search_desktop.php */
body.theme-global.pg-search-page details.gl-search-acc > summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff;font-weight:700;font-size:1rem;padding:2px 0 12px;user-select:none}
body.theme-global.pg-search-page details.gl-search-acc > summary::-webkit-details-marker{display:none}
/* السهم مرسوم بالـborders مش برمز في الخط: الرمز كان بيتعرض مكسور (BE) */
body.theme-global.pg-search-page details.gl-search-acc > summary::after{content:'';flex:0 0 auto;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor;transition:transform .18s ease}
body.theme-global.pg-search-page details.gl-search-acc[open] > summary::after{transform:rotate(180deg)}
body.theme-global.pg-search-page details.gl-search-acc > summary:hover{opacity:.85}

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

/* (2026-09-12) طلب صريح: تغيير أيقونات صفحة نتايج البحث، وكل معهد بثلاثي مختلف.
   الـmask متطبّق على الـ<svg> نفسه مش على عنصر أب: نسخ الموبايل بتقع جوّه <span>
   بلا كلاس فمفيش أب أعلّق عليه — وكده محدِّد واحد بيغطي الديسكتوب والموبايل.
   خط bootstrap-icons مش محمّل في الصفحة (fonts.check=false) فطريق كودات الخط مقفول.
   الرسمة الأصلية بتتلغي بـfill:transparent واللون بيجي من background-color.
   bi-x (قفل المودال) وزراري العرض برّه المحدِّدات دي. */
body.theme-global.pg-search-page svg.bi-calendar-check-fill,body.theme-global.pg-search-page svg.bi-flag-fill,body.theme-global.pg-search-page svg.bi-clock-fill,body.theme-global.pg-search-page svg.bi-signpost-split-fill{fill:transparent!important;background-color:#0a7269;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-global.pg-search-page svg.bi-calendar-check-fill{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M1 4h14v11H1zM4 0h2v3H4zM10 0h2v3h-2z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M1 4h14v11H1zM4 0h2v3H4zM10 0h2v3h-2z'/></svg>")}
body.theme-global.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='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-global.pg-search-page svg.bi-clock-fill,body.theme-global.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='M2 1h8a1 1 0 0 1 1 1v13H1V2a1 1 0 0 1 1-1zm10 6h2.5a.5.5 0 0 1 .5.5V15h-3V7z'/></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 1h8a1 1 0 0 1 1 1v13H1V2a1 1 0 0 1 1-1zm10 6h2.5a.5.5 0 0 1 .5.5V15h-3V7z'/></svg>")}

/* (2026-09-12) طلب صريح: "الفلتر لازق في الاطراف" في صفحة القسم. اللوحة عند جلوبال
   حشوتها صفر (global.css:1743/1777 بيحطوا حدود وظل بس)، والرأس لوحده عنده
   padding:14px 16px — فالعنوان والـClear مزاحين والخانات وزرار الكتيب لازقين
   في حرف اللوحة (قياس: فرق_شمال=0 وفرق_يمين=0، في حين السعودي 17 والعربي 15).
   نفس نمط السعودي (saudi.css:4843): الإزاحة على العمود الداخلي مش على اللوحة،
   عشان اللوحة عندها overflow:hidden وborder-radius. */
body.theme-global.pg-training-courses .inst-tc-side > .col-md-12.p-0{
    display:flex!important;flex-wrap:wrap;align-items:stretch;padding:8px 16px 16px!important}
body.theme-global.pg-training-courses .inst-tc-side > .col-md-12.p-0 > form{flex:1 1 100%}

/* (2026-09-12) طلب صريح: "مربع السعر شكلو مش متناسق" في صفحة تفاصيل الدورة (جلوبال).
   الكارت شبكة 1fr auto، وعمود السعر بيتقاس على الليبل بعد ما يلتف. في العربي الليبل
   "للمشارك الواحد" محتاج 59px لسطر واحد وبياخد 53px بس — الفرق ٦ بكسل — فبيتكسر
   سطرين والصندوق يطلع 83x102 ومزنوق. في الإنجليزي محتاج 70px وبياخد 77px فما بيلتفش.
   السبب مش قاعدة: مافيش أي rule بيحدد font-size لليبل — جذر الصفحة العربية 15.4px
   مقابل 13.6px في الإنجليزي، فالخط أكبر في عمود أضيق.
   nowrap على الليبل وحده بيخلي العمود auto يتقاس على العرض الحقيقي لسطر واحد.
   (مش على .price-tag كلها — ده بينفخ العمود لنص الكارت.) */
body.theme-global.pg-training-courses .session-card .price-tag .text-secondary{white-space:nowrap}

/* (2026-09-12) كارت الجدول في جلوبال كان بيطلّع محتواه ١٠px بره حدوده في النسخة
   الإنجليزية: عرض الكارت 275px وحشوته 16px 18px (border-box) يعني صندوق المحتوى
   239px، والأعمدة بتتحسب 145.5 + 106.7 = 252.2px — أوسع بـ13px.
   السبب إن 1fr حدّه الأدنى التلقائي هو min-content بتاع محتواه، فبيرفض ينكمش.
   minmax(0,1fr) بيشيل الحدّ ده فالعمود ينكمش والصف يقع جوّه الكارت.
   العربي ما كانش بيتجاوز أصلاً (241.5px) فمش هيتأثر. */
body.theme-global.pg-training-courses .session-card{grid-template-columns:minmax(0,1fr) auto}

/* (2026-09-12) تكملة: minmax(0,1fr) لوحدها منعت التجاوز بس خلّت عمود التفاصيل
   ينكمش لـ116px، والتاريخ محتاج ~145px فاتقصّت السنة ("27 - 31 Oct, 20").
   الحساب: التاريخ 145 + السعر 107 = 252px، وصندوق محتوى الكارت 275 - 18*2 = 239px
   — ناقص 13px. تقليل الحشوة الأفقية لـ11px بيدّي 253px فالاتنين يقعدوا كاملين
   من غير تجاوز ومن غير قصّ. */
body.theme-global.pg-training-courses .session-card{padding:16px 11px!important}

/* (2026-09-12) تصحيح النطاق: القاعدة اللي بتكسب هي .gl-cd-main .session-card
   (تلات كلاسات) مش .session-card لوحدها، فالإضافة السابقة ماكانتش بتتطبّق —
   القياس فضل بيقول padding:16px 18px. */
body.theme-global.pg-training-courses .gl-cd-main .session-card{padding:16px 11px!important}

/* (2026-09-12) طلب صريح: "خلي مربع السعر تحت قصاد زر التسجيل ومش مربع — خليه كبسولة".
   كان في العمود التاني من السطر الأول (grid-column:2;grid-row:1) جنب التفاصيل،
   فكان بياخد من عرض عمود التاريخ. دلوقتي: التفاصيل تاخد عرض الكارت كله في السطر
   الأول، والسطر التاني فيه السعر في البداية وزرار التسجيل في النهاية — قصاد بعض.
   وده كمان بيدّي صف التاريخ عرض الكارت كامل فالتواريخ الطويلة تظهر كاملة.
   والشكل بقى كبسولة: حواف دايرية وحشوة داخلية بدل المربع ذي الحدّ المستقيم. */
body.theme-global.pg-training-courses .session-card > ul{grid-column:1/-1!important;grid-row:1!important}
body.theme-global.pg-training-courses .session-card > .price-box{
    grid-column:1!important;grid-row:2!important;justify-self:start!important;
    text-align:start!important;align-self:center!important;margin-top:8px!important}
body.theme-global.pg-training-courses .session-card > .text-end{
    grid-column:2!important;grid-row:2!important;justify-self:end!important;
    align-self:center!important;margin-top:8px!important}
body.theme-global.pg-training-courses .gl-cd-main .session-card .price-tag,
body.theme-global.pg-training-courses .session-card .price-tag{
    display:inline-flex!important;align-items:baseline;gap:8px;
    background:#f1f6f5!important;border:1px solid #dfe6e4!important;
    border-radius:999px!important;padding:5px 14px!important;white-space:nowrap}

/* (2026-09-12) تكملة لطلب "السعر تحت قصاد زر التسجيل ككبسولة": الكبسولة والزرار
   ماكانوش بيقعدوا جنب بعض في الإنجليزي — صندوق محتوى الكارت 253px، والكبسولة 185px
   والزرار 122px يعني 307px، فكانوا بيركبوا على بعض. العربي كان بيعدّي بالظروف
   (150+80=230) لأن "للمشارك الواحد" و"سجل الان" أقصر.
   بدل ما نشيل "Per participant" عشان يزنق، الكارت يبقى اتنين في الصف: العمود
   من 33.3% لـ50% فالكارت ~413px ومحتواه 391px — الاتنين يقعدوا مرتاحين بالليبل
   وبشكل الكبسولة زي ما هو. */
body.theme-global.pg-training-courses .gl-cd-main .session-card-wrapper > [class*="col-"],
body.theme-global.pg-training-courses .session-card-wrapper > .col-lg-4,
body.theme-global.pg-training-courses .session-card-wrapper > .col-12{
    flex:0 0 50%!important;max-width:50%!important}

/* ─────────────────────────────
   (2026-09-18) تفاصيل الدورة على الموبايل: بطاقتين في الصف (١٥٠px للواحدة) — كبسولة
   السعر (nowrap، ١٨٥px) كانت بتخرج برّه البطاقة وبتوسّع الصفحة كلها لـ٤٠٩px،
   وخانة المدينة بتضيق. بطاقة في الصف تحت ٥٧٦px.
   ───────────────────────────── */
@media (max-width:575.98px){
    html body.theme-global.pg-training-courses .gl-cd-main .session-card-wrapper > [class*="col-"]{
        flex:0 0 100%!important;max-width:100%!important}
}


/* ═════════════════════════════════════════════════════════════
   (2026-09-18) صفحة "عن المعهد" — بنية مختلفة لكل معهد (طلب صريح: صفحات الموبايل
   شبه بعضها). الـHTML واحد (about_vmv.php: رؤية/رسالة/وعد/قيم) والبنية بتتغيّر
   بالـCSS: عدد الأعمدة، مكان الصورة، الترتيب، شكل العنوان — مش الألوان بس.
   ═════════════════════════════════════════════════════════════ */
body.theme-global.page-about #common-listing-section .box4{background:transparent;box-shadow:none;padding:0 0 12px;display:grid;grid-auto-flow:column;grid-auto-columns:84%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory}
body.theme-global.page-about #common-listing-section .aboutus-section-card{scroll-snap-align:start;background:#fff;border:1px solid #dfe6e4;border-top:4px solid #0a7269;border-radius:2px;padding:0;margin:0;overflow:hidden}
body.theme-global.page-about #common-listing-section .aboutus-section-card .row{display:flex;flex-direction:column;margin:0;height:100%}
body.theme-global.page-about #common-listing-section .aboutus-section-card .col-md-6{max-width:100%;width:100%;padding:0}
body.theme-global.page-about #common-listing-section .aboutus-section-card .col-md-6:has(> img){order:-1}
body.theme-global.page-about #common-listing-section .aboutus-section-card .col-md-12{display:none}
body.theme-global.page-about #common-listing-section .aboutus-vision img,body.theme-global.page-about #common-listing-section .aboutus-mission img,body.theme-global.page-about #common-listing-section .aboutus-brand img{width:100%;height:150px;object-fit:cover;border:0;border-radius:0;box-shadow:none}
body.theme-global.page-about #common-listing-section .aboutus-section-card .col-md-6:not(:has(> img)){padding:16px 18px 20px}
body.theme-global.page-about #common-listing-section .aboutus-section-card h4{font-family:Fraunces,Georgia,serif;font-size:1.25rem;color:#0a7269;margin:0 0 8px}
body.theme-global.page-about #common-listing-section .aboutus-section-card p{padding:0;margin:0;color:#12211f}
body.theme-global.page-about #common-listing-section .aboutus-values{padding:16px}
body.theme-global.page-about #common-listing-section .aboutus-values .aboutus-section-row{background:none;border:0;box-shadow:none;padding:0}
body.theme-global.page-about #common-listing-section .aboutus-values .aboutus-section-row .row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:0}
body.theme-global.page-about #common-listing-section .aboutus-values .aboutus-col-5{flex:none;max-width:none;padding:0;margin:0}
body.theme-global.page-about #common-listing-section .aboutus-values img{border:0;box-shadow:none}
@media (min-width:992px){body.theme-global.page-about #common-listing-section .box4{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(2,1fr);overflow:visible}body.theme-global.page-about #common-listing-section .aboutus-values{grid-column:1/-1}body.theme-global.page-about #common-listing-section .aboutus-values .aboutus-section-row .row{grid-template-columns:repeat(5,1fr)}}