/* ============================================================
   معهد القادة — Leaders Institute
   ------------------------------------------------------------
   Direction: the search is a toolbar under the banner, not a
   box inside it. Cards get a coloured top rule and no shadow.
   ============================================================ */

body.theme-leaders { --ld-ink: #0e2a3d; --ld-line: #dbe3e9; }

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

body.theme-leaders .courselisting,
body.theme-leaders .card {
    border: 1px solid var(--ld-line) !important;
    border-top: 4px solid var(--site-accent, #80af2e) !important;
}

/* الهيدر ثابت والصفحة بتعوّض ارتفاعه من فوق، فالحشو هنا
   مسافة تنفّس بس — 155 كان بيسيب فراغ أبيض 157 بكسل. */
body.theme-leaders .ld-hero {
    padding: 20px 0 26px;
    background: #fff;
    border-bottom: 1px solid var(--ld-line);
}

/* الكلام على الشمال واللوحة على اليمين. النسبة مش نص بنص:
   العنوان محتاج عرض يفرد فيه، واللوحة صفوف قصيرة. */
body.theme-leaders .ld-hero-body {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    gap: 46px;
    /* stretch مش start: الكلام أقصر من اللوحة، والخط الأزرق‑الأخضر
       لما يمتد بطولها بيربط النصين بدل ما يسيب فراغ أبيض جنبها. */
    align-items: stretch;
}

body.theme-leaders .ld-hero-copy { display: flex; gap: 28px; align-items: stretch; }

/* السلايدر واخد مكان الكلام، فالإطار ياخد باقي عرض العمود
   والصورة تفضل بنسبتها الأصلية — مفيش قص، لأن العنوان والزرار
   جوه الصورة نفسها وأي قص بياكل واحد منهم. */
/* السلايدر بيتمدّ لنفس ارتفاع لوحة المواعيد جنبه — عمودين
   بارتفاعين مختلفين بيسيبوا سنّة فاضية تحت الأقصر. عدد الدورات
   اتقلّل لتلاتة عشان الارتفاع الطبيعي للاتنين يبقى قريب، فالقص
   اللي بيعمله object-fit يفضل شعرة مش حتة من التصميم. */
body.theme-leaders .ld-hero-copy .inst-slides-frame {
    flex: 1 1 auto;
    min-width: 0;
    align-self: stretch;
    background: transparent;
}

body.theme-leaders .ld-hero-copy .inst-slide,
body.theme-leaders .ld-hero-copy .inst-slide img { height: 100%; }

body.theme-leaders .ld-hero-mark {
    flex: 0 0 10px;
    background: linear-gradient(180deg, var(--site-primary, #29719f), var(--site-accent, #80af2e));
}

/* ── اللوحة: مواعيد المعهد الحقيقية ─────────────────────────
   لوح أزرق مصمت جنب الكلام الأبيض. الصفوف كلها من
   course_session — مافيش صف هنا الزائر مش قادر يحجزه. */
body.theme-leaders .ld-board {
    /* اللوح لونه هو نفسه --site-primary، فالوقوف لازم يبقى أبيض
       مش أزرق وإلا الصف بيختفي. شوف الشرح في _institute.css */
    --link-hover-ink: #fff;

    background: var(--site-primary, #29719f);
    color: #fff;
    padding: 26px 28px 22px;
    border-top: 5px solid var(--site-accent, #80af2e);
}

body.theme-leaders .ld-board-title {
    font-size: .78rem; font-weight: 700; letter-spacing: .14em;
    text-transform: uppercase; color: rgba(255, 255, 255, .72);
    margin: 0 0 4px;
}

body.theme-leaders .ld-board-list { list-style: none; margin: 0; padding: 0; }

body.theme-leaders .ld-board-list li { border-bottom: 1px solid rgba(255, 255, 255, .16); }

body.theme-leaders .ld-board-list a {
    display: flex; align-items: center; gap: 18px;
    padding: 14px 0; color: #fff; text-decoration: none;
}

/* الرقم كبير عشان التاريخ هو أول حاجة العين تمسكها. */
body.theme-leaders .ld-board-date {
    flex: 0 0 54px; text-align: center; line-height: 1;
    font-variant-numeric: tabular-nums;
}
body.theme-leaders .ld-board-date b {
    display: block; font-size: 1.72rem; font-weight: 800;
}
body.theme-leaders .ld-board-date span {
    display: block; margin-top: 3px;
    font-size: .68rem; font-weight: 700; letter-spacing: .1em;
    text-transform: uppercase; color: var(--site-accent, #80af2e);
}

body.theme-leaders .ld-board-course { min-width: 0; }

body.theme-leaders .ld-board-name {
    display: block; font-size: .97rem; font-weight: 600; line-height: 1.35;
}
body.theme-leaders .ld-board-city {
    display: block; margin-top: 3px;
    font-size: .8rem; color: rgba(255, 255, 255, .68);
}

/* الوقوف بيغيّر لون العنوان بس — الخط الأخضر تحت التاريخ
   موجود أصلاً، فزيادة أي حاجة تانية هتزحم الصف. */
body.theme-leaders .ld-board-list a:hover .ld-board-name {
    color: var(--site-accent, #80af2e) !important;
}

body.theme-leaders .ld-board-all {
    display: inline-block; margin-top: 16px;
    font-size: .82rem; font-weight: 700; letter-spacing: .08em;
    text-transform: uppercase; color: #fff; text-decoration: none;
    border-bottom: 2px solid var(--site-accent, #80af2e); padding-bottom: 3px;
}
body.theme-leaders .ld-board-all:hover { color: var(--site-accent, #80af2e) !important; }

body.theme-leaders .ld-hero h1 {
    font-size: 2.7rem; line-height: 1.18; font-weight: 800;
    color: var(--ld-ink); margin: 0 0 14px;
}

body.theme-leaders .ld-hero p { color: #52697a; font-size: 1.05rem; max-width: 60ch; margin: 0 0 24px; }

body.theme-leaders .ld-hero-links { display: flex; flex-wrap: wrap; gap: 26px; }

body.theme-leaders .ld-hero-links a {
    color: var(--site-primary, #29719f); font-weight: 700; text-decoration: none;
    border-bottom: 2px solid transparent; padding-bottom: 2px;
}
body.theme-leaders .ld-hero-links a:hover { border-bottom-color: var(--site-accent, #80af2e); }

/* --- شريط البحث الملتصق --- */
body.theme-leaders .ld-searchbar {
    background: var(--site-primary, #29719f);
    padding: 16px 0;
    position: sticky; top: 0; z-index: 5;
}

body.theme-leaders .ld-searchbar-inner {
    display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
}

body.theme-leaders .ld-searchbar form {
    flex: 1; min-width: 260px; display: flex; align-items: center;
    background: #fff; border-radius: 3px; padding: 0 14px;
}

body.theme-leaders .ld-searchbar form i { color: #7d8f9c; }

body.theme-leaders .ld-searchbar input {
    flex: 1; min-width: 0; border: 0; background: transparent;
    padding: 13px 12px; font-size: .98rem; color: var(--ld-ink);
}
body.theme-leaders .ld-searchbar input:focus { outline: none; }

body.theme-leaders .ld-searchbar button {
    border: 0; background: var(--site-accent, #80af2e); color: #fff;
    padding: 10px 24px; font-weight: 700; border-radius: 3px;
}
body.theme-leaders .ld-searchbar button:hover { filter: brightness(.92); }

body.theme-leaders .ld-searchbar-advanced {
    color: #fff; font-size: .9rem; text-decoration: underline; white-space: nowrap;
}

@media (max-width: 991px) {
    body.theme-leaders .ld-hero { padding: 30px 0 36px; }
    body.theme-leaders .ld-hero-body { grid-template-columns: 1fr; gap: 30px; }
    body.theme-leaders .ld-hero h1 { font-size: 1.9rem; }
    body.theme-leaders .ld-searchbar { position: static; }
    body.theme-leaders .ld-searchbar-inner { flex-direction: column; align-items: stretch; }
}

/* ── الأقسام: بلاطتان في صف، أعرض وأهدأ ── */
body.theme-leaders .inst-tiles-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
body.theme-leaders .inst-tile { flex-direction: row; align-items: center; gap: 20px; padding: 30px; border-inline-start: 5px solid var(--site-accent, #80af2e); }
body.theme-leaders .inst-tile:hover { transform: none; border-inline-start-color: var(--site-primary, #29719f); box-shadow: 0 10px 24px rgba(14,42,61,.1); }
body.theme-leaders .inst-tile-label { flex: 1; }
body.theme-leaders .inst-tile-more { margin-top: 0; }
body.theme-leaders .inst-values { background: var(--ld-ink); color: #dfe8ee; }
body.theme-leaders .inst-values-head h2 { color: #fff; }
body.theme-leaders .inst-values-head p,
body.theme-leaders .inst-values-foot { color: #a9bdc9; }
body.theme-leaders .inst-values-list { grid-template-columns: repeat(4, 1fr); }
body.theme-leaders .inst-values-list li { flex-direction: column; gap: 12px; }
body.theme-leaders .inst-assoc-link { border-radius: 3px; }

/* ── الصور: شريط لوني على الحافة الابتدائية ── */
body.theme-leaders .widget-icon,
body.theme-leaders .common-banner-image { border-radius: 3px; }
body.theme-leaders .widget-icon::before,
body.theme-leaders .common-banner-image::before {
    content: ""; position: absolute; inset-block: 0; inset-inline-start: 0; width: 8px; z-index: 2;
    background: linear-gradient(180deg, var(--site-primary, #29719f), var(--site-accent, #80af2e));
}
body.theme-leaders .widget-icon img { filter: contrast(1.06); }
/* ── القائمة: تسطير بلون ثانوي ── */
body.theme-leaders .navbar-nav .nav-link.active { background: transparent !important; color: var(--ld-ink) !important; border-bottom: 3px solid var(--site-accent, #80af2e); border-radius: 0 !important; }

/* ── الداخلية: عمود لوني يفصل الأيقونة عن النص ── */
body.theme-leaders #common-banner-section-icon .common-banner-section-box,
body.theme-leaders #common-banner-section-image .common-banner-section-box { gap: 0; }
body.theme-leaders .common-banner-icon { border-radius: 3px; }
body.theme-leaders .common-banner-text {
    padding-inline-start: 30px; margin-inline-start: 30px;
    border-inline-start: 4px solid var(--site-accent, #80af2e);
}

/* ── الشريط العلوي: شعار ثم روابط ثم زر تواصل ── */
body.theme-leaders .ld-topbar { background: var(--ld-ink); color: #cfdbe4; font-size: .8rem; }
body.theme-leaders .ld-topbar-inner { display: flex; align-items: center; gap: 24px; min-height: 40px; }
body.theme-leaders .ld-topbar-tag { color: #9fb4c2; font-style: italic; }
body.theme-leaders .ld-topbar-links { gap: 20px; margin-inline-start: auto; }
body.theme-leaders .ld-topbar-links li.active a { color: var(--site-accent, #80af2e); }
body.theme-leaders .ld-topbar-cta {
    background: var(--site-accent, #80af2e); color: #fff !important;
    padding: 7px 18px; border-radius: 3px; font-weight: 700;
}
body.theme-leaders .ld-topbar-cta:hover { background: var(--site-primary, #29719f); --link-hover-ink: #fff; opacity: 1; }

/* ── الشريط العلوي: رقم هاتف بحجم رقم هاتف ── */
body.theme-leaders .ld-topbar { background: var(--ld-ink); color: #cfdbe4; }
body.theme-leaders .ld-topbar-row { min-height: 54px; }
/* The label and the number on one line: stacked, they made the strip taller
   than any other and the number shouted at twice the size of the bar. */
body.theme-leaders .ld-topbar-tel {
    display: flex; align-items: baseline; gap: 8px; line-height: 1.2;
}
body.theme-leaders .ld-topbar-tel small {
    font-size: .62rem; letter-spacing: .1em; text-transform: uppercase; color: #9fb4c2;
}
body.theme-leaders .ld-topbar-tel b { font-size: .82rem; letter-spacing: .01em; color: #fff; }
body.theme-leaders .ld-topbar-tag { color: #93aabb; font-style: italic; font-size: .84rem; }
/* الإيميل — طلب صريح، جنب رقم التليفون في نفس الشريط. */
body.theme-leaders .ld-topbar-mail {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-inline-start: 22px;
    color: #cfdbe4;
    font-size: .82rem;
}
body.theme-leaders .ld-topbar-mail:hover { color: #fff; }
body.theme-leaders .ld-topbar-mail i { color: var(--site-accent, #80af2e); }
body.theme-leaders .ld-topbar-cta {
    margin-inline-start: auto;
    background: var(--site-accent, #80af2e); color: #fff;
    padding: 9px 20px; border-radius: 3px; font-weight: 700; font-size: .82rem;
}
body.theme-leaders .ld-topbar-cta:hover { background: var(--site-primary, #29719f); --link-hover-ink: #fff; opacity: 1; }

/* علم دائري لتبديل اللغة — طلب صريح، جنب "Contact Us" في التوب بار
   (المكان الوحيد الظاهر دايمًا بعد ما المنيو الرئيسية بقت سايدبار). */
body.theme-leaders .ld-topbar-lang {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    margin-inline-start: 12px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid rgba(255, 255, 255, .55);
    flex: none;
    transition: border-color .16s ease;
}
body.theme-leaders .ld-topbar-lang:hover {
    border-color: #fff;
}
body.theme-leaders .ld-topbar-lang .fi {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
}

/* طلب صريح: على الموبايل كلمة "Call me back" وزرار "Contact Us"
   يتخفوا، ويفضل التليفون والإيميل والعلم في سطر واحد. */
@media (max-width: 575.98px) {
    body.theme-leaders .ld-topbar-tel small,
    body.theme-leaders .ld-topbar-cta {
        display: none;
    }
}


/* ══════════════════════════════════════════════════════════
   القائمة الرئيسية — بجانب العلامة على شريط داكن
   The bar was two tiers, which put the menu a whole row below
   the mark and left the top row nearly empty. It is one row
   now: the mark on the dark strip with the links beside it.
   ══════════════════════════════════════════════════════════ */
/* Light bar: this mark is dark, and it was standing on the dark strip
   unreadable. The ground moves, not the mark — the same answer the other
   three dark bars got. */
body.theme-leaders nav.navbar {
    background: #fff;
    border-bottom: 3px solid var(--ld-ink);
}

body.theme-leaders .navbar-nav > li > .nav-link {
    color: var(--ld-ink) !important;
    font-size: .84rem; font-weight: 600;
    background: transparent !important; border-radius: 0 !important;
    padding: 10px 14px !important;
}

body.theme-leaders .navbar-nav > li > .nav-link.active {
    color: var(--site-primary, #29719f) !important;
    border-bottom: 3px solid var(--site-accent, #80af2e);
}

/* حبر هذا الشريط: يستعمله الرابط ساكناً ومحوَّماً عليه سواء. */
body.theme-leaders nav.navbar { --nav-ink: var(--ld-ink); }

/* العنوان الظاهر جوّه شبكة الهيرو: لازم ياخد الصفين، وإلا الـ lede
   بيقع في العمود التاني جنب العنوان بدل ما يبقى تحته. */
body.theme-leaders .ld-hero-body > .inst-h1,
body.theme-leaders .ld-hero-body > .inst-lede { grid-column: 1 / -1; }

/* الـ 46px دي مسافة بين العمودين، مش بين السطور — ولما العنوان بقى صف
   كامل بقت بتتحسب تحته كمان مرة، فبقى فراغ كبير بين كل سطر والتاني.
   المسافة الأفقية زي ماهي، والرأسية بقت من هوامش العناصر نفسها. */
body.theme-leaders .ld-hero-body { column-gap: 46px; row-gap: 0; }
body.theme-leaders .ld-hero-body > .inst-h1   { margin-bottom: 6px; line-height: 1.08; }
body.theme-leaders .ld-hero-body > .inst-lede { margin-bottom: 16px; }

/* ── لوحة الدورات: صفوف عارية وشريط بيدخل عند الوقوف ──────── */
body.theme-leaders .inst-mega { --inst-mega-line: #e2e8ee; }

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

body.theme-leaders .inst-mega-card {
    position: relative;
    padding: 6px 12px 6px 14px;
    border-bottom: 1px solid var(--inst-mega-line);
}

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

/* الشريط بيتولد بعرض صفر وبيتمدّ — مش بيظهر ويختفي. */
body.theme-leaders .inst-mega-card::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: 8px;
    bottom: 8px;
    width: 0;
    background: var(--site-accent, #80af2e);
    transition: width .18s ease;
}

body.theme-leaders .inst-mega-card:hover { background: none; padding-inline-start: 20px; }
body.theme-leaders .inst-mega-card:hover::before { width: 3px; }
body.theme-leaders .inst-mega-n { background: #eef3ea; color: var(--site-accent, #5f8722); }

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

/* ═══════════════════════════════════════════════════════════
   التذييل — فاتح، غير متماثل، ولوحة المواعيد الحقيقية بتاعة
   البنر بترجع تاني
   ------------------------------------------------------------
   طلب صريح: تصميم مختلف عن almawred/global/glomac (لوحة غامقة
   بأعمدة صناديق) وabfa (فاتح بعمود واحد متمركز). هنا فاتح
   ومحاذي للشمال زي باقي هوية leaders، بنفس نسبة العمودين
   الغير متماثلة اللي .ld-hero-body بتستخدمها (1.08fr/0.92fr) —
   مش نسخة جديدة، امتداد لنفس القرار. العمود الضيق مش صندوق
   غامق جديد: هو .ld-board نفسها (نفس لوحة "المواعيد القادمة"
   في البنر)، بنفس بيانات site_upcoming_sessions() الحقيقية،
   بترجع هنا كجزيرة واحدة مش كخلفية الصفحة كلها.
   ═══════════════════════════════════════════════════════════ */
body.theme-leaders #dt-home-footer-section {
    background: #fff;
    border-top: 1px solid var(--ld-line);
}
body.theme-leaders .ld-footer { padding: 50px 0 34px; }

body.theme-leaders .ld-footer-body {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr);
    gap: 40px;
    align-items: start;
}

body.theme-leaders .ld-footer-groups {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 30px;
}

/* نفس معاملة .inst-tile بالظبط: شريط لوني على الحافة الابتدائية،
   بلا كارت ولا ظل. */
body.theme-leaders .ld-footer-group {
    border-inline-start: 3px solid var(--site-accent, #80af2e);
    padding-inline-start: 16px;
}

body.theme-leaders .ld-footer-label {
    font-size: .74rem; font-weight: 700; letter-spacing: .12em;
    text-transform: uppercase; color: var(--ld-ink, #0e2a3d);
    margin: 0 0 12px;
}

body.theme-leaders .ld-footer-list { list-style: none; margin: 0; padding: 0; }
body.theme-leaders .ld-footer-list li { padding-bottom: 10px; font-size: .88rem; }
body.theme-leaders .ld-footer-list a { color: #52697a; text-decoration: none; }
body.theme-leaders .ld-footer-list a:hover { color: var(--site-primary, #29719f); text-decoration: underline; }

/* اللوحة هنا أضيق من نسخة البنر — عرضها بيتحكم فيه عمود الشبكة
   دلوقتي مش عرض الهيرو الكامل، فمفيش حاجة زيادة غير هوامش الأعلى. */
body.theme-leaders .ld-footer-board { margin: 0; }
body.theme-leaders .ld-footer-board .ld-board-list li:last-child { border-bottom: 0; }

@media (max-width: 767px) {
    body.theme-leaders .ld-footer-body { grid-template-columns: 1fr; gap: 30px; }
    body.theme-leaders .ld-footer-groups { grid-template-columns: 1fr; gap: 26px; }
}

/* ══════════════════════════════════════════════════════════
   منيو جانبية (off-canvas) بدل الصف الأفقي — طلب صريح: قائمة
   بنودها تحت بعض، أقدر أفتحها وأقفلها بزرار.

   الموقع أصلاً فيه مكوّن off-canvas جاهز وشغال (primary_mobile_menu.php
   / #navbar_main.mobile-offcanvas)، لكنه مبني للموبايل بس —
   تصميمه (position:fixed، الانزلاق، إلخ) محصور جوه
   @media(max-width:991px) في fullcss.css، والزرار اللي بيفتحه
   (.navbar-toggler) وهو نفسه d-lg-none (مختفي فوق 992px). بدل ما
   نبني منيو جانبية من الصفر، بنشغّل نفس المكوّن في كل المقاسات:
   نخبي الصف الأفقي العادي (#main_nav7)، ونعيد تعريف نفس قواعد
   الـoff-canvas من غير قيد الـmedia query، ونظهر الزرار دايمًا.
   الجافاسكريبت اللي بيفتح/يقفل (menukit.js، [data-trigger]) عام
   أصلاً ومش محتاج أي تعديل. leaders بس. */
body.theme-leaders #main_nav7 {
    display: none !important;
}
body.theme-leaders .navbar-toggler.d-lg-none {
    display: block !important;
}
body.theme-leaders #navbar_main.mobile-offcanvas {
    visibility: hidden;
    transform: translateX(-100%);
    border-radius: 0;
    display: block !important;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 1200;
    width: 80%;
    max-width: 320px;
    overflow-y: scroll;
    /* visible مش hidden: طلب صريح إن القوائم المنسدلة (Courses/Cities/
       Services...) تظهر بعرضها الطبيعي وتمتد برّه حدود اللوحة، مش
       تتقص أو تتحشر في عرضها الضيق. */
    overflow-x: visible;
    transition: visibility .2s ease-in-out, transform .2s ease-in-out;
    box-shadow: rgba(221, 230, 237, .08) 0 6px 6px 0;
}
body.theme-leaders #navbar_main.mobile-offcanvas .container {
    display: block;
    /* .container العادية بتاخد بادينج وmax-width (Bootstrap) —
       صفر وعرض كامل هنا يضمن إن مفيش أي مسافة جانبية مهما كان
       مصدرها بالظبط. */
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
}
body.theme-leaders #navbar_main.mobile-offcanvas .navbar-nav {
    width: 100% !important;
    margin: 0 !important;
}
body.theme-leaders #navbar_main.mobile-offcanvas .navbar-nav > li {
    width: 100% !important;
}
/* #navbar_main كلاسه فيه navbar-expand-lg، وfullcss.css بتفرض
   flex-direction:row على .navbar-expand-lg .navbar-nav فوق 992px
   (سلوك Bootstrap العادي: الصف الأفقي بيتفعّل من هنا) — فبنودها
   كانت بتطلع صف أفقي جوه اللوحة الجانبية بدل عمود. عمود دايمًا هنا. */
body.theme-leaders #navbar_main.mobile-offcanvas .navbar-nav {
    flex-direction: column !important;
}
body.theme-leaders #navbar_main.mobile-offcanvas.show {
    visibility: visible;
    transform: translateX(0);
    box-shadow: rgba(0, 0, 0, .09) 110px -3px 8px 0;
}
/* الصفحة العربية: اللوحة تنزلق من اليمين مش الشمال — طلب صريح.
   المكوّن الأصلي (mobile-offcanvas) بيفتح من الشمال دايمًا حتى في
   صفحة العربي (نفس سلوك الموبايل الأصلي، ملهوش نسخة RTL أصلاً)،
   فده تخصيص جديد كليًا للسايدبار هنا. */
body.theme-leaders[dir="rtl"] #navbar_main.mobile-offcanvas {
    left: auto;
    right: 0;
    transform: translateX(100%);
}
body.theme-leaders[dir="rtl"] #navbar_main.mobile-offcanvas.show {
    transform: translateX(0);
    box-shadow: rgba(0, 0, 0, .09) -110px -3px 8px 0;
}
body.theme-leaders .offcanvas-header {
    display: block;
}
/* أيقونة الفتح كانت بلون المعهد (#244298) بالإيد — لون المعهد هنا. */
body.theme-leaders .navbar-toggler i.bi-list {
    color: var(--site-primary, #29719f) !important;
}
/* شريط رفيع بلون المعهد أعلى القائمة، بدل ما تفضل بيضا سادة. */
body.theme-leaders #navbar_main.mobile-offcanvas {
    border-top: 4px solid var(--site-primary, #29719f);
}

/* القائمة المنسدلة (Courses/Cities/Services...) بتاخد عرضها الطبيعي
   (400px من .mobile-menu في fullcss.css) وتمتد برّه حدود اللوحة
   الضيقة (320px) — طلب صريح. overflow-x:visible فوق بيسمح لها
   تظهر كاملة من غير ما تتقص. */
body.theme-leaders #navbar_main.mobile-offcanvas .dropdown-menu.mobile-menu {
    box-shadow: 0 8px 24px rgba(14, 42, 61, .18);
    z-index: 1201;
}

/* شكل بنود اللوحة: صفوف كاملة العرض بمسافة تنفّس، بدل شكل الأزرار
   الصغيرة الافتراضية (padding 3px وحدود بيضا) اللي كانت مصممة
   لصف أفقي ضيق مش لعمود واسع. */
/* كل بند في مربّع لوحده — طلب صريح، بدل الصفوف المتلاصقة بخط
   فاصل تحتها. حدّ كامل حوالين كل بند + زوايا مدوّرة + مسافة تحته
   قبل اللي بعده، فبيبقى شكله كارت مستقل مش سطر في قايمة متصلة. */
body.theme-leaders #navbar_main.mobile-offcanvas .navbar-nav > li {
    margin-bottom: 8px;
}
body.theme-leaders #navbar_main.mobile-offcanvas .navbar-nav > li > .nav-link {
    display: block;
    width: 100%;
    padding: 12px 16px !important;
    margin: 0 !important;
    border: 1px solid var(--ld-line, #dbe3e9) !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: var(--ld-ink, #0e2a3d) !important;
    font-size: .95rem;
    font-weight: 600;
    box-sizing: border-box;
}
body.theme-leaders #navbar_main.mobile-offcanvas .navbar-nav > li > .nav-link:hover,
body.theme-leaders #navbar_main.mobile-offcanvas .navbar-nav > li > .nav-link.active {
    color: var(--site-primary, #29719f) !important;
    background: #f4f7f9 !important;
    border-color: var(--site-primary, #29719f) !important;
}
/* أيقونة السهم الصغيرة قبل كل بند — كانت بتاخد مكانها بحساب صف
   أفقي (float/position مطلق). محاذاة عادية جوه الصف هنا أنضف. */
body.theme-leaders #navbar_main.mobile-offcanvas .navbar-nav > li > .nav-link i.bi-arrow-right-short {
    position: static !important;
    top: 0 !important;
    margin-inline-end: 4px;
}

/* ══════════════════════════════════════════════════════════
   المدن المتاحة — طلب صريح: 11 تصميم مختلف على 11 موقع، مبني على
   petroknowledge.com/#venues كمرجع (صف أيقونات + عدّاد حقيقي +
   زرار "View All Venues"). الأيقونات هنا مدن حقيقية بلا عدّاد
   مختلق (شوف تعليق cities.php) — نفس لغة .inst-tile/.ld-footer-group
   بالظبط: شريط لوني على الحافة الابتدائية، بلا ظل ولا كارت.
   ══════════════════════════════════════════════════════════ */
body.theme-leaders .ld-cities { padding: 46px 0 54px; background: #f7f9fa; border-top: 1px solid var(--ld-line); }

body.theme-leaders .ld-cities-head { margin: 0 0 24px; }
body.theme-leaders .ld-cities-head h2 {
    font-size: 1.5rem; font-weight: 800; color: var(--ld-ink);
    margin: 0; padding-inline-start: 16px;
    border-inline-start: 5px solid var(--site-accent, #80af2e);
}

body.theme-leaders .ld-cities-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 14px;
    margin-bottom: 22px;
}

body.theme-leaders .ld-cities-tile {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    border: 1px solid var(--ld-line);
    border-inline-start: 3px solid var(--site-accent, #80af2e);
    padding: 16px 14px;
    text-decoration: none;
    transition: border-inline-start-color .16s ease, box-shadow .16s ease;
}
body.theme-leaders .ld-cities-tile:hover {
    border-inline-start-color: var(--site-primary, #29719f);
    box-shadow: 0 8px 18px rgba(14, 42, 61, .1);
}
body.theme-leaders .ld-cities-tile i {
    font-size: 1.15rem;
    color: var(--site-primary, #29719f);
    flex: none;
}
body.theme-leaders .ld-cities-name {
    font-size: .92rem;
    font-weight: 700;
    color: var(--ld-ink);
    line-height: 1.3;
}

body.theme-leaders .ld-cities-all {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: .84rem;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #fff;
    background: var(--site-accent, #80af2e);
    padding: 11px 22px;
    border-radius: 3px;
    text-decoration: none;
}
body.theme-leaders .ld-cities-all:hover { background: var(--site-primary, #29719f); --link-hover-ink: #fff; opacity: 1; }

@media (max-width: 991px) {
    body.theme-leaders .ld-cities-grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 575px) {
    body.theme-leaders .ld-cities-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ══════════════════════════════════════════════════════════
   Categories — reference petroknowledge.com's "Explore Training
   Course Topics" grid, but built entirely from this theme's own
   .card recipe (border + 4px coloured TOP rule, 3px radius, no
   shadow — the sitewide "Direction" at the top of this file), not
   PetroKnowledge's blue. Distinct from ld-cities' left-rule tile
   row above: proper cards in a grid, top rule not side rule.
   ══════════════════════════════════════════════════════════ */
body.theme-leaders .ld-categories { padding: 54px 0 60px; background: #fff; }

body.theme-leaders .ld-categories-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 24px;
}
body.theme-leaders .ld-categories-head h2 {
    font-size: 1.5rem; font-weight: 800; color: var(--ld-ink);
    margin: 0; padding-inline-start: 16px;
    border-inline-start: 5px solid var(--site-accent, #80af2e);
}
body.theme-leaders .ld-categories-head a {
    font-size: .84rem; font-weight: 700; text-transform: uppercase;
    letter-spacing: .05em; color: var(--site-primary, #29719f);
    text-decoration: none;
}

/* رابع محاولة: رسومات boostorg.com نفسها (طلب صريح من المستخدم، بعد
   ما اتقالله إنها ملك Boost مش لينا ووافق لأن الموقع تجريبي محلي).
   الكارت هنا بيقلّد شكل بوست بالحرف: كارت أبيض، إطار أزرق رفيع
   (site-primary مش لون بوست الحرفي)، زاوية علوية دائرية، رسمة صغيرة
   في النص، والاسم تحتها — مفيش عدد كورسات لأنه رقم مش عندنا حقيقي. */
/* متابعة: "صغرهم واظهر عدد اكبر" — 5 أعمدة بدل 3، كارت أصغر
   بكتير، عشان الـ15 تصنيف يبانوا زي شبكة بوست الكثيفة. */
body.theme-leaders .ld-categories-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 12px;
}

body.theme-leaders .ld-categories-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 8px;
    padding: 14px 10px 12px;
    background: #fff;
    border: 1.5px solid var(--site-primary, #29719f);
    border-radius: 12px 12px 5px 5px;
    text-decoration: none;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
body.theme-leaders .ld-categories-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 14px 28px rgba(41, 113, 159, .16);
    border-color: var(--site-accent, #80af2e);
}

body.theme-leaders .ld-categories-frame {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 54px;
}
body.theme-leaders .ld-categories-frame img {
    max-width: 84px;
    max-height: 54px;
    width: auto;
    height: auto;
    object-fit: contain;
}
body.theme-leaders .ld-categories-fallback-icon {
    width: 30px; height: 30px; object-fit: contain; opacity: .8;
}

body.theme-leaders .ld-categories-title {
    font-weight: 800;
    font-size: .74rem;
    line-height: 1.25;
    color: var(--ld-ink);
}

@media (max-width: 991px) {
    body.theme-leaders .ld-categories-grid { grid-template-columns: repeat(4, 1fr); }
}
@media (max-width: 767px) {
    body.theme-leaders .ld-categories-grid { grid-template-columns: repeat(3, 1fr); }
    body.theme-leaders .ld-categories-title { font-size: .78rem; }
}
@media (max-width: 480px) {
    body.theme-leaders .ld-categories-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ══════════════════════════════════════════════════════════
   الخدمات (tiles): عمود كلام + لوحة site-primary زرقاء فيها
   3 صفوف مدمجة. مختلفة عن صفوف ld-cities (بلا خلفية، خط جنبي)
   وكروت ld-categories (إطار أزرق، رسمة كبيرة) — هنا اللوحة نفسها
   ملوّنة والصفوف بيضا شفافة جواها، مش كارت ولا خط جانبي.
   ══════════════════════════════════════════════════════════ */
/* ثاني تصميم: المحاولة الأولى (نص جنب لوحة صفوف) طلعت شبه خمس
   معاهد تانية بالحرف. هنا عنوان في النص فوق شريط واحد متصل
   مقسوم 4 قطاعات متساوية بخط رأسي شعرة — قطاع واحد مستمر، مش
   قائمة صفوف منفصلة، ومفيش عمود نص جنبها. */
body.theme-leaders .ld-tiles { padding: 54px 0; background: #fff; }

body.theme-leaders .ld-tiles-heading {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 800;
    color: var(--ld-ink);
    margin: 0 0 30px;
}

/* ثالث تصميم. الشريط المقسوم قطاعات كان اتقالها "غيّرها" مع
   شوية معاهد تانية من غير سبب محدد — فكرة تالتة: صف نص مسطّح،
   بلا كارت ولا تعبئة ولا فاصل، وشريط لون بيدخل من تحت كل عنصر
   عند الوقوف — نفس لغة "الشريط الداخل" اللي leaders معروفة بيها
   (site_helper.php بيسمّي أسلوبها 'slide'). */
body.theme-leaders .ld-tiles-nav {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 48px 64px;
}

body.theme-leaders .ld-tiles-link {
    position: relative;
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 14px;
    text-decoration: none;
}

body.theme-leaders .ld-tiles-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: var(--site-primary, #29719f);
}
body.theme-leaders .ld-tiles-icon img { width: 26px; height: 26px; object-fit: contain; }
/* Online/New has no leaders-specific icon file, so it's a Bootstrap Icons
   glyph instead of an <img>, sized to read at the same weight. */
body.theme-leaders .ld-tiles-icon i { font-size: 1.4rem; line-height: 1; }

body.theme-leaders .ld-tiles-label {
    font-weight: 700;
    font-size: 1rem;
    color: var(--ld-ink);
}

body.theme-leaders .ld-tiles-bar {
    position: absolute;
    left: 0; right: 0; bottom: 0;
    height: 3px;
    background: var(--site-accent, #80af2e);
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .22s ease;
}
body.theme-leaders .ld-tiles-link:hover .ld-tiles-bar { transform: scaleX(1); }
body.theme-leaders .ld-tiles-link:hover .ld-tiles-label { color: var(--site-primary, #29719f); }

@media (max-width: 767px) {
    body.theme-leaders .ld-tiles-nav { flex-direction: column; align-items: center; gap: 24px; }
}

/* طلب صريح (2026-09-05): كل صف 6 كروت — 12 تخصص = صفّين مظبوطين. الكارت والخط أصغر شوية عشان يساعوا. */
body.theme-leaders .ld-categories-grid { grid-template-columns: repeat(6, 1fr); gap: 10px; }
body.theme-leaders .ld-categories-card { padding: 12px 8px 10px; gap: 6px; }
body.theme-leaders .ld-categories-title { font-size: .8rem; line-height: 1.25; }
@media (max-width: 991px) { body.theme-leaders .ld-categories-grid { grid-template-columns: repeat(4, 1fr); } }
@media (max-width: 767px) { body.theme-leaders .ld-categories-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 480px) { body.theme-leaders .ld-categories-grid { grid-template-columns: repeat(2, 1fr); } }

/* ═══ الدورات القادمة — القادة: تذاكر (طلب صريح 2026-09-05) ═══
   عمودان من "التذاكر": كعب التاريخ أزرق على الحافة مفصول بخط تثقيب متقطع
   عن جسم التذكرة، العنوان، المدينة والمدة، وزر حجز أخضر. عند التحويم التذكرة
   بتعلى وظلها بيغمق. */
body.theme-leaders .inst-upcoming { background: #f3f6f8; }
body.theme-leaders .inst-upcoming-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 16px; }
body.theme-leaders .inst-upcoming-list li { border: 0 !important; }
body.theme-leaders .inst-upcoming-list a { background: #fff; border-radius: 10px; padding: 0; gap: 0; align-items: stretch; overflow: hidden; box-shadow: 0 6px 18px rgba(14,42,61,.08); position: relative; height: 100%; transition: transform .18s, box-shadow .18s; }
body.theme-leaders .inst-upcoming-list a:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(14,42,61,.14); background: #fff; }
body.theme-leaders .inst-upcoming-date { width: 92px; height: auto; flex: 0 0 92px; background: var(--site-primary, #29719f); border-inline-end: 2px dashed rgba(255,255,255,.55); }
body.theme-leaders .inst-upcoming-day { font-size: 2rem; }
body.theme-leaders .inst-upcoming-month { font-size: .8rem; opacity: 1; }
body.theme-leaders .inst-upcoming-body { padding: 16px 18px; gap: 6px; flex: 1; }
body.theme-leaders .inst-upcoming-title { color: var(--ld-ink, #0e2a3d); }
body.theme-leaders .inst-upcoming-meta2 { display: flex; flex-wrap: wrap; gap: 12px; font-size: .78rem; color: #5a6a7c; }
body.theme-leaders .inst-upcoming-meta2 i { margin-inline-end: 4px; color: var(--site-accent, #80af2e); }
body.theme-leaders .inst-upcoming-book { display: inline-block; align-self: flex-start; margin-top: 6px; padding: 6px 14px; border-radius: 4px; background: var(--site-accent, #80af2e); color: #fff; font-size: .78rem; font-weight: 700; text-transform: uppercase; letter-spacing: .04em; }
body.theme-leaders .inst-upcoming-new { display: inline-block; position: absolute; top: 10px; inset-inline-end: 10px; padding: 2px 8px; border-radius: 3px; background: var(--site-accent, #80af2e); color: #fff; font-size: .68rem; font-weight: 800; }
@media (max-width: 767px) { body.theme-leaders .inst-upcoming-list { grid-template-columns: 1fr; } }

/* الدورات القادمة: كروت أصغر (طلب صريح 2026-09-06) */
body.theme-leaders .inst-upcoming-list { grid-template-columns: repeat(3, 1fr); gap: 12px; }
body.theme-leaders .inst-upcoming-date { width: 70px; flex-basis: 70px; }
body.theme-leaders .inst-upcoming-day { font-size: 1.5rem; }
body.theme-leaders .inst-upcoming-body { padding: 12px 14px; gap: 4px; }
body.theme-leaders .inst-upcoming-title { font-size: .9rem; }
body.theme-leaders .inst-upcoming-meta { font-size: .78rem; }
body.theme-leaders .inst-upcoming-book { padding: 5px 12px; font-size: .72rem; }
@media (max-width: 991px) { body.theme-leaders .inst-upcoming-list { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { body.theme-leaders .inst-upcoming-list { grid-template-columns: 1fr; } }

/* أيقونات بيانات الكارت الخاصة بالمعهد (طلب 2026-09-07): calendar2-check / globe-americas / mortarboard-fill / geo-fill / bank2 */
body.theme-leaders.pg-training-courses .course-date .bi-calendar-check-fill::before{content:"\f1f8"}
body.theme-leaders.pg-training-courses .course-language .bi-flag-fill::before{content:"\f882"}
body.theme-leaders.pg-training-courses .course-language .bi-bookmarks-fill::before{content:"\f6fd"}
body.theme-leaders.pg-training-courses .course-location .bi-signpost-split-fill::before{content:"\f3e9"}
body.theme-leaders.pg-training-courses .course-time .bi-signpost-split-fill::before{content:"\f62f"}

/* --- training-courses fix 1a612a0cf3ba96631619412ef5e27ecb --- */
/* ===== /training-courses — ليدرز (مرجع euromatech): بانر كحلي رفيع، فلتر جانبي بعنوان كحلي وحقول بحدود زرقاء، جدول بشريط عناوين كحلي وصفوف مفصولة بخط (2026-09-07) ===== */
body.theme-leaders.pg-training-courses #common-banner-section-image{background:#0e2a3d}
body.theme-leaders.pg-training-courses #common-banner-section-image::before{display:none}
body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-section-box{padding:22px 0;align-items:center}
body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-image,body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-text p,body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-text .space15,body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-text .space5,body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-text form{display:none}
body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-text{max-width:none}
body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-text h1{margin:0;font-size:1.8rem;padding-inline-start:14px;border-inline-start:5px solid #80af2e}
body.theme-leaders.pg-training-courses .inst-tc-side{background:#fff;border:1px solid #cfdbe4}
body.theme-leaders.pg-training-courses .inst-tc-side-head{background:#0e2a3d;color:#fff;border-bottom:0}
body.theme-leaders.pg-training-courses .inst-tc-side-reset{color:#cfdbe4}
body.theme-leaders.pg-training-courses .inst-tc #common-filter-box-modal-one .box2{padding:12px}
body.theme-leaders.pg-training-courses .inst-tc #common-filter-box-modal-one .form-control{border:1px solid #29719f;border-radius:4px;background:#fff;color:#0e2a3d;height:42px;font-size:.95rem}
body.theme-leaders.pg-training-courses .inst-tc #common-filter-box-modal-one .menu-two{border:1px solid #29719f;color:#29719f;border-radius:4px;background:#fff}
body.theme-leaders.pg-training-courses .inst-tc #common-filter-box-modal-one .menu-two.purple-color{background:#29719f!important;border-color:#29719f!important;color:#fff!important;border-radius:4px}
body.theme-leaders.pg-training-courses .inst-tc-cta{margin:0 12px 12px;background:#80af2e;color:#fff;border-radius:4px}
body.theme-leaders.pg-training-courses .inst-tc-cta-kicker{color:#f1f7e6}
body.theme-leaders.pg-training-courses .inst-tc-head{background:#0e2a3d;color:#fff;text-transform:none;font-size:.9rem;letter-spacing:0;padding:12px 16px}
body.theme-leaders.pg-training-courses .inst-tc .courselist-style-inside .courselisting,body.theme-leaders.pg-training-courses .inst-tc .courselist-style-inside .courselisting.virtual{background:#fff;border:0;border-bottom:1px solid #dbe3e9;padding:14px 16px;transition:background .2s}
body.theme-leaders.pg-training-courses .inst-tc .courselisting:hover{background:#f1f5f8}
body.theme-leaders.pg-training-courses .inst-tc .course-title{color:#0e2a3d;font-weight:600;font-size:.98rem}
body.theme-leaders.pg-training-courses .inst-tc .course-date,body.theme-leaders.pg-training-courses .inst-tc .course-language,body.theme-leaders.pg-training-courses .inst-tc .course-location,body.theme-leaders.pg-training-courses .inst-tc .course-time{color:#0e2a3d;font-size:.88rem}
body.theme-leaders.pg-training-courses .inst-tc .courselisting .btn-primary{background:#29719f!important;border-color:#29719f!important;color:#fff!important;border-radius:20px}
body.theme-leaders.pg-training-courses .inst-tc .courselisting:hover .btn-primary{background:#80af2e!important;border-color:#80af2e!important}

/* --- btn-secondary = btn-primary (2026-09-07) --- */
/* صفحة الأونلاين بنفس تصميم الحضوري: زر الدورات الافتراضية (.btn-secondary) بنفس تنسيق الزر العادي */
body.theme-leaders.pg-training-courses .inst-tc .courselisting .btn-secondary{background:#29719f!important;border-color:#29719f!important;color:#fff!important;border-radius:20px}
body.theme-leaders.pg-training-courses .inst-tc .courselisting:hover .btn-secondary{background:#80af2e!important;border-color:#80af2e!important}

/* --- training-courses fix ddd5d00e04c7e3f4630093f95f2e3cb1 --- */
/* (2026-09-07) "التصميم حلو بس عايز لمسة فنية": بانر بشكل هندسي أخضر، لوحة فلتر مدوّرة بظل وأيقونة قمع، جدول في بطاقة مدوّرة بظل ورأس كحلي بخط أخضر، صفوف متبادلة اللون بشريط أخضر عند المرور، التاريخ بأيقونة خضراء، زر كبسولي */
body.theme-leaders.pg-training-courses #common-banner-section-image{background:#0e2a3d linear-gradient(115deg,#0e2a3d 0,#0e2a3d 58%,#29719f 58.2%,#29719f 72%,#80af2e 72.2%,#80af2e 74%,transparent 74.2%);overflow:hidden}
body.theme-leaders.pg-training-courses #common-banner-section-image::after{content:'';position:absolute;inset-inline-end:-80px;top:-60px;width:260px;height:260px;border-radius:50%;border:26px solid rgba(128,175,46,.18)}
body.theme-leaders.pg-training-courses .inst-tc{background:#f4f7fa;padding:28px 0 40px}
body.theme-leaders.pg-training-courses .inst-tc-side{border:0;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px rgba(14,42,61,.1)}
body.theme-leaders.pg-training-courses .inst-tc-side-head{background:linear-gradient(90deg,#0e2a3d,#29719f);padding:14px 16px}
body.theme-leaders.pg-training-courses .inst-tc-side-title{padding-inline-start:24px;position:relative;font-size:1rem}
body.theme-leaders.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:#80af2e}
body.theme-leaders.pg-training-courses .inst-tc #common-filter-box-modal-one .form-control{border-color:#cfdbe4;transition:border-color .2s,box-shadow .2s}
body.theme-leaders.pg-training-courses .inst-tc #common-filter-box-modal-one .form-control:hover{border-color:#29719f}
body.theme-leaders.pg-training-courses .inst-tc #common-filter-box-modal-one .form-control:focus{border-color:#80af2e;box-shadow:0 0 0 3px rgba(128,175,46,.2)}
body.theme-leaders.pg-training-courses .inst-tc #common-filter-box-modal-one .menu-two.purple-color{border-radius:20px;padding:9px 14px}
body.theme-leaders.pg-training-courses .inst-tc-cta{background:linear-gradient(135deg,#80af2e,#5f8a1c);padding:18px;border-radius:8px}
body.theme-leaders.pg-training-courses .inst-tc-cta .bi{background:rgba(255,255,255,.2);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem}
body.theme-leaders.pg-training-courses .inst-tc-main{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 8px 24px rgba(14,42,61,.08)}
body.theme-leaders.pg-training-courses .inst-tc-head{background:#0e2a3d;border-bottom:3px solid #80af2e;padding:14px 18px;color:#fff}
body.theme-leaders.pg-training-courses .inst-tc .courselist-style-inside .courselisting,body.theme-leaders.pg-training-courses .inst-tc .courselist-style-inside .courselisting.virtual{border:0!important;border-bottom:1px solid #e6edf2!important;border-radius:0!important;padding:14px 18px;position:relative;box-shadow:none!important}
body.theme-leaders.pg-training-courses .inst-tc #course_list > .courselisting-col:nth-of-type(even) .courselisting{background:#f8fafc}
body.theme-leaders.pg-training-courses .inst-tc .courselisting::before{content:'';position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:#80af2e;transform:scaleY(0);transition:transform .2s}
body.theme-leaders.pg-training-courses .inst-tc .courselisting:hover{background:#eef5e4!important}
body.theme-leaders.pg-training-courses .inst-tc .courselisting:hover::before{transform:scaleY(1)}
body.theme-leaders.pg-training-courses .inst-tc .courselisting:hover .course-title{color:#29719f}
body.theme-leaders.pg-training-courses .inst-tc .course-date{color:#0e2a3d;padding-inline-start:20px;position:relative}
body.theme-leaders.pg-training-courses .inst-tc .course-date::before{content:"\f1f8";font-family:"bootstrap-icons";position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);color:#80af2e;font-size:.85rem}
body.theme-leaders.pg-training-courses .inst-tc .course-language,body.theme-leaders.pg-training-courses .inst-tc .course-location{color:#5b6b80}
body.theme-leaders.pg-training-courses .inst-tc .courselisting .btn-primary,body.theme-leaders.pg-training-courses .inst-tc .courselisting .btn-secondary{border-radius:20px;padding:6px 14px;box-shadow:0 3px 8px rgba(41,113,159,.25);transition:background .2s,box-shadow .2s}
body.theme-leaders.pg-training-courses .inst-tc .courselisting:hover .btn-primary,body.theme-leaders.pg-training-courses .inst-tc .courselisting:hover .btn-secondary{box-shadow:0 6px 14px rgba(128,175,46,.35)}

/* --- training-courses fix 7712a9d9509892a2750a72459ed700eb --- */
/* (2026-09-07) "الكلام والزر اختفوا": الوصف وزر طلب الدورة الداخلية رجعوا في البانر، وشيل الخط الأخضر المكرر جنب العنوان */
body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-text p,body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-text .space15,body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-text .space5,body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-text form{display:block}
body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-text h1{border-inline-start:0;padding-inline-start:0;margin-bottom:12px}
body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-text p{color:#dbe3e9;font-size:.92rem;margin:0}
body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-text form{margin-top:14px}
body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-text{max-width:760px}
body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-section-box{padding:30px 0}
body.theme-leaders.pg-training-courses #searresultscourses-btn2{background:#80af2e!important;border-color:#80af2e!important;color:#fff!important;border-radius:20px;padding:8px 22px}
body.theme-leaders.pg-training-courses #searresultscourses-btn2:hover,body.theme-leaders.pg-training-courses #searresultscourses-btn2:focus{background:#fff!important;border-color:#fff!important;color:#0e2a3d!important}

/* --- training-courses fix b3adfd177aca03fe08b3174c5de19caf --- */
/* ===== الدورات الداخلية — ليدرز: بطاقة الخطوات كحلية بأرقام خضراء ونص أبيض، المزايا كبسولات خضراء فاتحة في بطاقة بيضاء مدوّرة (2026-09-07) ===== */
body.theme-leaders .inst-ih-steps{background:linear-gradient(135deg,#0e2a3d,#29719f);border:0;border-radius:14px;color:#fff}
body.theme-leaders .inst-ih-steps .inst-ih-h{color:#fff}
body.theme-leaders .inst-ih-steps .inst-ih-h::after{background:#80af2e}
body.theme-leaders .inst-ih-num{background:#80af2e}
body.theme-leaders .inst-ih-steps .inst-ih-body strong{color:#fff}
body.theme-leaders .inst-ih-steps .inst-ih-body span{color:#dbe3e9}
body.theme-leaders .inst-ih-benefits{border-radius:14px;border:1px solid #dbe3e9}
body.theme-leaders .inst-ih-benefits .inst-ih-h::after{background:#80af2e}
body.theme-leaders .inst-ih-checks li{background:#f1f5f8;border-radius:30px;padding:10px 16px}
body.theme-leaders .inst-ih-checks li .bi{color:#80af2e}
body.theme-leaders .inst-ih-cta{background:#80af2e!important;border-color:#80af2e!important;color:#fff!important;border-radius:30px}

/* --- training-courses fix 3cae0969f1c44cee66dff65f384f4a98 --- */
/* لمسة فنية: ليدرز — دائرة شفافة كبيرة في زاوية البطاقة الكحلية، ظل عميق، الكبسولات تتحرك عند المرور، زر بظل أخضر */
body.theme-leaders .inst-ih-steps{position:relative;overflow:hidden;box-shadow:0 18px 40px rgba(14,42,61,.25)}
body.theme-leaders .inst-ih-steps::before{content:'';position:absolute;inset-inline-end:-70px;top:-70px;width:220px;height:220px;border-radius:50%;border:22px solid rgba(128,175,46,.18)}
body.theme-leaders .inst-ih-benefits{box-shadow:0 10px 30px rgba(14,42,61,.08)}
body.theme-leaders .inst-ih-checks li{transition:transform .2s,background .2s}
body.theme-leaders .inst-ih-checks li:hover{transform:translateX(6px);background:#e8f2d8}
body[dir="rtl"].theme-leaders .inst-ih-checks li:hover{transform:translateX(-6px)}
body.theme-leaders .inst-ih-cta{box-shadow:0 8px 20px rgba(128,175,46,.4)}

/* --- banner-icon = banner-image (2026-09-07) --- */
/* صفحة التخصص بانرها #common-banner-section-icon بنفس بنية بانر الصورة → نفس تصميم بانر الثيم */
body.theme-leaders.pg-training-courses #common-banner-section-icon{background:#0e2a3d}
body.theme-leaders.pg-training-courses #common-banner-section-icon::before{display:none}
body.theme-leaders.pg-training-courses #common-banner-section-icon .common-banner-section-box{padding:22px 0;align-items:center}
body.theme-leaders.pg-training-courses #common-banner-section-icon .common-banner-image,body.theme-leaders.pg-training-courses #common-banner-section-icon .common-banner-text p,body.theme-leaders.pg-training-courses #common-banner-section-icon .common-banner-text .space15,body.theme-leaders.pg-training-courses #common-banner-section-icon .common-banner-text .space5,body.theme-leaders.pg-training-courses #common-banner-section-icon .common-banner-text form{display:none}
body.theme-leaders.pg-training-courses #common-banner-section-icon .common-banner-text{max-width:none}
body.theme-leaders.pg-training-courses #common-banner-section-icon .common-banner-text h1{margin:0;font-size:1.8rem;padding-inline-start:14px;border-inline-start:5px solid #80af2e}
body.theme-leaders.pg-training-courses #common-banner-section-icon{background:#0e2a3d linear-gradient(115deg,#0e2a3d 0,#0e2a3d 58%,#29719f 58.2%,#29719f 72%,#80af2e 72.2%,#80af2e 74%,transparent 74.2%);overflow:hidden}
body.theme-leaders.pg-training-courses #common-banner-section-icon::after{content:'';position:absolute;inset-inline-end:-80px;top:-60px;width:260px;height:260px;border-radius:50%;border:26px solid rgba(128,175,46,.18)}
body.theme-leaders.pg-training-courses #common-banner-section-icon .common-banner-text p,body.theme-leaders.pg-training-courses #common-banner-section-icon .common-banner-text .space15,body.theme-leaders.pg-training-courses #common-banner-section-icon .common-banner-text .space5,body.theme-leaders.pg-training-courses #common-banner-section-icon .common-banner-text form{display:block}
body.theme-leaders.pg-training-courses #common-banner-section-icon .common-banner-text h1{border-inline-start:0;padding-inline-start:0;margin-bottom:12px}
body.theme-leaders.pg-training-courses #common-banner-section-icon .common-banner-text p{color:#dbe3e9;font-size:.92rem;margin:0}
body.theme-leaders.pg-training-courses #common-banner-section-icon .common-banner-text form{margin-top:14px}
body.theme-leaders.pg-training-courses #common-banner-section-icon .common-banner-text{max-width:760px}
body.theme-leaders.pg-training-courses #common-banner-section-icon .common-banner-section-box{padding:30px 0}

/* --- training-courses fix 33b39370826a029cfcf01ae7e6afcf68 --- */
/* ===== الصفحات الداخلية — ليدرز: بطاقات مدوّرة 14px بظل، الأولى كحلية بتدرّج، أيقونات في دوائر خضراء، الأسئلة بأرقام خضراء في دوائر ===== */
body.theme-leaders .inst-about-pillar,body.theme-leaders .inst-pub-feat,body.theme-leaders .inst-about-offer,body.theme-leaders .inst-pub-terms,body.theme-leaders .inst-faq-item,body.theme-leaders .inst-clients-grid li{border-radius:14px;border-color:#dbe3e9}
body.theme-leaders .inst-about-pillar[data-n="1"],body.theme-leaders .inst-pub-feat[data-n="1"]{background:linear-gradient(135deg,#0e2a3d,#29719f);color:#fff;border:0}
body.theme-leaders .inst-about-pillar[data-n="1"] h2,body.theme-leaders .inst-about-pillar[data-n="1"] p,body.theme-leaders .inst-pub-feat[data-n="1"] h2,body.theme-leaders .inst-pub-feat[data-n="1"] p{color:#fff}
body.theme-leaders .inst-about-pillar .bi,body.theme-leaders .inst-pub-feat .bi{width:52px;height:52px;border-radius:50%;background:#80af2e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.4rem}
body.theme-leaders .inst-about-h::after,body.theme-leaders .inst-faq-h::after,body.theme-leaders .inst-pub-h::after,body.theme-leaders .inst-clients-h::after{background:#80af2e}
body.theme-leaders .inst-about-offer > .bi{background:#f1f5f8;color:#29719f;width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem}
body.theme-leaders .inst-about-offer-arrow{color:#80af2e}
body.theme-leaders .inst-faq-item summary .bi{background:#80af2e;color:#fff;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem}
body.theme-leaders .inst-clients-grid li .bi{color:#29719f}
body.theme-leaders .inst-clients-grid li:hover{background:#eef5e4}

/* --- training-courses fix dc64223853dbf7b8d96b62532f9f971a --- */
/* ===== ليدرز: بطاقات مدوّرة 12px بظل، خط أخضر جانبي عند العنوان، أيقونة في مربع فاتح، المدن بصورة كبيرة وعنوان بشريط أخضر ===== */
body.theme-leaders.pg-training-courses .categorymain-listing-wrap-box > .box2,body.theme-leaders.pg-training-courses .citymain-listing-wrap-box .box2,body.theme-leaders.pg-training-courses .common-listing-wrap-box > .box2{border-radius:12px;border-color:#dbe3e9;box-shadow:0 2px 8px rgba(14,42,61,.05);transition:box-shadow .25s}
body.theme-leaders.pg-training-courses .categorymain-listing-wrap-box > .box2:hover,body.theme-leaders.pg-training-courses .citymain-listing-wrap-box .box2:hover,body.theme-leaders.pg-training-courses .common-listing-wrap-box > .box2:hover{box-shadow:0 16px 32px rgba(14,42,61,.14)}
body.theme-leaders.pg-training-courses .categorypage-icon{background:#f1f5f8;border-radius:10px;padding:10px}
body.theme-leaders.pg-training-courses .categorypage-content{border-inline-start:4px solid #80af2e;padding-inline-start:12px}
body.theme-leaders.pg-training-courses .categorypage-content a,body.theme-leaders.pg-training-courses .widget-content a{color:#29719f;font-weight:600}
body.theme-leaders.pg-training-courses .widget-content h6{border-inline-start:4px solid #80af2e;padding-inline-start:10px}
body.theme-leaders.pg-training-courses .common-listing-wrap-box .course-person,body.theme-leaders.pg-training-courses .common-listing-wrap-box .course-date{display:inline-block;background:#f1f5f8;border-radius:20px;padding:2px 10px;margin:4px 0 0 16px;width:max-content}
body.theme-leaders.pg-training-courses .common-listing-wrap-box .btn{background:#29719f!important;border-color:#29719f!important;color:#fff!important;border-radius:20px}

/* --- training-courses fix 0f061e8d3f5a2b991e4fc96b17401f5d --- */
/* ===== ليدرز: بطاقات مدوّرة 14px بظل، أيقونات في دوائر خضراء ===== */
body.theme-leaders .inst-dl-item,body.theme-leaders .inst-dl-request,body.theme-leaders .inst-contact-card,body.theme-leaders .inst-cra{border-radius:14px;border-color:#dbe3e9;box-shadow:0 8px 24px rgba(14,42,61,.08)}
body.theme-leaders .inst-dl-item > .bi,body.theme-leaders .inst-contact-list li .bi,body.theme-leaders .inst-cra-head > .bi{background:#80af2e;color:#fff;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
body.theme-leaders .inst-dl-h::after{background:#80af2e}
body.theme-leaders .inst-dl-arrow,body.theme-leaders .inst-cra-list li .bi{color:#29719f}

/* --- category lists = course_list (2026-09-07) --- */
/* صفحة التخصص: نفس شبكة/تصميم #course_list على #category_course_list و#category_course_list_by_name */
body.theme-leaders.pg-training-courses .inst-tc #category_course_list > .courselisting-col:nth-of-type(even) .courselisting{background:#f8fafc}
body.theme-leaders.pg-training-courses .inst-tc #category_course_list_by_name > .courselisting-col:nth-of-type(even) .courselisting{background:#f8fafc}

/* --- training-courses fix f2b58bcc8e661e03c172b5e020b217b4 --- */
/* ===== ليدرز: صندوق أزرق بحقول بيضاء مدوّرة 8px وزر أخضر ===== */
body.theme-leaders.pg-training-courses #fc-search .search-wrap{background:#29719f;border-radius:12px;color:#fff;box-shadow:0 8px 20px rgba(14,42,61,.15)}
body.theme-leaders.pg-training-courses #fc-search .form-control,body.theme-leaders.pg-training-courses #fc-search .chosen-choices,body.theme-leaders.pg-training-courses #fc-search select{background:#fff!important;border:0!important;border-radius:8px!important}
body.theme-leaders.pg-training-courses #fc-search .search-btns{background:#80af2e!important;border-color:#80af2e!important;color:#fff!important;border-radius:8px}

/* --- finder results = course_list (2026-09-07) --- */
body.theme-leaders.pg-training-courses .inst-tc #coursefinder_list_courses > .courselisting-col:nth-of-type(even) .courselisting{background:#f8fafc}

/* --- training-courses fix c94149054da903a682d88d2cf30c0460 --- */
/* ===== ليدرز: كبسولات عريضة بخط أخضر جانبي ورقم في دائرة زرقاء، 3 أعمدة ===== */
body.theme-leaders.pg-training-courses #categorymain-listing-section .row.text-left{grid-template-columns:repeat(3,1fr);gap:16px}
body.theme-leaders.pg-training-courses .categorymain-listing-wrap-box > .box2{border-radius:40px;padding:14px 22px;gap:14px}
body.theme-leaders.pg-training-courses .categorymain-listing-wrap-box > .box2::before{content:counter(instcat);counter-increment:instcat;flex:0 0 40px;width:40px;height:40px;border-radius:50%;background:#29719f;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700}
body.theme-leaders.pg-training-courses .categorypage-content{border-inline-start:0;padding-inline-start:0}

/* --- training-courses fix 1d84a6e14b4f66115312f6317b5011fe --- */
/* ===== ليدرز: رؤوس بتدرّج كحلي→أزرق مدوّرة، حقول مدوّرة 8px، بطاقة جانبية بظل ===== */
body.theme-leaders.pg-training-courses #register-section .tabHead{background:linear-gradient(90deg,#0e2a3d,#29719f);border-radius:12px 12px 0 0;padding:14px 20px}
body.theme-leaders.pg-training-courses #register-section .tabContent{border:1px solid #dbe3e9;border-radius:0 0 12px 12px}
body.theme-leaders.pg-training-courses #register-section .form-control{border-radius:8px;border-color:#cfdbe4}
body.theme-leaders.pg-training-courses .inst-form-side-card{border-radius:14px;box-shadow:0 8px 24px rgba(14,42,61,.1);border-color:#dbe3e9}
body.theme-leaders.pg-training-courses .inst-form-side-list li .bi{background:#80af2e;color:#fff;border-radius:50%}

/* --- training-courses fix fbf20bd6259164f421398d56189fe712 --- */
body.theme-leaders.pg-training-courses #register-section .tabHead{background:linear-gradient(90deg,#0e2a3d,#29719f)!important;border-radius:12px 12px 0 0!important;padding:14px 20px!important}

/* --- training-courses fix 194e556e8908bb53f36086f672f57415 --- */
body.theme-leaders.pg-training-courses #register-section .tabContent{border:1px solid #dbe3e9!important;border-radius:0 0 12px 12px!important}

/* --- training-courses fix 30432301b31767f4a4e2b444651e0d42 --- */
/* ===== ليدرز: بطاقة مدوّرة 14px بظل وخط أخضر جانبي، المرتبطة بطاقات مدوّرة برقم أخضر ===== */
body.theme-leaders.pg-post-page .blog-webinar-articles-details-left .box,body.theme-leaders.pg-post-page .blog-webinar-articles-details-right .box2{border-radius:14px;border-color:#dbe3e9;box-shadow:0 8px 24px rgba(14,42,61,.08)}
body.theme-leaders.pg-post-page .blog-webinar-articles-details-left .box h1{padding-inline-start:14px;border-inline-start:5px solid #80af2e;color:#0e2a3d}
body.theme-leaders.pg-post-page .blog-webinar-articles-details-right .box2 .btn{border-radius:20px}

/* --- training-courses fix 220e0cd6d37ead02f8dbc697156ff7b6 --- */
/* ===== ليدرز: تبويبات كبسولية زرقاء بنشاط أخضر، محتوى مدوّر 14px بظل ===== */
body.theme-leaders.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link{border-radius:30px;background:#f1f5f8;color:#0e2a3d}
body.theme-leaders.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link.active{background:#80af2e;color:#fff}
body.theme-leaders.pg-training-courses #coursedetails-content-section .tab-content{border-radius:14px;box-shadow:0 8px 24px rgba(14,42,61,.08)}
body.theme-leaders.pg-training-courses .session-card{border-radius:14px!important;border-color:#dbe3e9!important}

/* --- training-courses fix 63a1d09a1321cf1aa8e39aa04933a022 --- */
body.theme-leaders.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link{border-radius:30px!important;background:#f1f5f8!important;color:#0e2a3d!important}

/* --- training-courses fix 51c2a5ffb67c834afa6035db2076f24c --- */
body.theme-leaders.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link.active{background:#80af2e!important;color:#fff!important}

/* --- training-courses fix 656544313e979ec481523559ac79a71c --- */
html.theme-leaders{background:#29719f}

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

body.theme-leaders .ldcd-grid{
    padding-top:30px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 348px;
    gap:34px;
    align-items:start;
}
body.theme-leaders .ldcd-main{
    min-width:0;
    background:#fff;
    border:1px solid #dbe3e9;
    border-radius:12px;
    box-shadow:0 10px 26px rgba(14,42,61,.07);
    padding:10px 30px 22px;
}
body.theme-leaders .ldcd-section .container{max-width:1200px}

/* الأجزاء المرصوصة ------------------------------------------------ */
body.theme-leaders .ldcd-stack{margin:0!important}
body.theme-leaders .ldcd-main .tab-content{
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    padding:0!important;
}
body.theme-leaders .ldcd-stack .tab-pane{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    height:auto!important;
}
body.theme-leaders .ldcd-block{
    padding:26px 0 30px;
    border-bottom:1px solid #dde5eb;
}
body.theme-leaders .ldcd-block:first-child{padding-top:8px}
body.theme-leaders .ldcd-block:last-child{border-bottom:0;padding-bottom:6px}
body.theme-leaders .ldcd-block-head{
    display:flex;align-items:center;gap:10px;
    margin:0 0 18px;
    padding-inline-start:13px;
    border-inline-start:4px solid #80af2e;
    font-size:1.22rem;font-weight:700;line-height:1.25;
    color:#0e2a3d;
}
body.theme-leaders .ldcd-block-head .bi{color:#29719f;font-size:1.02rem}

/* بطاقات الجلسات جوه جزء المواعيد: عمودين بدل تلاتة لأن العمود أضيق */
body.theme-leaders .ldcd-main .session-card-wrapper > [class*="col-"]{
    flex:0 0 50%!important;max-width:50%!important;
}
@media (max-width:1199px){
    body.theme-leaders .ldcd-main .session-card-wrapper > [class*="col-"]{
        flex:0 0 100%!important;max-width:100%!important;
    }
}
body.theme-leaders .ldcd-main .session-card{
    border:1px solid #dbe3e9!important;border-top:3px solid #29719f!important;
    border-radius:12px!important;box-shadow:0 4px 14px rgba(14,42,61,.06)!important;
}
body.theme-leaders .ldcd-main .year-heading{
    color:#0e2a3d;font-size:1rem;font-weight:700;
}

/* العمود الجانبي --------------------------------------------------- */
body.theme-leaders .ldcd-rail{
    position:sticky;top:96px;
    display:flex;flex-direction:column;gap:16px;
    align-self:start;
    max-height:calc(100vh - 118px);
    overflow-y:auto;
    padding-inline-end:4px;
}
body.theme-leaders .ldcd-rail::-webkit-scrollbar{width:6px}
body.theme-leaders .ldcd-rail::-webkit-scrollbar-thumb{background:#c6d3dc;border-radius:3px}
body.theme-leaders .ldcd-card{
    background:#fff;
    border:1px solid #dbe3e9;
    border-radius:12px;
    box-shadow:0 10px 26px rgba(14,42,61,.09);
    overflow:hidden;
}
body.theme-leaders .ldcd-card-head{
    display:flex;align-items:center;justify-content:space-between;gap:8px;
    background:linear-gradient(90deg,#0e2a3d,#29719f);
    color:#fff;padding:11px 16px;
    font-size:.86rem;font-weight:700;letter-spacing:.02em;
}
body.theme-leaders .ldcd-card-head em{
    font-style:normal;background:#80af2e;color:#fff;
    border-radius:999px;padding:1px 10px;font-size:.72rem;line-height:1.5;
}

/* جدول الحقائق */
body.theme-leaders .ldcd-facts{width:100%;margin:0;border-collapse:collapse}
body.theme-leaders .ldcd-facts th,
body.theme-leaders .ldcd-facts td{
    padding:11px 16px;font-size:.82rem;vertical-align:middle;
    border-bottom:1px solid #eef2f5;
}
body.theme-leaders .ldcd-facts tr:last-child th,
body.theme-leaders .ldcd-facts tr:last-child td{border-bottom:0}
body.theme-leaders .ldcd-facts th{
    font-weight:600;color:#5a6b78;text-align:start;white-space:nowrap;
}
body.theme-leaders .ldcd-facts th .bi{color:#80af2e;margin-inline-end:8px}
body.theme-leaders .ldcd-facts td{color:#0e2a3d;font-weight:700;text-align:end}

/* صفوف الجلسات */
body.theme-leaders .ldcd-sessions{}
body.theme-leaders .ldcd-session{padding:13px 16px;border-bottom:1px solid #eef2f5}
body.theme-leaders .ldcd-session:last-child{border-bottom:0}
body.theme-leaders .ldcd-session-top{
    display:flex;align-items:baseline;justify-content:space-between;gap:10px;
}
body.theme-leaders .ldcd-city{
    display:inline-flex;align-items:center;gap:6px;
    color:#0e2a3d;font-weight:700;font-size:.88rem;
}
body.theme-leaders .ldcd-city .bi{color:#29719f}
body.theme-leaders .ldcd-session.is-virtual .ldcd-city .bi{color:#0096d4}
body.theme-leaders .ldcd-fee{color:#5d7f1f;font-weight:700;font-size:.84rem;white-space:nowrap}
body.theme-leaders .ldcd-session-date{color:#5a6b78;font-size:.78rem;margin:3px 0 10px}
body.theme-leaders .ldcd-book{margin:0}
body.theme-leaders .ldcd-book-btn{
    width:100%;border:0;border-radius:8px;
    background:#0e2a3d;color:#fff;
    font-size:.8rem;font-weight:700;padding:9px 10px;
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    transition:background .15s ease;
}
body.theme-leaders .ldcd-book-btn:hover,
body.theme-leaders .ldcd-book-btn:focus{background:#80af2e;color:#fff}
body.theme-leaders .ldcd-closed{
    display:block;background:#fdf1f0;color:#b3261e;
    border-radius:8px;padding:7px 10px;font-size:.76rem;text-align:center;
}
body.theme-leaders .ldcd-vat{
    margin:0;padding:9px 16px;border-top:1px solid #eef2f5;
    background:#f6f9fb;color:#6b7580;font-size:.72rem;
}
body.theme-leaders .ldcd-empty{margin:0;padding:14px 16px;font-size:.8rem;color:#5a6b78;line-height:1.6}
body.theme-leaders .ldcd-empty em{font-style:normal}

/* أزرار الإجراءات جوه العمود */
body.theme-leaders .ldcd-card--actions{padding:14px}
body.theme-leaders .ldcd-card--actions .custom-outline-box{padding:0!important;margin:0!important}
body.theme-leaders .ldcd-card--actions form,
body.theme-leaders .ldcd-card--actions .btn{
    float:none!important;display:block!important;width:100%!important;
    margin:0 0 8px!important;
}
body.theme-leaders .ldcd-card--actions .btn{
    border-radius:8px!important;font-size:.82rem!important;
    padding:9px 12px!important;text-align:center!important;
}
body.theme-leaders .ldcd-card--actions form:last-of-type .btn{margin-bottom:0!important}
body.theme-leaders .ldcd-card--actions .clearfix{display:none}

/* كتلة التواصل جوه العمود: عمودي بدل صف */
body.theme-leaders .ldcd-rail-cra .inst-cra{
    flex-direction:column;align-items:stretch;gap:10px;
    border-radius:12px;border-color:#dbe3e9;
    box-shadow:0 10px 26px rgba(14,42,61,.09);
    max-width:none;margin:0;
}
body.theme-leaders .ldcd-rail-cra .inst-cra-head{
    padding-inline-end:0;border-inline-end:0;
    padding-bottom:10px;border-bottom:1px solid rgba(0,0,0,.08);
}
body.theme-leaders .ldcd-rail-cra .inst-cra-list{flex-direction:column;gap:7px}

/* شريط الأزرار الأصلي بقى للموبايل بس */
body.theme-leaders .ldcd-buttons-mobile-only{display:none}

@media (max-width:991px){
    body.theme-leaders .ldcd-grid{grid-template-columns:minmax(0,1fr);gap:0;padding-top:16px}
    body.theme-leaders .ldcd-main{padding:0;box-shadow:none;border:0;background:transparent;border-radius:0}
    body.theme-leaders .ldcd-rail{display:none}
    body.theme-leaders .ldcd-buttons-mobile-only{display:block}
}

/* نفس الدورة بالنمط التاني (افتراضي/حضوري) — صفوف بدل سلايدر */
body.theme-leaders .ldcd-alt-intro{margin:0 0 14px;color:#4a5b68;font-size:.9rem}
body.theme-leaders .ldcd-alt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:1199px){body.theme-leaders .ldcd-alt-grid{grid-template-columns:minmax(0,1fr)}}
body.theme-leaders .ldcd-alt-row{
    display:flex;flex-direction:column;gap:6px;
    padding:13px 15px;background:#f7fafc;
    border:1px solid #dde5eb;border-inline-start:4px solid #29719f;
    border-radius:12px;text-decoration:none;transition:.15s ease;
}
body.theme-leaders .ldcd-alt-row.is-virtual{border-inline-start-color:#80af2e}
body.theme-leaders .ldcd-alt-row:hover{background:#fff;box-shadow:0 8px 20px rgba(14,42,61,.09);text-decoration:none}
body.theme-leaders .ldcd-alt-date{color:#0e2a3d;font-weight:700;font-size:.9rem}
body.theme-leaders .ldcd-alt-date .bi{color:#29719f;margin-inline-end:7px}
body.theme-leaders .ldcd-alt-meta{display:flex;flex-wrap:wrap;gap:6px 18px;color:#5a6b78;font-size:.8rem}
body.theme-leaders .ldcd-alt-meta .bi{color:#80af2e;margin-inline-end:6px}
body.theme-leaders .ldcd-alt-cta{
    align-self:flex-start;margin-top:4px;
    color:#29719f;font-weight:700;font-size:.78rem;
    border-bottom:2px solid #80af2e;padding-bottom:1px;
}
body.theme-leaders .ldcd-alt-cta.is-closed{color:#b3261e;border-bottom-color:#e7b9b5}

/* ============================================================
   ليدرز — تصحيح ارتفاع العمود الجانبي في تفاصيل الدورة (2026-09-08)
   ------------------------------------------------------------
   العمود flex عمودي وله max-height، فالبطاقات كانت بتتضغط
   (flex-shrink الافتراضي = 1) والمحتوى بيتقص لأن .ldcd-card فيها
   overflow:hidden — على شاشة 900px كان بيبان من جدول الحقائق سطر
   واحد بس. الحل: البطاقات ما تتضغطش، والعمود نفسه هو اللي يـتمرّر.
   وكمان بطاقة الحقائق بقت لاصقة فوق جوه العمود عشان تفضل باينة
   وإنت بتمرّر على المواعيد.
   ============================================================ */

body.theme-leaders .ldcd-rail > *{flex:0 0 auto}
body.theme-leaders .ldcd-rail{
    scrollbar-width:thin;
    scrollbar-color:#c6d3dc transparent;
    overscroll-behavior:contain;
}
body.theme-leaders .ldcd-rail::-webkit-scrollbar-track{background:transparent}

/* جدول الحقائق يفضل ثابت فوق أثناء تمرير العمود */
body.theme-leaders .ldcd-card--facts{
    position:sticky;
    top:0;
    z-index:3;
}

/* على الشاشات القصيرة نسيب العمود يمشي مع الصفحة بدل تمرير جوّاني ضيق */
@media (min-width:992px) and (max-height:620px){
    body.theme-leaders .ldcd-rail{
        position:static;
        max-height:none;
        overflow:visible;
    }
    body.theme-leaders .ldcd-card--facts{position:static}
}

/* ============================================================
   صفحات المعهد الداخلية — ألواح متبادلة (2026-09-08)
   ------------------------------------------------------------
   عن المعهد، العملاء، الأسئلة الشائعة، التنزيلات، الدورات العامة،
   الدورات الداخلية، اتصل بنا، والعمود الجانبي للنماذج.

   الفكرة واحدة في الصفحات كلها: الصف مقسوم نصّين — كلام على جهة
   ولوح لوني مصمت على الجهة التانية، والجهة بتتقلب كل صف. كل
   المسافات والجهات بخصائص منطقية (inline-start/end) عشان النسخة
   العربية تقلب لوحدها من غير قواعد تانية.
   ============================================================ */

body.theme-leaders{
    --ldx-ink:#0e2a3d;
    --ldx-blue:#29719f;
    --ldx-green:#80af2e;
    --ldx-line:#d9e2e9;
    --ldx-body:#4a5865;
}

body.theme-leaders section.ldx{padding:38px 0 48px}
body.theme-leaders .ldx *{box-sizing:border-box}

/* الصف المقسوم: اللوح ضيّق والكلام واسع. flip بيحط اللوح في آخر
   الصف بدل أوله — ترتيب الـHTML هو اللي بيحدّد، فمافيش order
   ولا direction هنا، والعربي بيقلب لوحده. */
body.theme-leaders .ldx-split{
    display:grid;
    grid-template-columns:minmax(0,320px) minmax(0,1fr);
    align-items:stretch;
    margin-bottom:26px;
}
body.theme-leaders .ldx-split-flip{grid-template-columns:minmax(0,1fr) minmax(0,320px)}
/* في الصف المقلوب اللوح لازم يقع في العمود الضيّق مهما كان ترتيبه في الـHTML
   (الأسئلة الشائعة بتكتب اللوح الأول في كل مجموعة). order بيرتّبه من غير ما
   يلمس الترتيب المنطقي للقراءة. */
body.theme-leaders .ldx-split-flip > .ldx-panel{order:2}
body.theme-leaders .ldx-split-flip > :not(.ldx-panel){order:1}
body.theme-leaders .ldx-split > :not(.ldx-panel){
    background:#fff;
    border:1px solid var(--ldx-line);
    padding:28px 32px;
    min-width:0;
}

/* اللوح المصمت */
body.theme-leaders .ldx-panel{
    background:var(--ldx-ink);
    color:#fff;
    padding:30px 32px;
    min-width:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
}
body.theme-leaders .ldx-panel-ink{background:var(--ldx-ink)}
body.theme-leaders .ldx-panel-blue{background:var(--ldx-blue)}
body.theme-leaders .ldx-panel h2,
body.theme-leaders .ldx-panel h5{
    color:#fff;
    font-size:1.35rem;
    font-weight:700;
    line-height:1.28;
    margin:0 0 10px;
}
body.theme-leaders .ldx-panel p{color:rgba(255,255,255,.78);line-height:1.7;margin:0;font-size:.95rem}
body.theme-leaders .ldx-panel > .bi{font-size:2rem;color:var(--ldx-green);margin-bottom:14px;line-height:1}

/* الشريط الأخضر القصير فوق كل لوح — نفس علامة الثيم في الهيرو */
body.theme-leaders .ldx-rule{display:block;width:44px;height:4px;background:var(--ldx-green);margin-bottom:18px;flex:0 0 auto}

/* أزرار جوّه لوح ملوّن: الأخضر بحبر داكن، والتاني مفرّغ بإطار أبيض */
body.theme-leaders .ldx-btn-on-panel{border-radius:3px !important;box-shadow:none !important;font-weight:700;padding:10px 20px;text-decoration:none !important}
body.theme-leaders .ldx-btn-on-panel.btn-primary{background:var(--ldx-green) !important;border:2px solid var(--ldx-green) !important;color:#12301f !important}
body.theme-leaders .ldx-btn-on-panel.btn-primary:hover{background:#fff !important;border-color:#fff !important;color:var(--ldx-ink) !important}
body.theme-leaders .ldx-btn-on-panel.btn-secondary{background:transparent !important;border:2px solid rgba(255,255,255,.55) !important;color:#fff !important}
body.theme-leaders .ldx-btn-on-panel.btn-secondary:hover{background:#fff !important;border-color:#fff !important;color:var(--ldx-ink) !important}

/* الشريط الملوّن كامل العرض (سؤال + زر) */
body.theme-leaders .ldx-band{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:20px;
    padding:24px 32px;
    color:#fff;
    border-inline-start:6px solid var(--ldx-green);
}
body.theme-leaders .ldx-band-ink{background:var(--ldx-ink)}
body.theme-leaders .ldx-band-blue{background:var(--ldx-blue)}
body.theme-leaders .ldx-band p{margin:0;font-size:1.1rem;font-weight:600;line-height:1.5}

/* شبكة ٢×٢: خانة عنوان ملوّنة + ثلاث خانات */
body.theme-leaders .ldx-quad{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1px;
    background:var(--ldx-line);
    border:1px solid var(--ldx-line);
    margin-bottom:26px;
}
body.theme-leaders .ldx-quad > *{padding:30px 32px;min-width:0}
body.theme-leaders .ldx-quad-cell{background:#fff;display:flex;flex-direction:column;justify-content:center}
/* الخانة الملوّنة جوّه الشبكة لازم تكسب على خلفية الخانة البيضا اللي فوقها،
   وإلا النص الأبيض يقع على أبيض ويختفي. */
body.theme-leaders .ldx-quad-cell.ldx-panel-ink{background:var(--ldx-ink)}
body.theme-leaders .ldx-quad-cell.ldx-panel-blue{background:var(--ldx-blue)}
body.theme-leaders .ldx-quad-cell > .bi{font-size:1.85rem;color:var(--ldx-green);line-height:1;margin-bottom:14px}
body.theme-leaders .ldx-quad-cell h2{font-size:1.15rem;font-weight:700;color:var(--ldx-ink);margin:0 0 8px}
body.theme-leaders .ldx-quad-cell p{color:var(--ldx-body);line-height:1.72;margin:0;font-size:.95rem}
body.theme-leaders .ldx-quad-cell.ldx-panel > .bi{color:#fff}
body.theme-leaders .ldx-quad-cell.ldx-panel h2{color:#fff}
body.theme-leaders .ldx-quad-cell.ldx-panel p{color:rgba(255,255,255,.82)}
body.theme-leaders .ldx-quad-title{justify-content:center}
body.theme-leaders .ldx-quad-title h2{font-size:1.7rem;line-height:1.2}
body.theme-leaders .ldx-quad-title p{font-size:.86rem;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.62)}

/* السلّم المرقّم بخط واصل */
body.theme-leaders .ldx-steps{list-style:none;margin:0;padding:0}
body.theme-leaders .ldx-step{
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:18px;
    position:relative;
    padding-bottom:22px;
}
body.theme-leaders .ldx-step:last-child{padding-bottom:0}
body.theme-leaders .ldx-step::before{
    content:'';
    position:absolute;
    inset-inline-start:22px;
    top:48px;
    bottom:0;
    width:2px;
    background:var(--ldx-line);
}
body.theme-leaders .ldx-step:last-child::before{display:none}
body.theme-leaders .ldx-step-n{
    position:relative;
    z-index:1;
    width:46px;
    height:46px;
    border-radius:50%;
    background:#fff;
    border:2px solid var(--ldx-green);
    color:var(--ldx-ink);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:.92rem;
    transition:background .18s,color .18s;
}
body.theme-leaders .ldx-step-body{
    display:flex;
    flex-direction:column;
    gap:5px;
    min-width:0;
    padding-bottom:18px;
    border-bottom:1px solid var(--ldx-line);
    color:var(--ldx-body);
    text-decoration:none !important;
    position:relative;
}
body.theme-leaders .ldx-step:last-child .ldx-step-body{border-bottom:0;padding-bottom:0}
body.theme-leaders .ldx-step-body strong{
    display:flex;
    align-items:center;
    gap:10px;
    font-size:1.02rem;
    color:var(--ldx-ink);
    font-weight:700;
    line-height:1.4;
}
body.theme-leaders .ldx-step-body strong .bi{color:var(--ldx-blue);font-size:1.15rem;flex:0 0 auto}
body.theme-leaders .ldx-step-body > span{font-size:.93rem;line-height:1.7;color:var(--ldx-body)}
/* مفيش سهم في آخر السطر: السلّم مرقّم والخط الواصل هو اللي بيقول إنها خطوات.
   الإشارة إن الخطوة رابط بتيجي من تلوين الرقم والعنوان عند المرور. */
body.theme-leaders a.ldx-step-body:hover strong{color:var(--ldx-blue)}
body.theme-leaders .ldx-step:hover:has(a.ldx-step-body) .ldx-step-n{background:var(--ldx-green);border-color:var(--ldx-green);color:#12301f}

/* نسخة بدون روابط (شروط التسجيل، خطوات الدورة الداخلية) */
body.theme-leaders .ldx-steps-sm .ldx-step{gap:12px;padding-bottom:14px}
body.theme-leaders .ldx-steps-sm .ldx-step-n{width:34px;height:34px;font-size:.78rem}
body.theme-leaders .ldx-steps-sm .ldx-step::before{inset-inline-start:16px;top:36px}
body.theme-leaders .ldx-steps-sm .ldx-step-body{padding-bottom:12px}
body.theme-leaders .ldx-steps-sm .ldx-step-body > span{font-size:.88rem;line-height:1.6}

/* عمود واسع فيه عنوان القسم فوق محتواه مباشرة (مش في لوح جنبه) */
body.theme-leaders .ldx-col{display:flex;flex-direction:column;min-width:0}
body.theme-leaders .ldx-col-head{margin-bottom:24px}
body.theme-leaders .ldx-col-head h2{
    font-size:1.45rem;
    font-weight:700;
    color:var(--ldx-ink);
    line-height:1.25;
    margin:0;
}

/* عن المعهد — لوح الاتصال جنب السلّم */
body.theme-leaders .ldx-about-aside h2{margin-bottom:22px}
body.theme-leaders .ldx-about-aside{border-inline-start:6px solid var(--ldx-green)}
body.theme-leaders .ldx-about-aside p{
    font-size:1.3rem;
    font-weight:700;
    line-height:1.35;
    color:#fff;
    margin:0 0 22px;
}
body.theme-leaders .ldx-about-aside .btn{align-self:flex-start}

/* مقدمة البانر: الجملة الأولى أكبر */
body.theme-leaders .ldx-intro{display:block}
body.theme-leaders .ldx-intro-lead{font-size:1.1rem;font-weight:600;color:#fff}
body.theme-leaders .ldx-intro-rest{opacity:.86}

/* العملاء */
body.theme-leaders .ldx-clients-split > .ldx-clients-grid{padding:0;border:1px solid var(--ldx-line)}
body.theme-leaders .ldx-clients-grid{
    list-style:none;
    margin:0;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:1px;
    background:var(--ldx-line);
}
body.theme-leaders .ldx-clients-grid li{
    background:#fff;
    display:flex;
    align-items:center;
    gap:12px;
    padding:15px 18px;
    font-size:.96rem;
    color:var(--ldx-ink);
    font-weight:600;
}
body.theme-leaders .ldx-clients-n{font-size:.72rem;font-weight:700;letter-spacing:.06em;color:#9fb2c0;flex:0 0 auto}
body.theme-leaders .ldx-clients-grid li .bi{font-size:1.2rem;color:var(--ldx-blue);flex:0 0 auto}
body.theme-leaders .ldx-clients-grid li > span:last-child{min-width:0}

/* الأسئلة الشائعة */
body.theme-leaders .ldx-faq-row{margin-bottom:22px}
body.theme-leaders .ldx-faq-aside{position:relative;overflow:hidden}
body.theme-leaders .ldx-faq-count{
    position:absolute;
    inset-inline-end:18px;
    bottom:14px;
    font-size:4rem;
    font-weight:800;
    line-height:1;
    color:rgba(255,255,255,.13);
}
body.theme-leaders .ldx-faq-items{display:flex;flex-direction:column;justify-content:center}
body.theme-leaders .ldx-faq-item{border-bottom:1px solid var(--ldx-line)}
body.theme-leaders .ldx-faq-item:last-child{border-bottom:0}
body.theme-leaders .ldx-faq-item summary{
    list-style:none;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:14px 0;
    font-weight:700;
    color:var(--ldx-ink);
    font-size:.98rem;
}
body.theme-leaders .ldx-faq-item summary::-webkit-details-marker{display:none}
body.theme-leaders .ldx-faq-item summary .bi{color:var(--ldx-green);transition:transform .25s;flex:0 0 auto}
body.theme-leaders .ldx-faq-item[open] summary{color:var(--ldx-blue)}
body.theme-leaders .ldx-faq-item[open] summary .bi{transform:rotate(45deg)}
body.theme-leaders .ldx-faq-a{
    color:var(--ldx-body);
    line-height:1.78;
    font-size:.94rem;
    border-inline-start:3px solid var(--ldx-green);
    padding:2px 0 2px 0;
    padding-inline-start:14px;
    margin-bottom:14px;
}
body.theme-leaders .ldx-faq-a p{margin:0}

/* التنزيلات */
body.theme-leaders .ldx-dl-req-text{display:flex;flex-direction:column;justify-content:center}
body.theme-leaders .ldx-dl-req-text h2{font-size:1.35rem;font-weight:700;color:var(--ldx-ink);margin:0 0 8px}
body.theme-leaders .ldx-dl-req-text p{color:var(--ldx-body);line-height:1.7;margin:0}
body.theme-leaders .ldx-dl-actions{gap:10px;align-items:stretch}
body.theme-leaders .ldx-dl-actions .btn{text-align:center;width:100%}
/* الأيقونة الكبيرة في لوح العنوان: علامة بصرية بس، مش بديل عن أي نص */
body.theme-leaders .ldx-aside-mark{font-size:2.1rem;color:var(--ldx-green);line-height:1;margin-bottom:14px}
body.theme-leaders .ldx-dl-mark{font-size:1.9rem;color:var(--ldx-green);margin-bottom:12px;line-height:1}

/* الدورات العامة */
body.theme-leaders .ldx-pub-cta{gap:12px;align-items:flex-start}
body.theme-leaders .ldx-pub-cta .btn{min-width:230px;text-align:center}

/* الدورات الداخلية */
body.theme-leaders .ldx-checks{list-style:none;margin:0;padding:0;display:grid;gap:14px;align-content:center}
body.theme-leaders .ldx-checks li{display:flex;gap:14px;align-items:flex-start;color:var(--ldx-ink);line-height:1.6;font-size:.97rem}
body.theme-leaders .ldx-check{
    flex:0 0 26px;
    width:26px;
    height:26px;
    background:var(--ldx-green);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:.85rem;
    margin-top:1px;
}
body.theme-leaders .ldx-ih-aside .btn{align-self:flex-start;margin-top:16px}

/* اتصل بنا */
body.theme-leaders .ldx-contact-split{grid-template-columns:minmax(0,1fr) minmax(0,420px);margin-bottom:0}
body.theme-leaders .ldx-contact-form{padding:26px 22px}
body.theme-leaders .ldx-contact-form h5{font-size:1.15rem;font-weight:700;color:var(--ldx-ink);margin:0}
body.theme-leaders .ldx-contact-form .form-group{margin:0}
body.theme-leaders .ldx-contact-panel{justify-content:flex-start;padding:30px 30px 32px}
body.theme-leaders .ldx-contact-h{font-size:1.45rem;margin:0 0 10px;color:#fff;font-weight:700}
body.theme-leaders .ldx-contact-lead{color:rgba(255,255,255,.78);line-height:1.7;margin:0 0 22px;font-size:.95rem}
body.theme-leaders .ldx-contact-list{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:14px}
body.theme-leaders .ldx-contact-list li{display:flex;gap:12px;align-items:flex-start}
body.theme-leaders .ldx-contact-list li .bi{
    flex:0 0 36px;width:36px;height:36px;
    background:rgba(255,255,255,.1);
    color:var(--ldx-green);
    display:flex;align-items:center;justify-content:center;font-size:1.05rem;
}
body.theme-leaders .ldx-contact-list li > span{display:flex;flex-direction:column;gap:2px;min-width:0;color:#fff;font-size:.95rem}
body.theme-leaders .ldx-contact-list li b{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.55);font-weight:700}
body.theme-leaders .ldx-contact-list li a{color:#fff;text-decoration:none}
body.theme-leaders .ldx-contact-list li a:hover{color:var(--ldx-green)}
body.theme-leaders .ldx-contact-links{display:flex;flex-wrap:wrap;gap:10px}

/* العمود الجانبي للنماذج */
body.theme-leaders .ldx-side-card{padding:24px 22px}
body.theme-leaders .ldx-side-card h5{font-size:1.05rem;margin:0 0 14px}
body.theme-leaders .ldx-side-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
body.theme-leaders .ldx-side-list li{display:flex;align-items:center;gap:10px;font-size:.9rem}
body.theme-leaders .ldx-side-list li .bi{flex:0 0 32px;width:32px;height:32px;background:rgba(255,255,255,.1);color:var(--ldx-green);display:flex;align-items:center;justify-content:center}
body.theme-leaders .ldx-side-list a{color:#fff;text-decoration:none;word-break:break-word}
body.theme-leaders .ldx-side-list a:hover{color:var(--ldx-green)}
body.theme-leaders .ldx-side-next{background:#fff;border:1px solid var(--ldx-line);border-top:0;padding:20px 22px 22px}
body.theme-leaders .ldx-side-next h6{font-size:.74rem;text-transform:uppercase;letter-spacing:.1em;color:#7d8b98;margin:0 0 14px;font-weight:700}

/* الشاشات الصغيرة: كل صف عمود واحد */
@media (max-width:991px){
    body.theme-leaders .ldx-split,
    body.theme-leaders .ldx-split-flip,
    body.theme-leaders .ldx-contact-split{grid-template-columns:minmax(0,1fr)}
    /* عمود واحد: الترتيب المنطقي هو اللي يظهر، عشان عنوان القسم
       يقع فوق قائمته مش تحتها لمّا يترصّوا. */
    body.theme-leaders .ldx-split-flip > .ldx-panel,
    body.theme-leaders .ldx-split-flip > :not(.ldx-panel){order:0}
    body.theme-leaders .ldx-quad{grid-template-columns:minmax(0,1fr)}
    body.theme-leaders .ldx-clients-grid{grid-template-columns:minmax(0,1fr)}
    body.theme-leaders .ldx-panel{padding:26px 24px}
}
@media (max-width:575px){
    body.theme-leaders .ldx-split > :not(.ldx-panel){padding:22px 20px}
    body.theme-leaders .ldx-quad > *{padding:24px 22px}
    body.theme-leaders .ldx-band{padding:22px 24px}
}

/* --- training-courses fix 18ff4255da43f66203f533f3258cdbe4 --- */
/* القادة: كروت بيضا مدوّرة بظل ناعم */
body.theme-leaders .inst-logos{background:#f4f7f9}
body.theme-leaders .inst-logos-h{color:#0e2a3d;font-weight:700}
body.theme-leaders .inst-logos-grid{grid-template-columns:repeat(5,1fr);gap:16px}
body.theme-leaders .inst-logos-item{background:#fff;border-radius:14px;box-shadow:0 8px 20px rgba(14,42,61,.08);min-height:108px;transition:transform .2s}
body.theme-leaders .inst-logos-item:hover{transform:translateY(-4px)}

/* --- training-courses fix 3fde825ba7181301c82a48bb460b9899 --- */
/* القادة: شريط سعر بعرض البطاقة فوق، البيانات تحته في عمودين، والزر بعرض البطاقة. */
body.theme-leaders.pg-training-courses .session-card{display:flex!important;flex-direction:column;padding:0!important;overflow:hidden;border-radius:14px!important}
body.theme-leaders.pg-training-courses .session-card .price-box{position:static!important;order:-1;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(90deg,#0e2a3d,#29719f)!important;border:0!important;border-radius:0!important;padding:10px 16px!important;color:#fff}
body.theme-leaders.pg-training-courses .session-card .price-box .text-secondary{color:rgba(255,255,255,.75)!important;margin:0}
body.theme-leaders.pg-training-courses .session-card > ul{width:100%!important;margin:0!important;padding:14px 16px!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 16px}
body.theme-leaders.pg-training-courses .session-card > form{padding:0 16px 16px}
body.theme-leaders.pg-training-courses .session-card .btn{width:100%;border-radius:20px!important}

/* ============================================================
   القادة — صفحات القوائم المشتركة: /categories /cities
   /articles /blogs — لغة واحدة: شرايط عريضة (wide bars).
   ------------------------------------------------------------
   صف واحد لكل مدخل بعرض الصفحة كلها. حرف لوني مصمت على الجنب
   الأول من الصف (border-inline-start عشان يقلب لوحده في العربي)،
   والسهم في آخر الصف. التظليل بيتبادل صف ورا صف.
   مافيش صور مصغّرة ولا شبكة كروت — الكارت بالرقم كان شكل موحّد
   على تسع مواقع، وده اللي بيميّز القادة عنهم.
   الكلاسات دي ملك الثيم ده لوحده (بادئة ldl-)، فمافيش تعارض مع
   قواعد pg-training-courses اللي شغّالة على الكلاسات القديمة.
   ============================================================ */

body.theme-leaders .ldl-wrap {
    background: #eef2f5;
    padding: 26px 0 44px;
}

body.theme-leaders .ldl-rows {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* الصف نفسه لينك واحد — مفيش لينك جوه لينك، والصف كله قابل للضغط.
   grid مش flex عشان العمود الأوسط ياخد الباقي والسهم يفضل ملزوق
   في آخر الصف مهما طال العنوان. */
body.theme-leaders .ldl-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 10px 28px;
    padding: 17px 24px;
    background: #fff;
    border: 1px solid #dbe3e9;
    border-inline-start: 8px solid var(--site-primary, #29719f);
    color: var(--ld-ink, #0e2a3d);
    text-decoration: none;
    transition: background .2s ease, border-color .2s ease;
}

/* التبادل بـnth-of-type مش nth-child: صفحات المقالات والمدونات
   بتحط input مخفية جوه نفس الحاوية ولما الـajax بيلحق صفوف
   بعديها كان الترتيب بيتزحلق ويتلغبط التظليل. */
body.theme-leaders .ldl-row:nth-of-type(even) { background: #f5f8fa; }

body.theme-leaders .ldl-row:hover,
body.theme-leaders .ldl-row:focus-visible {
    background: #e4eef5;
    border-color: #c6d5e0;
    border-inline-start-color: var(--site-accent, #80af2e);
    color: var(--ld-ink, #0e2a3d);
    text-decoration: none;
}

body.theme-leaders .ldl-row-main {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: start;
}

body.theme-leaders .ldl-eyebrow {
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #7d8b98;
}

body.theme-leaders .ldl-title {
    margin: 0;
    font-size: 1.05rem;
    font-weight: 700;
    line-height: 1.4;
    color: var(--ld-ink, #0e2a3d);
}

body.theme-leaders .ldl-desc {
    font-size: .87rem;
    line-height: 1.6;
    color: #5b6570;
}

body.theme-leaders .ldl-meta {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: .8rem;
    color: #6b7580;
    white-space: nowrap;
}

body.theme-leaders .ldl-meta span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

body.theme-leaders .ldl-meta .bi { color: var(--site-accent, #80af2e); font-size: .95rem; }

/* آخر الصف: كلمة الدعوة والسهم. white-space: nowrap عشان
   "اقرأ المزيد" ما يتكسرش سطرين ويرفع ارتفاع الصف. */
body.theme-leaders .ldl-go {
    /* آخر عمود دايماً (-2/-1) مش العمود اللي جه فيه بالترتيب:
       صفوف التصنيفات والمدن مالهاش تاريخ، فلو ساب الترتيب
       التلقائي كان السهم بيقف في العمود الأوسط ويسيب فضا بعده
       بدل ما يبقى في آخر الشريط. */
    grid-column: -2 / -1;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--site-primary, #29719f);
    white-space: nowrap;
}

body.theme-leaders .ldl-go .bi {
    font-size: 1.55rem;
    line-height: 1;
    transition: transform .2s ease;
}

body.theme-leaders .ldl-row:hover .ldl-go { color: var(--ld-ink, #0e2a3d); }
body.theme-leaders .ldl-row:hover .ldl-go .bi { transform: translateX(4px); }
body[dir="rtl"].theme-leaders .ldl-row:hover .ldl-go .bi { transform: translateX(-4px); }

body.theme-leaders .ldl-empty {
    background: #fff;
    border: 1px solid #dbe3e9;
    border-inline-start: 8px solid var(--site-accent, #80af2e);
    padding: 20px 24px;
    color: var(--ld-ink, #0e2a3d);
    text-align: start;
}

body.theme-leaders .ldl-spinner { padding-top: 24px; }

/* اللوحات المتوسطة: التاريخ بينزل تحت العنوان عشان العمودين
   الجانبيين ما ياكلوش عرض الكلام. */
@media (max-width: 900px) {
    body.theme-leaders .ldl-row { grid-template-columns: minmax(0, 1fr) auto; gap: 8px 18px; }
    body.theme-leaders .ldl-meta { grid-column: 1; justify-content: flex-start; }
}

/* الموبايل: عمود واحد، والسهم في آخر سطره لوحده تحت خط فاصل. */
@media (max-width: 575px) {
    body.theme-leaders .ldl-wrap { padding: 18px 0 32px; }
    body.theme-leaders .ldl-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 8px;
        padding: 15px 16px;
        border-inline-start-width: 6px;
    }
    body.theme-leaders .ldl-title { font-size: .98rem; }
    body.theme-leaders .ldl-meta { grid-column: auto; white-space: normal; }
    body.theme-leaders .ldl-go {
        justify-content: space-between;
        width: 100%;
        margin-top: 2px;
        padding-top: 10px;
        border-top: 1px solid #e3eaf0;
    }
}

/* ═══ (2026-09-09) صفحة الدورة — ليدرز: عمود واحد + شريط حقائق ═══
   الشكل القديم (محتوى + ريل لاصق يمين) كان نفس هيكل جلوبال بالظبط.
   دلوقتي: شريط حقائق أفقي لاصق تحت الهيدر، محتوى بعرض الصفحة كامل،
   ولوحة مواعيد وحجز عريضة في الآخر.
   ───────────────────────────────────────────────────────────── */
body.theme-leaders .ldcd-section--wide .ldcd-grid,
body.theme-leaders .ldcd-section--wide .ldcd-rail { display: block; }
body.theme-leaders .ldcd-section--wide .ldcd-main {
    max-width: 980px; margin-inline: auto;
}

/* ── شريط الحقائق ── */
body.theme-leaders .ld-factbar {
    position: sticky; top: 0; z-index: 15;
    background: var(--site-primary, #123a5e);
    border-bottom: 1px solid rgba(255,255,255,.15);
}
body.theme-leaders .ld-factbar-list {
    list-style: none; margin: 0; padding: 0;
    display: grid; grid-auto-flow: column; grid-auto-columns: 1fr;
}
body.theme-leaders .ld-factbar-list li {
    display: flex; align-items: center; gap: 9px;
    padding: 14px 16px; min-width: 0;
    color: #fff;
    border-inline-end: 1px solid rgba(255,255,255,.13);
}
body.theme-leaders .ld-factbar-list li:last-child { border-inline-end: 0; }
body.theme-leaders .ld-factbar-list .bi {
    font-size: 1.15rem; color: var(--site-accent, #c9a227); flex: 0 0 auto;
}
body.theme-leaders .ld-factbar-k {
    font-size: .68rem; text-transform: uppercase; letter-spacing: .07em;
    opacity: .72; display: block;
}
body.theme-leaders .ld-factbar-v {
    font-weight: 700; font-size: .92rem; display: block;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
body.theme-leaders .ld-factbar-list li > .bi + .ld-factbar-k { margin-inline-end: 0; }
/* المفتاح فوق القيمة داخل نفس الخانة. */
body.theme-leaders .ld-factbar-list li { flex-wrap: wrap; }
body.theme-leaders .ld-factbar-k,
body.theme-leaders .ld-factbar-v { flex: 1 1 100%; }
body.theme-leaders .ld-factbar-list li > .bi { align-self: center; }

/* ── لوحة الخطوة الجاية ── */
body.theme-leaders .ld-next {
    background: #eef2f6; border-top: 3px solid var(--site-accent, #c9a227);
    padding: 46px 0 52px; margin-top: 42px;
}
body.theme-leaders .ld-next-h {
    font-size: 1.5rem; font-weight: 800; margin: 0 0 22px;
    color: var(--site-primary, #123a5e);
}
body.theme-leaders .ld-next-grid {
    display: grid; grid-template-columns: repeat(auto-fill, minmax(238px, 1fr));
    gap: 14px;
}
body.theme-leaders .ld-next-card {
    background: #fff; border: 1px solid #d7e0e8; border-radius: 4px;
    border-top: 3px solid var(--site-primary, #123a5e);
    padding: 16px; min-width: 0;
    display: flex; flex-direction: column; gap: 6px;
}
body.theme-leaders .ld-next-card.is-virtual { border-top-color: var(--site-accent, #c9a227); }
body.theme-leaders .ld-next-place {
    font-weight: 700; color: var(--site-primary, #123a5e);
    display: flex; align-items: center; gap: 7px; font-size: .95rem;
}
body.theme-leaders .ld-next-date { color: #4a5b68; font-size: .88rem; }
body.theme-leaders .ld-next-fee { font-weight: 800; font-size: 1.05rem; margin-top: 2px; }
body.theme-leaders .ld-next-btn {
    margin-top: 10px; width: 100%;
    background: var(--site-primary, #123a5e); color: #fff; border: 0;
    padding: 9px 12px; border-radius: 3px; font-weight: 700; font-size: .88rem;
    display: inline-flex; align-items: center; justify-content: center; gap: 8px;
    transition: background .15s;
}
body.theme-leaders .ld-next-btn:hover { background: var(--site-accent, #c9a227); color: #1a1a1a; }
body.theme-leaders .ld-next-closed {
    margin-top: 10px; display: inline-block; font-size: .82rem;
    color: #8a2b2b; background: #fdeaea; padding: 6px 10px; border-radius: 3px;
}
body.theme-leaders .ld-next-vat { margin: 18px 0 0; font-size: .8rem; color: #5d6b78; }
body.theme-leaders .ld-next-foot {
    display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
    gap: 22px; margin-top: 26px; padding-top: 24px;
    border-top: 1px solid #d7e0e8;
}
body.theme-leaders .ld-next-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: flex-start; }

@media (max-width: 991px) {
    body.theme-leaders .ld-factbar { position: static; }
    body.theme-leaders .ld-factbar-list { grid-auto-flow: row; grid-template-columns: repeat(2, 1fr); grid-auto-columns: auto; }
    body.theme-leaders .ld-next-foot { grid-template-columns: 1fr; }
    body.theme-leaders .ld-next { padding: 32px 0 36px; }
}

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

/* ═══ (2026-09-09) /categories — ليدرز: تجميع موضوعي ═══════════
   القايمة القديمة كانت صفوف اسم+رابط، نفس السعودي والزمالة. أداة
   التمييز هنا التجميع: عناوين مجموعات وتحت كل واحدة أعضاؤها كروابط
   منسابة في عمودين، من غير كروت ولا صفوف ولا أيقونات.
   ───────────────────────────────────────────────────────────── */
body.theme-leaders .ld-cg-sec { padding: 10px 0 20px; }
body.theme-leaders .ld-cg-group { margin-bottom: 30px; }
body.theme-leaders .ld-cg-h {
    display: flex; align-items: baseline; gap: 12px;
    font-size: 1.02rem; font-weight: 800; letter-spacing: .08em;
    text-transform: uppercase; color: var(--site-primary, #123a5e);
    margin: 0 0 14px; padding-bottom: 9px;
    border-bottom: 2px solid var(--site-accent, #c9a227);
}
body.theme-leaders[dir="rtl"] .ld-cg-h { letter-spacing: 0; text-transform: none; }
body.theme-leaders .ld-cg-h em {
    font-style: normal; font-size: .74rem; font-weight: 700;
    background: var(--site-primary, #123a5e); color: #fff;
    border-radius: 999px; padding: 2px 9px;
}
body.theme-leaders .ld-cg-list {
    list-style: none; margin: 0; padding: 0;
    columns: 2; column-gap: 44px;
}
body.theme-leaders .ld-cg-list li { break-inside: avoid; margin-bottom: 2px; }
body.theme-leaders .ld-cg-list a {
    display: block; padding: 7px 2px;
    color: #24313d; font-size: .95rem; text-decoration: none;
    border-bottom: 1px dotted #cfd8e0;
    transition: color .15s, padding-inline-start .15s;
}
body.theme-leaders .ld-cg-list a:hover,
body.theme-leaders .ld-cg-list a:focus-visible {
    color: var(--site-primary, #123a5e); text-decoration: none;
    padding-inline-start: 8px;
}
@media (max-width: 767px) { body.theme-leaders .ld-cg-list { columns: 1; } }
/* /cities: نفس مجموعات /categories، بس كل مدينة تحتها سطر تمهيدي. */
body.theme-leaders .ld-cg-sub {
    display: block; font-size: .74rem; color: #7d8b97; margin-top: 1px;
}
body.theme-leaders .ld-cg-list a { padding-block: 9px; }

/* ═══ (2026-09-09) /articles و /blogs — ليدرز: خط زمني ═══════════
   الشرايط العريضة كانت بتتقري زي جدول السعودي (عنوان + تاريخ + رابط).
   هنا التاريخ بقى هو المرساة: عمود تواريخ على الجنب، خط رأسي بنقطة
   لكل مقال، والعنوان والمقتطف على اليمين. نفس الماركب بالحرف — بس
   في صفحات المقالات والمدونات (#common-listing-section)، فالصفوف
   اللي بيضيفها الأجاكس بتاخد نفس الشكل تلقائياً.
   ───────────────────────────────────────────────────────────── */
body.theme-leaders #common-listing-section .ldl-rows {
    position: relative;
    gap: 0;
    padding-inline-start: 4px;
}
body.theme-leaders #common-listing-section .ldl-rows::before {
    content: ''; position: absolute; inset-block: 22px;
    inset-inline-start: 140px; width: 2px; background: #d7e0e8;
}

body.theme-leaders #common-listing-section .ldl-row {
    position: relative;
    grid-template-columns: 124px 32px minmax(0, 1fr);
    grid-template-areas: "date dot main" "date dot go";
    align-items: start;
    gap: 4px 0;
    padding: 16px 0 20px;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #eaeff3;
}
body.theme-leaders #common-listing-section .ldl-row:nth-of-type(even) { background: transparent; }
body.theme-leaders #common-listing-section .ldl-row:hover,
body.theme-leaders #common-listing-section .ldl-row:focus-visible {
    background: transparent; border-color: #d7e0e8;
}

/* النقطة على الخط. */
body.theme-leaders #common-listing-section .ldl-row::before {
    content: ''; position: absolute; top: 24px;
    inset-inline-start: 135px;
    width: 12px; height: 12px; border-radius: 50%;
    background: #fff; border: 2px solid var(--site-primary, #29719f);
    transition: background .18s, border-color .18s;
}
body.theme-leaders #common-listing-section .ldl-row:hover::before {
    background: var(--site-accent, #80af2e); border-color: var(--site-accent, #80af2e);
}

body.theme-leaders #common-listing-section .ldl-meta {
    grid-area: date; justify-content: flex-end; text-align: end;
    padding-inline-end: 22px; padding-top: 2px;
}
body.theme-leaders #common-listing-section .ldl-meta span { white-space: normal; }
body.theme-leaders #common-listing-section .ldl-meta .bi { display: none; }

body.theme-leaders #common-listing-section .ldl-row-main { grid-area: main; padding-inline-start: 8px; }
body.theme-leaders #common-listing-section .ldl-go {
    grid-area: go; padding-inline-start: 8px; justify-content: flex-start;
}

@media (max-width: 767px) {
    body.theme-leaders #common-listing-section .ldl-rows::before { display: none; }
    body.theme-leaders #common-listing-section .ldl-row {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "date" "main" "go";
        padding: 14px 0 16px;
    }
    body.theme-leaders #common-listing-section .ldl-row::before { display: none; }
    body.theme-leaders #common-listing-section .ldl-meta {
        justify-content: flex-start; text-align: start; padding-inline-end: 0;
    }
    body.theme-leaders #common-listing-section .ldl-row-main,
    body.theme-leaders #common-listing-section .ldl-go { padding-inline-start: 0; }
}

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

body.theme-leaders .ldcu { padding: 34px 0 6px; }

body.theme-leaders .ldcu-grid {
    display: grid;
    /* عمود البيانات أوسع شوية: القيم (بريد/تليفون) سطر طويل
       مايتقصّش، والفورم حقوله عرضها ثابت أصلاً. */
    grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr);
    gap: 32px;
    align-items: start;
}

/* ── اللوح الأول: البيانات ───────────────────────────────── */
body.theme-leaders .ldcu-facts {
    background: #f1f5f8;
    border: 1px solid #dbe3e9;
    border-top: 4px solid #29719f;
    border-radius: 14px;
    padding: 30px 32px 26px;
    box-shadow: 0 8px 24px rgba(14, 42, 61, .08);
}

body.theme-leaders .ldcu-h { margin: 0 0 10px; font-size: 1.5rem; font-weight: 700; color: #0e2a3d; }
body.theme-leaders .ldcu-lead { margin: 0 0 22px; max-width: 62ch; line-height: 1.7; color: #4b5763; }

body.theme-leaders .ldcu-dl { margin: 0 0 24px; padding: 0; }

body.theme-leaders .ldcu-dl-row {
    position: relative;
    padding-block: 14px;
    border-block-end: 1px solid #cfdbe4;
}
body.theme-leaders .ldcu-dl-row:first-child { padding-block-start: 0; }
body.theme-leaders .ldcu-dl-row:last-child { padding-block-end: 0; border-block-end: 0; }

/* الفاصل بيبتدي بقطعة خضراء قصيرة بدل حدود جدول كاملة: بتدّي
   إحساس الصف المستقل من غير ما تحوّط النص. inset-inline-start
   عشان القطعة تفضل في أول السطر عربي وإنجليزي. */
body.theme-leaders .ldcu-dl-row::after {
    content: "";
    position: absolute;
    inset-block-end: -1px;
    inset-inline-start: 0;
    width: 64px;
    height: 3px;
    border-radius: 2px;
    background: #80af2e;
}
body.theme-leaders .ldcu-dl-row:last-child::after { display: none; }

body.theme-leaders .ldcu-dl dt {
    margin: 0 0 4px;
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #5b6570;
}
/* العربي بيتوصّل، والمسافة بين الحروف بتفكّ الوصل — فالمسمّى
   العربي بياخد شكله الطبيعي. */
body.theme-leaders[dir="rtl"] .ldcu-dl dt { letter-spacing: normal; text-transform: none; font-size: .8rem; }

body.theme-leaders .ldcu-dl dd {
    margin: 0;
    font-size: 1.06rem;
    font-weight: 600;
    color: #0e2a3d;
    overflow-wrap: anywhere;
}
body.theme-leaders .ldcu-dl dd a {
    color: #0e2a3d;
    text-decoration: none;
    border-block-end: 1px solid rgba(41, 113, 159, .38);
}
body.theme-leaders .ldcu-dl dd a:hover { color: #29719f; border-block-end-color: #29719f; }
body.theme-leaders .ldcu-dl-note { margin: 5px 0 0; font-size: .86rem; color: #5b6570; }

body.theme-leaders .ldcu-links { display: flex; flex-wrap: wrap; gap: 10px 26px; }
body.theme-leaders .ldcu-links a {
    position: relative;
    padding-inline-start: 14px;
    font-size: .95rem;
    font-weight: 700;
    color: #29719f;
    text-decoration: none;
}
body.theme-leaders .ldcu-links a::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    inset-block: 3px;
    width: 4px;
    border-radius: 2px;
    background: #80af2e;
}
body.theme-leaders .ldcu-links a:hover { color: #0e2a3d; }

/* ── اللوح التاني: الفورم في صندوق بحدود ─────────────────── */
body.theme-leaders .ldcu-formbox {
    background: #fff;
    border: 1px solid #dbe3e9;
    border-top: 4px solid #80af2e;
    border-radius: 14px;
    padding: 30px 32px;
    box-shadow: 0 8px 24px rgba(14, 42, 61, .08);
}

body.theme-leaders .ldcu-formbox .inst-cform-h {
    margin: 0 0 18px;
    padding-block-end: 12px;
    border-block-end: 1px solid #dbe3e9;
    font-size: 1.25rem;
    color: #0e2a3d;
}

/* !important لأن قاعدة الثيم العامة فوق بتفرض radius 3px على كل
   .form-control و.btn، والصندوق ده زواياه 14px فالحقول 8px أقرب له. */
body.theme-leaders .ldcu-formbox .form-control {
    width: 100%;
    height: auto;
    padding: 11px 14px;
    font-size: .95rem;
    color: #0e2a3d;
    background: #fff;
    border: 1px solid #cfdbe4;
    border-radius: 8px !important;
    box-shadow: none !important;
}
body.theme-leaders .ldcu-formbox textarea.form-control { min-height: 120px; line-height: 1.6; }
body.theme-leaders .ldcu-formbox .form-control::placeholder { color: #69737d; opacity: 1; }
body.theme-leaders .ldcu-formbox .form-control:focus {
    border-color: #29719f;
    outline: 2px solid rgba(41, 113, 159, .22);
    outline-offset: 0;
}

/* الزر أزرق مش أخضر: الأخضر #80af2e مع نص أبيض تباينه 2.6:1 وده
   تحت الحد. الأزرق #29719f بأبيض 5.3:1. */
body.theme-leaders .ldcu-formbox #submit_contact {
    width: 100%;
    padding: 12px 30px;
    font-weight: 700;
    color: #fff !important;
    background: #29719f !important;
    border: 0 !important;
    border-radius: 8px !important;
}
body.theme-leaders .ldcu-formbox #submit_contact:hover { background: #0e2a3d !important; }
body.theme-leaders .ldcu-formnote { margin: 14px 0 0; font-size: .84rem; color: #5b6570; }

@media (max-width: 991px) {
    body.theme-leaders .ldcu-grid { grid-template-columns: 1fr; gap: 24px; }
}
@media (max-width: 575px) {
    body.theme-leaders .ldcu-facts,
    body.theme-leaders .ldcu-formbox { padding: 22px 18px; }
    body.theme-leaders .ldcu-h { font-size: 1.28rem; }
    body.theme-leaders .ldcu-dl dd { font-size: 1rem; }
}

/* عند 390px الحقل بتاع كود الدولة (33% من السطر) بيقصّ
   الـplaceholder، فالسطر المزدوج بيتفكّ لسطرين كاملين. */
@media (max-width: 575px) {
    body.theme-leaders .ldcu-formbox .inst-cform-row--split { flex-direction: column; gap: 16px; }
    body.theme-leaders .ldcu-formbox .inst-cform-cc { flex: 1 1 auto; max-width: 100%; }
}

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

   ملحوظة: .inst-tc-side فيه ٣ أبناء (الرأس، صندوق الفلتر، زر الدورات
   الداخلية) — فـflex مش grid بعمودين، عشان التلاتة يقعدوا في صف واحد
   ولا يتلغبط ترتيبهم.
   ───────────────────────────────────────────────────────────── */
body.theme-leaders .inst-tc-grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
body.theme-leaders .inst-tc-side {
    position: static !important;
    display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px;
    padding: 12px 16px;
}
body.theme-leaders .inst-tc-side-head {
    flex: 0 0 auto; border-bottom: 0; padding: 0; gap: 12px;
}
body.theme-leaders .inst-tc-side > #common-filter-box-modal-one { flex: 1 1 460px; min-width: 0; }
body.theme-leaders .inst-tc-side #common-filter-box-modal-one .box2 { padding: 0; background: transparent; }
body.theme-leaders .inst-tc-side #common-filter-box-modal-one form {
    flex-direction: row !important; flex-wrap: wrap; gap: 10px;
}
body.theme-leaders .inst-tc-side #common-filter-box-modal-one .form-control {
    flex: 1 1 140px; width: auto !important; min-width: 0; height: 36px;
}
body.theme-leaders .inst-tc-cta {
    flex: 0 0 280px; margin-top: 0; padding: 12px 16px;
    display: flex; flex-direction: column; justify-content: center;
}
/* الصفوف: مسافة أوسع وحدّ جانبي بلون العلامة بدل جدول مضغوط. */
body.theme-leaders .inst-tc .courselist-style-inside .courselisting,
body.theme-leaders .inst-tc .courselist-style-inside .courselisting.virtual {
    padding: 16px 18px !important;
    border-inline-start: 5px solid var(--site-primary, #29719f) !important;
    margin-bottom: 8px !important;
    background: #fff;
}
body.theme-leaders .inst-tc .courselisting.virtual { border-inline-start-color: var(--site-accent, #80af2e) !important; }
body.theme-leaders .inst-tc-head { background: #eef2f6; }
@media (max-width: 991px) {
    body.theme-leaders .inst-tc-side { flex-direction: column; align-items: stretch; }
    body.theme-leaders .inst-tc-cta { flex: 1 1 auto; }
}

/* ═══ (2026-09-09) /downloads — ليدرز: مجموعتان مختلفتان في الشكل ═══
   المشكلة: الصفحة القديمة كانت سلّم مرقّم من أربع بنود + بلوك "اطلب
   كتيبًا" — نفس هيكل باقي المعاهد بالحرف. الحل مش لون تاني، الحل
   تقسيم مختلف: أداة ليدرز (التجميع الموضوعي بعدّاد) بتقسم الصفحة
   لـ«عندك ملف تنزّله» و«وجهة تتصفّحها».
   عناوين المجموعتين بتستعمل .ld-cg-h الموجودة أصلاً (نفس /categories
   و/cities) عشان الصفحة تفضل من نفس الموقع.
   الفرق بين المجموعتين بصري بحت: الأولى ألواح بيضا بحدّ جانبي مصمت
   والزرار هو مركز الثقل، والتانية روابط عارية في عمودين بلا لوح ولا
   زرار. من غير أرقام ولا أسهم ولا خط منقّط بين العنوان والفعل.
   ───────────────────────────────────────────────────────────── */
body.theme-leaders .ldd { padding-bottom: 34px; }
/* سجلّ مستندات مش صفحة هبوط: العرض متلجّم عند 1040 عشان الزرار
   يفضل قريب من عنوان المستند، ومايبقاش في نص الصف فراغ 700 بكسل. */
body.theme-leaders .ldd .container > * { max-width: 1040px; margin-inline: auto; }
body.theme-leaders .ldd-group { margin-bottom: 40px; }
body.theme-leaders .ldd-group:last-child { margin-bottom: 0; }

/* السطر التمهيدي تحت العنوان بيقول الفرق بين المجموعتين بالكلام،
   عشان اللي بيقرا بقارئ شاشة يوصله نفس اللي العين بتشوفه. */
body.theme-leaders .ldd-note {
    margin: -6px 0 18px;
    max-width: 78ch;
    font-size: .9rem; line-height: 1.7;
    color: #55636f;                      /* 6.4:1 على الأبيض */
}

/* ── المجموعة ١: صفوف مستندات ─────────────────────────────── */
body.theme-leaders .ldd-files { list-style: none; margin: 0; padding: 0; }

/* grid مش flex: العمود التاني (الفعل) عرضه من محتواه، والأول بياخد
   الباقي — فالأزرار بتتصفّ تحت بعضها في خط واحد مهما طال العنوان. */
body.theme-leaders .ldd-file {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 16px 24px;
    padding: 16px 20px;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid var(--ld-line, #dbe3e9);
    border-inline-start: 5px solid var(--site-primary, #29719f);
    border-radius: 3px;                  /* زوايا ليدرز الحادّة */
}
body.theme-leaders .ldd-file:last-child { margin-bottom: 0; }

/* الحدّ الجانبي بيفرّق النوع: أزرق = جدول (متى وأين)، أخضر = لغة. */
body.theme-leaders .ldd-file--lang { border-inline-start-color: var(--site-accent, #80af2e); }

body.theme-leaders .ldd-file-txt { min-width: 0; }
body.theme-leaders .ldd-file-t {
    margin: 0 0 4px;
    font-size: 1.04rem; font-weight: 700; line-height: 1.4;
    color: var(--ld-ink, #0e2a3d);
}
body.theme-leaders .ldd-file-d {
    margin: 0; max-width: 62ch;
    font-size: .9rem; line-height: 1.65; color: #55636f;
}

body.theme-leaders .ldd-file-act {
    display: flex; align-items: center; gap: 12px;
    flex: 0 0 auto;
}
/* وسم الصيغة رمادي هادي — بيقول «ملف» من غير ما ينافس الزرار. */
body.theme-leaders .ldd-file-fmt {
    font-size: .68rem; font-weight: 800; letter-spacing: .1em;
    color: #5a6874;                      /* 5:1 على #eef2f6 — #6b7885 كان 4:1 */
    background: #eef2f6;
    border-radius: 2px; padding: 4px 8px;
    line-height: 1;
}
body.theme-leaders[dir="rtl"] .ldd-file-fmt { letter-spacing: 0; }

/* الزرار مركز ثقل الصف: مصمت وأكبر من زرار المعاهد الافتراضي،
   و margin-top: 0 لأن الافتراضي معمول لزرار تحت نص مش جنبه. */
body.theme-leaders .ldd-dl {
    margin-top: 0;
    padding: 10px 22px;
    font-size: .9rem;
    border-radius: 3px;
    background: var(--site-primary, #29719f);
    color: #fff;                         /* 4.9:1 على #29719f */
}
body.theme-leaders .ldd-dl:hover,
body.theme-leaders .ldd-dl:focus-visible {
    background: var(--ld-ink, #0e2a3d);
    transform: none;                     /* ليدرز مؤسسي — من غير قفز */
}
body.theme-leaders .ldd-dl:focus-visible {
    outline: 3px solid var(--site-accent, #80af2e); outline-offset: 2px;
}

/* ── المجموعة ٢: وجهات بلا ملف ────────────────────────────── */
/* بتورث .ld-cg-list (عمودين، خط منقّط تحت الرابط) من /categories.
   بلا لوح وبلا زرار — الفرق عن المجموعة الأولى بيبان من بعيد. */
body.theme-leaders .ldd-browse { column-gap: 40px; }
body.theme-leaders .ldd-browse a {
    font-weight: 700; font-size: 1.02rem; padding-block: 12px;
    color: var(--ld-ink, #0e2a3d);
    /* حدّ علوي أخضر رفيع بدل السفلي المنقّط: بيخلّي كل وجهة تبان
       عنوان مستقل مش سطر في جدول، وبيمنع الالتباس مع صفوف التنزيل. */
    border-bottom: 0;
    border-top: 2px solid var(--site-accent, #80af2e);
}
body.theme-leaders .ldd-browse .ld-cg-sub {
    font-size: .88rem; color: #55636f; margin-top: 4px; font-weight: 400;
    line-height: 1.6;
}

@media (max-width: 575px) {
    /* الموبايل: الفعل ينزل تحت النص ويفرد عرض الصف — 390px من غير
       تجاوز أفقي، والزرار يفضل هدف لمس مريح. */
    body.theme-leaders .ldd-file { grid-template-columns: minmax(0, 1fr); gap: 14px; }
    body.theme-leaders .ldd-file-act { justify-content: space-between; }
    body.theme-leaders .ldd-dl { flex: 1 1 auto; justify-content: center; }
}

/* ═══ (2026-09-09) /about-leaders — صفحة أسئلة ══════════════════
   الصفحة القديمة كانت شبكة ٢×٢ للرؤية/الرسالة/القيم + سلّم مرقّم
   لأنواع الدورات — نفس عدد وترتيب أقسام باقي المعاهد، والفرق لون
   وكارت بس. المعمار هنا بقى سؤال/إجابة: العنوان سؤال والإجابة نثر.

   ليه بالكلاسات دي: أداة التمييز عند القادة هي التجميع بعنوان
   وعدّاد (.ld-cg-h) وقوائم في عمودين (.ld-cg-list) — نفس /categories
   و/cities و/downloads. فاستعملناها زي ما هي وأضفنا .lda-* للورقة
   والإيقاع بس، من غير أداة جديدة.
   ───────────────────────────────────────────────────────────── */
body.theme-leaders .lda { padding: 8px 0 48px; }

/* ورقة واحدة بدل كروت متفرّقة: زوايا 14px وظل ناعم = شخصية القادة،
   وشريط التدرّج فوقها هو نفس شريط الموقع (primary → accent). */
body.theme-leaders .lda-sheet {
    position: relative;
    max-width: 880px;
    margin-inline: auto;
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(14, 42, 61, .09);
    overflow: hidden;          /* عشان الشريط المتبادل يوصل لحدّ الورقة */
}
body.theme-leaders .lda-sheet::before {
    content: ""; display: block; height: 6px;
    background: linear-gradient(90deg, var(--site-primary, #29719f), var(--site-accent, #80af2e));
}

/* الشريط المتبادل: بديل "الألواح المتبادلة" من غير ما كل سؤال يبقى كارت. */
body.theme-leaders .lda-q { padding: 32px 40px; }
body.theme-leaders .lda-q-alt { background: #f2f7fb; }

/* بيبني على .ld-cg-h (لون primary + خط سفلي أخضر + شارة العدّاد) لكن
   بيلغي الحروف الكبيرة والتباعد: دي جملة سؤال تُقرأ، مش عنوان تصنيف. */
body.theme-leaders .lda-h {
    flex-wrap: wrap;
    text-transform: none;
    letter-spacing: 0;
    font-size: clamp(1.06rem, 1.9vw, 1.32rem);
    line-height: 1.45;
    margin-bottom: 16px;
}
/* العدّاد (موضع السؤال من إجماليها) على آخر السطر — مش قدّام العنوان،
   عشان يفضل مؤشّر تقدّم مش ترقيم بند. */
body.theme-leaders .lda-h em {
    margin-inline-start: auto;
    white-space: nowrap;
    align-self: center;
}

/* عرض قراية محدود (~68 حرف) — النص الجاري ما يمتدّش عرض الورقة كله. */
body.theme-leaders .lda-a p {
    max-width: 68ch;
    margin: 0 0 12px;
    font-size: 1.03rem;
    line-height: 1.8;
    color: #24313d;            /* تباين 11:1 على الأبيض و10:1 على #f2f7fb */
}
body.theme-leaders .lda-a p:last-child { margin-bottom: 0; }

/* القيم الخمس كلمات مشدّدة داخل الجملة بدل بنود في شبكة. */
body.theme-leaders .lda-a b {
    color: var(--site-primary, #29719f);   /* 5.3:1 على الأبيض، 4.9:1 على الشريط */
    font-weight: 700;
}
body.theme-leaders .lda-a p a {
    color: var(--site-primary, #29719f);
    text-decoration: none;
    border-bottom: 2px solid var(--site-accent, #80af2e);
}
body.theme-leaders .lda-a p a:hover,
body.theme-leaders .lda-a p a:focus-visible {
    color: var(--ld-ink, #0e2a3d);
    border-bottom-color: var(--site-primary, #29719f);
}

/* أنواع الدورات: إجابة واحدة، روابطها في عمودين بأداة الموقع نفسها.
   بلا سطر وصف تحت كل رابط — الجملة اللي فوق شرحت الفرق مرة واحدة. */
body.theme-leaders .lda-offers {
    max-width: 68ch;
    margin-top: 16px;
    column-gap: 40px;
}
body.theme-leaders .lda-offers a { font-weight: 700; }

@media (max-width: 575px) {
    /* 390px: الحشو يقلّ والسؤال يفضل مقروء من غير تجاوز أفقي. */
    body.theme-leaders .lda-q { padding: 24px 20px; }
    body.theme-leaders .lda-h { font-size: 1.06rem; gap: 8px; }
}

/* ملاحظة: .ldx-about-offers و.ldx-about-aside بقت بلا استعمال بعد إعادة
   كتابة /about-leaders. اتسابت مكانها من غير حذف عشان .ldx-quad و.ldx-split
   و.ldx-steps لسه شغّالين في /services/public-courses و/faq وform_side. */

/* ═══ (2026-09-09) /faq — القادة: تجميع حسب "مين بيسأل" ══════
   القديم كان تلات مجموعات موضوعية بأكورديون مقفول + شريط خاتمة،
   نفس الأحد عشر. الجديد مجموعتين حسب صاحب السؤال (فرد / مسؤول تدريب)،
   بأداة القادة نفسها: عنوان مجموعة + عدّاد (.ld-cg-h em). الإجابات
   كلها مفتوحة — مفيش details ولا JS ولا علامة + ولا ترقيم بنود.
   ───────────────────────────────────────────────────────── */
body.theme-leaders .ldq { padding: 8px 0 44px; }
body.theme-leaders .ldq-group {
    border-radius: 14px;                 /* شكل الموقع: زوايا 14px */
    padding: 32px 36px;
    margin-bottom: 28px;
    /* اللوح بعرض محتواه مش عرض الصفحة: الأولى ملزوقة في بداية السطر
       والتانية في نهايته، فالتبادل يبان من غير نص صفحة فاضي جوّه كارت. */
    width: fit-content;
    max-width: 100%;
}
body.theme-leaders .ldq-group-alt { margin-inline-start: auto; }
body.theme-leaders .ldq-group:last-child { margin-bottom: 0; }

/* "الألواح المتبادلة" (شخصية الموقع) على مستوى المجموعة، مش على
   مستوى كل سؤال — ده اللي بيفرّق الصفحة دي عن /about-leaders اللي
   بيبدّل الشريط سؤال بسؤال. */
body.theme-leaders .ldq-group { background: #fff; }
body.theme-leaders .ldq-group-alt {
    background: #f2f7fb;
    border-inline-start: 6px solid var(--site-accent, #80af2e);
}

/* العنوان في عمود جانبي والأسئلة في عمود قراية واحد، والزوج بيتقلب
   من المجموعة للتانية (بداية السطر ← نهايته). دي الطريقة اللي
   بتخلي عمود القراية يفضل 68 حرف من غير ما نص الصفحة يفضل فاضي. */
body.theme-leaders .ldq-inner {
    display: grid;
    gap: 24px 52px;
    grid-template-columns: minmax(0, 290px) minmax(0, 68ch);
    align-items: start;
}
/* التبادل بـgrid-column مش بـorder: الـorder بيغيّر ترتيب الوضع في
   المسارات، فكان بيحطّ عمود القراية في مسار الـ290px ويلخبط العرض. */
body.theme-leaders .ldq-h   { grid-column: 1; }
body.theme-leaders .ldq-col { grid-column: 2; }
body.theme-leaders .ldq-group-alt .ldq-inner {
    grid-template-columns: minmax(0, 68ch) minmax(0, 290px);
}
body.theme-leaders .ldq-group-alt .ldq-h   { grid-column: 2; }
body.theme-leaders .ldq-group-alt .ldq-col { grid-column: 1; }

/* عنوان المجموعة جملة كاملة مش لِيبل، فالـuppercase وتباعد الحروف
   بتاع .ld-cg-h بيتشالوا هنا — جملة كلها كابيتال صعبة القراءة.
   والعدّاد تحت العنوان (عمود) عشان مكانه ما يتغيّرش لما العنوان يلفّ. */
body.theme-leaders .ldq-h {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    text-transform: none;
    letter-spacing: 0;
    font-size: clamp(1.06rem, 1.9vw, 1.28rem);
    line-height: 1.45;
    margin: 0;
    padding-bottom: 14px;
}
body.theme-leaders .ldq-h > span { min-width: 0; }

body.theme-leaders .ldq-col { min-width: 0; }

body.theme-leaders .ldq-item {
    padding-block: 18px;
    border-top: 1px solid #dbe4ec;
}
body.theme-leaders .ldq-group-alt .ldq-item { border-top-color: #d3e0ea; }
body.theme-leaders .ldq-item:first-child { border-top: 0; padding-top: 0; }
body.theme-leaders .ldq-item:last-child { padding-bottom: 0; }

body.theme-leaders .ldq-q {
    margin: 0 0 7px;
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.5;
    color: #0e2a3d;            /* 14:1 على الأبيض و13:1 على #f2f7fb */
}
body.theme-leaders .ldq-a {
    margin: 0;
    font-size: .98rem;
    line-height: 1.8;
    color: #24313d;            /* 11:1 على الأبيض و10:1 على #f2f7fb */
}

/* أول سؤال في المجموعة = نقطة البداية لصاحب الحالة دي. وزنه أتقل
   عشان الأسئلة ما تبقاش كلها بنفس الوزن (عيب الأكورديون القديم). */
body.theme-leaders .ldq-item-lead { padding-bottom: 24px; }
body.theme-leaders .ldq-item-lead .ldq-q {
    font-size: clamp(1.14rem, 2.1vw, 1.38rem);
    color: var(--site-primary, #29719f);   /* 5.3:1 على الأبيض، 4.9:1 على الشريط */
    margin-bottom: 10px;
}
/* نفس الخط الأخضر بتاع .ldx-rule في ألواح الموقع — علامة "ابدأ من هنا". */
body.theme-leaders .ldq-item-lead .ldq-q::before {
    content: "";
    display: block;
    width: 44px;
    height: 4px;
    background: var(--site-accent, #80af2e);
    margin-bottom: 12px;
}
body.theme-leaders .ldq-item-lead .ldq-a { font-size: 1.08rem; }

/* شارة السؤال المكرّر في المجموعتين — بتفسّر التكرار بدل ما يبان غلط. */
body.theme-leaders .ldq-both {
    display: inline-block;
    font-style: normal;
    font-size: .72rem;
    font-weight: 700;
    line-height: 1.6;
    color: #4a5c6b;            /* 7:1 على الأبيض، 6.6:1 على #f2f7fb */
    border: 1px solid #c3d2de;
    border-radius: 999px;
    padding: 1px 10px;
    margin-inline-start: 10px;
    vertical-align: middle;
    white-space: nowrap;
}

@media (max-width: 991px) {
    /* تحت 992px مفيش متّسع لعمودين: العنوان يرجع فوق الأسئلة في
       المجموعتين (order بيتلغي) والشبكة بتبقى عمود واحد. */
    body.theme-leaders .ldq-group { width: auto; }
    body.theme-leaders .ldq-inner,
    body.theme-leaders .ldq-group-alt .ldq-inner {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }
    body.theme-leaders .ldq-h,
    body.theme-leaders .ldq-col,
    body.theme-leaders .ldq-group-alt .ldq-h,
    body.theme-leaders .ldq-group-alt .ldq-col { grid-column: 1; }
    body.theme-leaders .ldq-col { max-width: 68ch; }
}

@media (max-width: 575px) {
    /* 390px: الحشو يقلّ عشان صفر تجاوز أفقي، والشارة تنزل سطر لوحدها. */
    body.theme-leaders .ldq-group { padding: 24px 18px; }
    body.theme-leaders .ldq-item-lead .ldq-q { font-size: 1.13rem; }
    body.theme-leaders .ldq-both { margin-inline-start: 0; margin-top: 6px; display: table; }
}

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

   ليه الشكل ده: "الألواح المتبادلة" هي شخصية القادة في DESIGN-SYSTEMS —
   بس اللوح هنا شايل السؤال نفسه مش عنوان قسم، والإجابة جنبه في عمود
   قراية محدود بـ68 حرف. الزوايا 14px والظل الناعم زي /faq و/about-leaders
   (أحدث صفحات المعهد)، مش الحواف الحادة بتاعة .ldx القديمة.
   ───────────────────────────────────────────────────────────── */
body.theme-leaders .ldih { padding: 10px 0 46px; }
body.theme-leaders .ldih * { box-sizing: border-box; }

/* صف السؤال: لوح ضيّق + عمود قراية. التبادل بـgrid-column مش بـorder
   (نفس درس /faq: الـorder كان بيحطّ عمود القراية في المسار الضيّق). */
body.theme-leaders .ldih-row {
    display: grid;
    grid-template-columns: minmax(0, 330px) minmax(0, 68ch);
    gap: 0;
    margin-bottom: 26px;
    border-radius: 14px;
    overflow: hidden;                       /* عشان اللوح الملوّن يقصّ على الزوايا */
    box-shadow: 0 10px 30px rgba(14, 42, 61, .09);
    background: #fff;
    /* الصف بعرض محتواه مش عرض الصفحة: الأول ملزوق في بداية السطر والتاني
       في نهايته، فالتبادل يبان — وكمان مافيش نص كارت فاضي جنب النثر. */
    width: fit-content;
    max-width: 100%;
}
body.theme-leaders .ldih-row-alt {
    grid-template-columns: minmax(0, 68ch) minmax(0, 330px);
    margin-inline-start: auto;
}
body.theme-leaders .ldih-row > .ldih-q { grid-column: 1; }
body.theme-leaders .ldih-row > .ldih-a { grid-column: 2; }
body.theme-leaders .ldih-row-alt > .ldih-q { grid-column: 2; }
body.theme-leaders .ldih-row-alt > .ldih-a { grid-column: 1; }

/* اللوح المصمت: السؤال جوّاه بحجم عنوان، والخط الأخضر فوقه علامة الموقع. */
body.theme-leaders .ldih-q {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 34px;
    min-width: 0;
}
body.theme-leaders .ldih-q-ink  { background: var(--ld-ink, #0e2a3d); }          /* أبيض عليه 15:1 */
body.theme-leaders .ldih-q-blue { background: var(--site-primary, #29719f); }    /* أبيض عليه 5.3:1 */
body.theme-leaders .ldih-q h2 {
    margin: 0;
    color: #fff;
    font-size: clamp(1.24rem, 2.4vw, 1.55rem);
    font-weight: 700;
    line-height: 1.35;
}
body.theme-leaders .ldih-rule {
    display: block; width: 44px; height: 4px;
    background: var(--site-accent, #80af2e);
    margin-bottom: 16px; flex: 0 0 auto;
}

/* عمود الإجابة: نثر بعرض قراية معقول، مفيش بنود ولا أيقونات. */
body.theme-leaders .ldih-a {
    padding: 32px 36px; min-width: 0;
    display: flex; flex-direction: column; justify-content: center;
}
body.theme-leaders .ldih-a p {
    max-width: 68ch;
    margin: 0 0 14px;
    font-size: 1.03rem;
    line-height: 1.8;
    color: #24313d;                          /* 11:1 على الأبيض */
}
body.theme-leaders .ldih-a p:last-child { margin-bottom: 0; }

/* السؤال الأخير: إجابته إجراء، فشكله شريط كامل العرض مش صف مقسوم —
   وده اللي بيمنع الصفحة من إنها تنتهي بزرار سايب في آخرها. */
body.theme-leaders .ldih-ask {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 320px);
    gap: 30px;
    align-items: center;
    padding: 34px 36px;
    border-radius: 14px;
    background: var(--ld-ink, #0e2a3d);
    border-inline-start: 6px solid var(--site-accent, #80af2e);
    box-shadow: 0 10px 30px rgba(14, 42, 61, .12);
}
body.theme-leaders .ldih-ask h2 {
    margin: 0 0 10px; color: #fff;
    font-size: clamp(1.24rem, 2.4vw, 1.5rem); font-weight: 700; line-height: 1.35;
}
body.theme-leaders .ldih-ask p {
    margin: 0; max-width: 62ch;
    color: #dbe6ee;                          /* 12:1 على الكحلي */
    font-size: 1.02rem; line-height: 1.75;
}
body.theme-leaders .ldih-ask-do { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }

/* الزر: أخضر بحبر داكن (5.4:1). الوقوف بيفضل أخضر أغمق بنص أبيض لأن
   _institute.css بتفرض color:#fff!important على :hover لكل الثيمات —
   فبدل ما نحاربها، اخترنا خلفية أغمق تدّي 5.7:1 مع الأبيض. */
body.theme-leaders .ldih-btn.btn-primary {
    background: var(--site-accent, #80af2e) !important;
    border: 2px solid var(--site-accent, #80af2e) !important;
    color: #12301f !important;
    border-radius: 8px !important;
    font-weight: 700;
    padding: 11px 22px;
    box-shadow: none !important;
    text-decoration: none !important;
}
body.theme-leaders .ldih-ask .ldih-btn.btn-primary:hover,
body.theme-leaders .ldih-ask .ldih-btn.btn-primary:focus {
    background: #4e7015 !important;
    border-color: #4e7015 !important;
    color: #fff !important;
}

/* بديل النموذج: تليفون وإيميل المعهد الحقيقيان (site_phone/site_contact_email). */
body.theme-leaders .ldih-ask-alt {
    display: flex; flex-wrap: wrap; gap: 4px 14px;
    font-size: .92rem !important; line-height: 1.7 !important;
    color: #b9c8d4 !important; margin: 0 !important;
}
body.theme-leaders .ldih-ask-alt a {
    color: #a7d34f;                          /* 8.5:1 على الكحلي */
    text-decoration: none; font-weight: 700; word-break: break-word;
    /* الرقم فيه مسافات، والمسافة محايدة في الـbidi — من غير العزل ده
       بتتقلب مجموعات الأرقام في الصفحة العربية (2512 510 50 971+). */
    direction: ltr;
    unicode-bidi: isolate;
}
body.theme-leaders .ldih-ask-alt a:hover,
body.theme-leaders .ldih-ask-alt a:focus-visible { color: #fff; }

@media (max-width: 991px) {
    /* تحت 992px مفيش متّسع لعمودين: اللوح فوق الإجابة في الصفّين. */
    body.theme-leaders .ldih-row,
    body.theme-leaders .ldih-row-alt,
    body.theme-leaders .ldih-ask { grid-template-columns: minmax(0, 1fr); }
    body.theme-leaders .ldih-row,
    body.theme-leaders .ldih-row-alt { width: auto; margin-inline-start: 0; }
    body.theme-leaders .ldih-row > .ldih-q,
    body.theme-leaders .ldih-row > .ldih-a,
    body.theme-leaders .ldih-row-alt > .ldih-q,
    body.theme-leaders .ldih-row-alt > .ldih-a { grid-column: 1; }
    body.theme-leaders .ldih-row-alt > .ldih-q { grid-row: 1; }   /* السؤال قبل إجابته دايمًا */
    body.theme-leaders .ldih-ask { gap: 22px; }
}
@media (max-width: 575px) {
    /* 390px: الحشو يقلّ عشان صفر تجاوز أفقي، والزر ياخد عرض الشاشة. */
    body.theme-leaders .ldih-q,
    body.theme-leaders .ldih-a,
    body.theme-leaders .ldih-ask { padding: 24px 20px; }
    body.theme-leaders .ldih-btn.btn-primary { width: 100%; text-align: center; }
}

/* ═══ (2026-09-09) /services/public-courses — القادة: نثر ثم جدول ═══
   القديم كان "٣ كروت مزايا + ٣ بنود شروط + زرّين تحت" — نفس الأعداد
   والتسلسل عند الأحد عشر. الجديد مجموعتان بأداة القادة (.ld-cg-h: عنوان
   + عدّاد): مجموعة نثر بلا كروت ولا أيقونات، ومجموعة جدول بستة بنود.
   الأزرار جوّه المجموعة الأولى — الصفحة بتنتهي بالجدول مش بزرار.

   وليه مختلفة عن صفحة الدورات الداخلية بتاعة نفس المعهد: هناك ألواح
   مصمتة وأسئلة وصفر جداول، وهنا ورقة بيضا واحدة ونثر وجدول بيانات.
   ───────────────────────────────────────────────────────────── */
body.theme-leaders .ldpc { padding: 10px 0 46px; }
body.theme-leaders .ldpc * { box-sizing: border-box; }

body.theme-leaders .ldpc-group {
    background: #fff;
    border-radius: 14px;
    box-shadow: 0 10px 30px rgba(14, 42, 61, .09);
    padding: 32px 36px;
    margin-bottom: 26px;
}
body.theme-leaders .ldpc-group:last-child { margin-bottom: 0; }
/* مجموعة النثر بعرض محتواها (عمود قراية) مش عرض الصفحة، ومجموعة الجدول
   كاملة العرض — الفرق في العرض نفسه هو اللي بيفصل الكتلتين عن بعض. */
body.theme-leaders .ldpc-group:not(.ldpc-group-terms) { width: fit-content; max-width: 100%; }
/* المجموعة التانية على أرضية فاتحة بخط أخضر على حافتها الابتدائية: نفس
   فكرة "الألواح المتبادلة" على مستوى المجموعة (زي /faq) من غير كروت. */
body.theme-leaders .ldpc-group-terms {
    background: #f2f7fb;
    border-inline-start: 6px solid var(--site-accent, #80af2e);
}

/* العنوان بأداة الموقع (.ld-cg-h) — بس الجملة هنا سؤال يُقرأ، فالحروف
   الكبيرة والتباعد بيتخفّفوا والحجم بيكبر شوية. */
body.theme-leaders .ldpc-h {
    flex-wrap: wrap;
    letter-spacing: .02em;
    font-size: clamp(1.06rem, 2vw, 1.24rem);
    line-height: 1.45;
    margin-bottom: 20px;
}
body.theme-leaders .ldpc-h > span { min-width: 0; }
body.theme-leaders .ldpc-h em { margin-inline-start: auto; align-self: center; white-space: nowrap; }

body.theme-leaders .ldpc-prose { max-width: 68ch; }
body.theme-leaders .ldpc-prose p {
    margin: 0 0 14px;
    font-size: 1.03rem; line-height: 1.8;
    color: #24313d;                          /* 11:1 على الأبيض */
}
/* صف الإجراء: زر رئيسي واحد + رابط نصي (قاعدة "زر رئيسي واحد في الشاشة"). */
body.theme-leaders .ldpc-do {
    display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px;
    margin: 22px 0 0 !important;
}
body.theme-leaders .ldpc-btn.btn-primary {
    background: var(--site-primary, #29719f) !important;
    border: 2px solid var(--site-primary, #29719f) !important;
    color: #fff !important;                  /* 5.3:1 */
    border-radius: 8px !important;
    font-weight: 700; padding: 11px 22px;
    box-shadow: none !important; text-decoration: none !important;
}
/* الوقوف بيغمق مش بيفتح، عشان _institute.css بتفرض color:#fff!important. */
body.theme-leaders .ldpc-do .ldpc-btn.btn-primary:hover,
body.theme-leaders .ldpc-do .ldpc-btn.btn-primary:focus {
    background: var(--ld-ink, #0e2a3d) !important;
    border-color: var(--ld-ink, #0e2a3d) !important;
    color: #fff !important;
}
body.theme-leaders .ldpc-link {
    color: var(--site-primary, #29719f);     /* 5.3:1 على الأبيض و4.9:1 على #f2f7fb */
    font-weight: 700; text-decoration: none;
    border-bottom: 2px solid var(--site-accent, #80af2e);
}
body.theme-leaders .ldpc-link:hover,
body.theme-leaders .ldpc-link:focus-visible {
    color: var(--ld-ink, #0e2a3d); border-bottom-color: var(--site-primary, #29719f);
}

/* جدول الشروط: رأس كحلي بخط أخضر وصفوف متبادلة — نفس لغة جدول
   /training-courses عند المعهد، عشان الصفحة تبان من نفس الموقع. */
body.theme-leaders .ldpc-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 2px 10px rgba(14, 42, 61, .06);
}
body.theme-leaders .ldpc-table thead th {
    background: var(--ld-ink, #0e2a3d);
    color: #fff;
    font-size: .76rem; font-weight: 700;
    letter-spacing: .08em; text-transform: uppercase;
    text-align: start;
    padding: 12px 18px;
    border-bottom: 3px solid var(--site-accent, #80af2e);
}
body.theme-leaders[dir="rtl"] .ldpc-table thead th { letter-spacing: 0; text-transform: none; font-size: .84rem; }
body.theme-leaders .ldpc-table tbody th,
body.theme-leaders .ldpc-table tbody td {
    padding: 14px 18px;
    text-align: start;
    vertical-align: top;
    border-bottom: 1px solid #dbe4ec;
    line-height: 1.7;
    word-break: break-word;
}
body.theme-leaders .ldpc-table tbody th {
    width: 30%;
    font-weight: 700;
    color: var(--ld-ink, #0e2a3d);           /* 15:1 */
    white-space: normal;
}
body.theme-leaders .ldpc-table tbody td { color: #24313d; font-size: .98rem; }
body.theme-leaders .ldpc-table tbody tr:nth-child(even) th,
body.theme-leaders .ldpc-table tbody tr:nth-child(even) td { background: #f5f9fc; }
body.theme-leaders .ldpc-table tbody tr:last-child th,
body.theme-leaders .ldpc-table tbody tr:last-child td { border-bottom: 0; }

@media (max-width: 767px) {
    /* الجدول بعمودين بيضغط الكلام لحد التجاوز الأفقي على الموبايل، فكل صف
       بيبقى كتلة: البند سطر عنوان والتفصيل تحته. الماركب يفضل جدول (دي
       بيانات فعلاً)، والتغيير عرضي بس — من غير إخفاء ولا أكورديون ولا JS. */
    body.theme-leaders .ldpc-table,
    body.theme-leaders .ldpc-table tbody,
    body.theme-leaders .ldpc-table tbody tr,
    body.theme-leaders .ldpc-table tbody th,
    body.theme-leaders .ldpc-table tbody td { display: block; width: auto; }
    body.theme-leaders .ldpc-table thead {
        position: absolute; width: 1px; height: 1px;
        overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
    }
    body.theme-leaders .ldpc-table tbody tr { border-bottom: 1px solid #dbe4ec; padding: 4px 0; }
    body.theme-leaders .ldpc-table tbody tr:last-child { border-bottom: 0; }
    body.theme-leaders .ldpc-table tbody th { padding: 12px 16px 2px; border-bottom: 0; }
    body.theme-leaders .ldpc-table tbody td { padding: 0 16px 12px; border-bottom: 0; }
    body.theme-leaders .ldpc-table tbody tr:nth-child(even) th,
    body.theme-leaders .ldpc-table tbody tr:nth-child(even) td { background: transparent; }
    body.theme-leaders .ldpc-table tbody tr:nth-child(even) { background: #f5f9fc; }
}
@media (max-width: 575px) {
    /* 390px: حشو أقل وزر بعرض الشاشة — صفر تجاوز أفقي. */
    body.theme-leaders .ldpc-group { padding: 24px 18px; }
    body.theme-leaders .ldpc-btn.btn-primary { width: 100%; text-align: center; }
    body.theme-leaders .ldpc-h em { margin-inline-start: 0; }
}

/* ═══ (2026-09-09) /clients — ليدرز: كتلة القطاعات بمعمار مجموعات ═══════
   الكتلة القديمة (.ldx-clients-grid) كانت ١٠ خانات متساوية بأيقونة ورقم
   لكل واحدة — نفس معمار باقي المعاهد بلون مختلف. اتشالت من الماركب،
   وقواعدها سايبة زي ما هي عشان مش بتتنده من حد تاني.

   الجديد بيركب على أداة التمييز المعتمدة للقادة (.ld-cg-*) بالحرف —
   عناوين مجموعات بعدّاد + أعضاء منسابين في عمودين بخط منقّط — عشان
   /clients تتقري من نفس عيلة /categories و/cities و/faq.
   الأعضاء هنا نص مش روابط (مفيش صفحة قطاع)، فمحتاجين نفس مظهر
   .ld-cg-list a بس على span.
   ───────────────────────────────────────────────────────────────── */
body.theme-leaders .ldc { padding-top: 26px; }

/* عنوان المجموعة قريب من سطر الوصل اللي تحته.
   واللون أغمق من الأزرق الأساسي هنا بس: خلفية القسم رمادية فاتحة
   (#e9ebee) فالأزرق #29719f بينزل لـ4.44:1 — تحت الحد. #1f6088 = 5.7:1. */
body.theme-leaders .ldc-h { margin-bottom: 10px; color: #1f6088; }

/* الوصف مرة واحدة للمجموعة — مش سطر مكرر تحت كل قطاع. */
body.theme-leaders .ldc-lead {
    margin: 0 0 14px;
    max-width: 62ch;
    font-size: .92rem;
    line-height: 1.6;
    color: #55636f; /* على أبيض ≈ 5.2:1 */
}

/* نفس مظهر .ld-cg-list a بالظبط، بس على عنصر نصي مش رابط. */
body.theme-leaders .ldc-list li { margin-bottom: 2px; }
body.theme-leaders .ldc-list li > span {
    display: block;
    padding: 9px 2px;
    color: #24313d;
    font-size: .95rem;
    border-bottom: 1px dotted #cfd8e0;
}

/* الدعوة: سطر واحد بحدّ أخضر جانبي — مش شريط ملوّن بعرض الصفحة. */
body.theme-leaders .ldc-ask {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
    margin: 26px 0 0;
    padding: 14px 18px;
    background: #f4f8fb;
    border-inline-start: 4px solid var(--ldx-green, #80af2e);
    font-size: .98rem;
    font-weight: 600;
    color: #1d2b38;
}
body.theme-leaders .ldc-ask-link {
    color: var(--ldx-blue, #29719f);
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 3px;
}
body.theme-leaders .ldc-ask-link:hover,
body.theme-leaders .ldc-ask-link:focus-visible {
    color: #12301f;
    text-decoration-color: var(--ldx-green, #80af2e);
}

@media (max-width: 575px) {
    /* 390px: حشو أقل — صفر تجاوز أفقي. */
    body.theme-leaders .ldc-ask { padding: 12px 14px; }
}

/* (2026-09-09) زرار "Clear" في الفلتر الجانبي كان بلون #cfdbe4 على أبيض —
   تباين 1.41:1، يعني شبه غير مرئي. بلون الحبر بقى 12:1. */
body.theme-leaders .inst-tc-side-reset { color: var(--ld-ink, #0e2a3d) !important; }
body.theme-leaders .inst-tc-side-reset:hover { color: var(--site-primary, #29719f) !important; }
/* (2026-09-09) قاعدة "زرار الكتيب بعرض اللوحة" في _institute.css مبنية على
   الفلتر العمودي. شريط ليدرز أفقي، فالزرار بياخد عرضه الطبيعي جنب الحقول. */
body.theme-leaders .inst-tc-side #common-filter-box-modal-one .menu-two.purple-color,
body.theme-leaders .inst-tc-side #common-filter-box-modal-one .menu-two.listing-color,
body.theme-leaders .inst-tc-side #common-filter-box-modal-one .menu-two.float-right {
    width: auto !important;
    margin: 0 !important;
    flex: 0 0 auto;
}
/* رأس الشريط: "Filter" و"Clear" كانوا ملزوقين في بعض. */
body.theme-leaders .inst-tc-side-head { gap: 14px; }
/* اللوحة الواحدة بحدّ وزوايا مقصودة للعمود الجانبي؛ الشريط الأفقي عايز
   الحدّ بس من غير قص عشان الحقول ما تتقصّش. */
body.theme-leaders .inst-tc-side { overflow: visible; }
/* الزرار جوّه عمود بوتستراب col-md-12 (عرضه 100%)، وهو نفسه display:flex
   فبيملا العمود. inline-flex بيخليه ياخد عرض محتواه جوّه نفس العمود. */
body.theme-leaders .inst-tc-side #download_brochure_city,
body.theme-leaders .inst-tc-side .menu-two.float-right {
    display: inline-flex !important;
    width: auto !important;
}
body.theme-leaders .inst-tc-side .row.box2 > [class*="col-"] { text-align: start; }
/* قاعدة width:100%!important في _institute.css بتغلب أي width تاني هنا،
   فبنحدّ العرض بـmax-width (بيقصّ الـ100% من غير صراع !important) ونمنع
   العمود الأب من مطّه. */
body.theme-leaders .inst-tc-side #download_brochure_city {
    max-width: max-content;
}
body.theme-leaders .inst-tc-side .row.box2 > [class*="col-"] {
    justify-content: flex-start;
}
/* السبب الحقيقي: العمود الأب flex بالاتجاه العمودي، و align-items:stretch
   بيمطّ الأبناء بالعرض — فلا width ولا max-width بيفرقوا. align-self هو
   اللي بيوقف المطّ. */
body.theme-leaders .inst-tc-side #download_brochure_city,
body.theme-leaders .inst-tc-side .menu-two.float-right { align-self: flex-start; }

/* (2026-09-09) شريط الفلتر الأفقي: القواعد الأولى اتكتبت على ماركب صفحة
   /training-courses (اللي فيها <form>). صفحات العربي/الإنجليزي/الأونلاين
   ماركبها مختلف (.row.box2 > .col-md-12.p-0 من غير form)، فالحقول كانت
   بتترص رأسياً والشريط بيطول لـ818px وياخد نص الصفحة. القواعد دي بتشتغل
   على أي من التركيبتين. */
body.theme-leaders .inst-tc-side .container,
body.theme-leaders .inst-tc-side .row.box2,
body.theme-leaders .inst-tc-side .col-md-12.p-0 {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    width: 100%;
    max-width: none;
    padding: 0;
    margin: 0;
}
body.theme-leaders .inst-tc-side .form-control,
body.theme-leaders .inst-tc-side select {
    flex: 1 1 140px !important;
    width: auto !important;
    min-width: 0;
    height: 36px;
    margin: 0 !important;
}

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

   المعمار هنا مختلف في التلاتة، وكل واحد مبني على أداة من أدوات القادة
   الموجودة أصلاً في الموقع:
     /register      → ورقة أسئلة مرقّمة بعدّاد حقول (أداة العناوين والعدّاد)
     /inhouse       → لوحان متبادلان يمين/شمال (ldx-split الموجودة)
     /course-finder → باحث فوق + دليل تخصصات مجمّع في عائلات (ld-cg-*)
   ═══════════════════════════════════════════════════════════ */

/* ── /register: ورقة الأسئلة ───────────────────────────────── */
body.theme-leaders #register-section.ldr{background:#fff;padding:34px 0 58px}
body.theme-leaders .ldr > .container{max-width:1060px}

body.theme-leaders .ldr-head{margin-bottom:32px}
body.theme-leaders .ldr-rule{display:block;width:44px;height:4px;background:var(--ldx-green,#80af2e);margin-bottom:16px}
body.theme-leaders .ldr-title{font-size:2rem;font-weight:800;line-height:1.2;color:var(--ldx-ink,#0e2a3d);margin:0 0 10px}
body.theme-leaders .ldr-lede{font-size:1rem;line-height:1.7;color:var(--ldx-body,#4a5865);max-width:66ch;margin:0}

/* كل سؤال قسم قائم بذاته، مفصول بخط شعري — مش شريط ملوّن */
body.theme-leaders .ldr-q{padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid var(--ldx-line,#d9e2e9)}
body.theme-leaders .ldr-q-last{border-bottom:0;padding-bottom:0;margin-bottom:0}
body.theme-leaders .ldr-h{display:flex;align-items:center;flex-wrap:wrap;gap:12px 14px;margin:0 0 20px;font-size:1.18rem;font-weight:700;line-height:1.35;color:var(--ldx-ink,#0e2a3d)}
body.theme-leaders .ldr-n{flex:0 0 auto;width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid var(--ldx-green,#80af2e);display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:800;color:var(--ldx-ink,#0e2a3d)}
body.theme-leaders .ldr-qt{flex:1 1 240px;min-width:0}
/* العدّاد: نفس بادج المجموعات في /categories — بيقول كام حقل تحت السؤال */
body.theme-leaders .ldr-c{flex:0 0 auto;font-style:normal;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--ldx-blue,#29719f);color:#fff;border-radius:999px;padding:4px 12px;white-space:nowrap}
body[dir="rtl"].theme-leaders .ldr-c{letter-spacing:0;text-transform:none}
/* الإجابة مزاحة عن الرقم، فالعين تفرّق بين السؤال وجوابه من غير صندوق */
body.theme-leaders .ldr-a{padding-inline-start:54px;min-width:0}

body.theme-leaders .ldr-grid{display:grid;gap:14px 18px;margin-bottom:6px;min-width:0}
body.theme-leaders .ldr-grid-1{grid-template-columns:minmax(0,1fr)}
body.theme-leaders .ldr-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
body.theme-leaders .ldr-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
body.theme-leaders .ldr .form-group{margin-bottom:0;min-width:0;padding:0}
body.theme-leaders .ldr .ldr-grid label,
body.theme-leaders .ldr-lookup-label{display:block;font-size:.82rem;font-weight:700;color:var(--ldx-ink,#0e2a3d);margin:0 0 6px}
body.theme-leaders .ldr .form-control{width:100%}

/* (2026-09-12) لوحة «التسديد الشخصي» (#nav-profile) بتتساب فاضية في الفيو
   و register.js بيملاها بأجاكس بماركب بوتستراب المشترك — من غير .ldr-grid.
   والقاعدة اللي فوق بتصفّر هوامش وحشوة .form-group (لأن .ldr-grid هي اللي
   بتدّي المسافة عادةً)، فاللوحة دي كانت بتطلع مربعات لازقة في بعض:
   0px أفقي و0px رأسي، تلات صفوف × 42px من غير أي فاصل.
   .search-inner-box موجودة في الفيوهات المشتركة بس ومش في فيوهات الثيم،
   فالقاعدة دي بتشتغل على الماركب غير المنسّق لوحده. المقادير هي نفس
   مقادير .ldr-grid عشان اللوحتين يتقروا واحدة: 18px بين الأعمدة
   (9px حشوة على كل ناحية) و14px بين الصفوف. */
body.theme-leaders .ldr .search-inner-box .row{margin-inline:-9px}
body.theme-leaders .ldr .search-inner-box [class*="col-md-"]{padding-inline:9px}
body.theme-leaders .ldr .search-inner-box .form-group{margin-bottom:14px;padding-inline:9px}

body.theme-leaders .ldr-hint{font-size:.88rem;line-height:1.65;color:var(--ldx-body,#4a5865);margin:0 0 16px;max-width:70ch}

/* البحث بالإيميل: الحقل والزرار جنب بعض بـflex — الأصل كان position:absolute
   بـleft/right بتتحسب باللغة، وده اللي بيكسر في العربي */
body.theme-leaders .ldr-lookup{max-width:560px;margin-bottom:16px}
body.theme-leaders .ldr-lookup-row{display:flex;flex-wrap:wrap;gap:8px}
body.theme-leaders .ldr-lookup-row .form-control{flex:1 1 200px;min-width:0;width:auto}
body.theme-leaders .ldr-lookup-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:7px;background:var(--ldx-blue,#29719f)!important;border-color:var(--ldx-blue,#29719f)!important;color:#fff!important;font-weight:700;padding:0 16px;height:42px}
body.theme-leaders .ldr-lookup-btn:hover,
body.theme-leaders .ldr-lookup-btn:focus{background:var(--ldx-ink,#0e2a3d)!important;border-color:var(--ldx-ink,#0e2a3d)!important;color:#fff!important}

/* جدول المواعيد: تكملة إجابة السؤال الأول */
body.theme-leaders .ldr-sub{margin-top:22px}
body.theme-leaders .ldr-subh{font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ldx-blue,#29719f);margin:0 0 10px}
body[dir="rtl"].theme-leaders .ldr-subh{letter-spacing:0;text-transform:none}
body.theme-leaders .ldr #schedule{width:100%;max-width:100%;margin:0;font-size:.9rem;border:1px solid var(--ldx-line,#d9e2e9);padding:0}
body.theme-leaders .ldr #schedule th{background:var(--ldx-ink,#0e2a3d);color:#fff;font-weight:700;padding:9px 12px;border:0}
body.theme-leaders .ldr #schedule td{padding:9px 12px;border-top:1px solid var(--ldx-line,#d9e2e9);color:var(--ldx-body,#4a5865)}

/* السؤال ٢: خيارا الدفع بقوا اختيارين ظاهرين، مش تبويبين على خط */
body.theme-leaders .ldr-choice.nav-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:0;margin:0 0 22px}
body.theme-leaders .ldr-choice .nav-link{display:flex;align-items:center;justify-content:center;gap:9px;margin:0;padding:16px 14px;border:2px solid var(--ldx-line,#d9e2e9);border-radius:10px;background:#fff;color:var(--ldx-ink,#0e2a3d);font-weight:700;text-align:center}
body.theme-leaders .ldr-choice .nav-link.active{border-color:var(--ldx-green,#80af2e);background:#f2f7e7;color:var(--ldx-ink,#0e2a3d)}
body.theme-leaders .ldr-choice .nav-link:hover{border-color:var(--ldx-blue,#29719f);color:var(--ldx-ink,#0e2a3d);text-decoration:none}

/* السؤال ٤: المشاركون في صندوق واحد؛ والصفوف اللي بيضيفها add_participant()
   جاية بماركب bootstrap (.row / .col-md-4)، فبنحوّلها لشبكة عشان الهوامش
   السالبة ما تعملش تمرير أفقي جوه الصندوق */
body.theme-leaders .ldr-people{border:1px solid var(--ldx-line,#d9e2e9);border-radius:10px;padding:18px;background:#fbfcfd}
body.theme-leaders .ldr-personh{font-size:.95rem;font-weight:700;color:var(--ldx-ink,#0e2a3d);margin:0 0 12px}
body.theme-leaders .ldr-people .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:0}
body.theme-leaders .ldr-people .row > *{width:auto;max-width:none;flex:none;padding:0;min-width:0}
body.theme-leaders .ldr-people .row > .col-md-12{grid-column:1/-1}
body.theme-leaders .ldr-people h5{font-size:.95rem;font-weight:700;color:var(--ldx-ink,#0e2a3d);margin:0 0 6px}
body.theme-leaders .ldr-people-btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
body.theme-leaders .ldr-btn-add{display:inline-flex;align-items:center;gap:8px;font-weight:700}

/* السؤال ٥: مكان العمود الجانبي القديم — الموافقات والرسوم والتواصل */
body.theme-leaders .ldr-note{font-size:.86rem;line-height:1.7;color:var(--ldx-body,#4a5865);margin:0 0 16px;max-width:70ch}
body.theme-leaders .ldr-agree{border-inline-start:4px solid var(--ldx-green,#80af2e);padding-inline-start:16px;margin-bottom:18px}
body.theme-leaders .ldr-agree label{display:block;font-weight:400;font-size:.92rem;line-height:1.65;color:#3d4a56;margin:0 0 8px}
body.theme-leaders .ldr-agree label:last-child{margin-bottom:0}
body.theme-leaders .ldr-agree input[type="checkbox"]{margin-inline-end:8px}
body.theme-leaders .ldr-fees{font-size:.86rem;line-height:1.7;color:var(--ldx-body,#4a5865);margin-bottom:20px;max-width:70ch}
body.theme-leaders .ldr-fees p{margin:0 0 6px}
body.theme-leaders .ldr-send{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}
body.theme-leaders .ldr-btn{font-weight:700;padding:12px 24px;background:var(--ldx-blue,#29719f)!important;border-color:var(--ldx-blue,#29719f)!important;color:#fff!important}
body.theme-leaders .ldr-btn:hover,
body.theme-leaders .ldr-btn:focus{background:var(--ldx-ink,#0e2a3d)!important;border-color:var(--ldx-ink,#0e2a3d)!important;color:#fff!important}
/* زر "الدفع لاحقاً" ثانوي: مفرّغ ساكن، ويمتلئ بالحبر عند المرور — القاعدة
   المشتركة بتفرض نص أبيض عند المرور، فالخلفية لازم تبقى داكنة ساعتها */
body.theme-leaders .ldr-btn-alt{background:#fff!important;border-color:var(--ldx-blue,#29719f)!important;color:var(--ldx-blue,#29719f)!important}
body.theme-leaders .ldr-btn-alt:hover,
body.theme-leaders .ldr-btn-alt:focus{background:var(--ldx-ink,#0e2a3d)!important;border-color:var(--ldx-ink,#0e2a3d)!important;color:#fff!important}
body.theme-leaders .ldr-ask{font-size:.9rem;color:var(--ldx-body,#4a5865);margin:0}
body.theme-leaders .ldr-ask a{color:var(--ldx-blue,#29719f);font-weight:700}

@media (max-width:767px){
    body.theme-leaders .ldr-a{padding-inline-start:0}
    body.theme-leaders .ldr-grid-2,
    body.theme-leaders .ldr-grid-3{grid-template-columns:minmax(0,1fr)}
    body.theme-leaders .ldr-people .row{grid-template-columns:minmax(0,1fr)}
    body.theme-leaders .ldr-choice.nav-tabs{grid-template-columns:minmax(0,1fr)}
    body.theme-leaders .ldr-title{font-size:1.5rem}
    body.theme-leaders .ldr-h{font-size:1.05rem;gap:10px}
    body.theme-leaders .ldr-n{width:34px;height:34px;font-size:.85rem}
    body.theme-leaders .ldr-send .btn{width:100%}
}

/* ── /in-house-training-proposal: لوحان متبادلان ──────────── */
body.theme-leaders #register-section.ldp{background:#fff;padding:34px 0 58px}
body.theme-leaders .ldp-head{margin-bottom:28px}
body.theme-leaders .ldp-title{font-size:2rem;font-weight:800;line-height:1.2;color:var(--ldx-ink,#0e2a3d);margin:0}
/* رقم المجموعة كبير على اللوح: هو العدّاد هنا — مجموعتان بس، فمفيش قايمة مرقّمة */
body.theme-leaders .ldp-num{display:block;font-size:2.6rem;font-weight:800;line-height:1;color:var(--ldx-green,#80af2e);margin-bottom:10px}
body.theme-leaders .ldp-panel h2{margin-bottom:8px}
body.theme-leaders .ldp-alt{margin-top:18px;font-size:.88rem;line-height:1.9}
body.theme-leaders .ldp-alt a{display:block;color:#fff;font-weight:700;text-decoration:underline}
body.theme-leaders .ldp-fields{min-width:0}
body.theme-leaders .ldp-grid{display:grid;gap:14px 18px;min-width:0}
body.theme-leaders .ldp-grid + .ldp-grid{margin-top:14px}
body.theme-leaders .ldp-grid-1{grid-template-columns:minmax(0,1fr)}
body.theme-leaders .ldp-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
body.theme-leaders .ldp-span2{grid-column:1/-1}
body.theme-leaders .ldp .form-group{margin-bottom:0;min-width:0;padding:0}
body.theme-leaders .ldp .form-control{width:100%}
body.theme-leaders .ldp-send{margin-top:4px}
body.theme-leaders .ldp-btn{background:var(--ldx-green,#80af2e)!important;border-color:var(--ldx-green,#80af2e)!important;color:#12301f!important;font-weight:700;padding:12px 26px}
body.theme-leaders .ldp-btn:hover,
body.theme-leaders .ldp-btn:focus{background:#fff!important;border-color:#fff!important;color:var(--ldx-ink,#0e2a3d)!important}
@media (max-width:767px){
    body.theme-leaders .ldp-grid-2{grid-template-columns:minmax(0,1fr)}
    body.theme-leaders .ldp-title{font-size:1.5rem}
    body.theme-leaders .ldp-btn{width:100%}
}

/* ── /course-finder: باحث فوق + دليل التخصصات تحته ─────────── */
/* الـid لازم يتغلب عليه بالـid: find-my-course.css بتحط على #fc-banner صورة
   خلفية من هوية المعهد وارتفاع 360px */
body.theme-leaders #fc-banner.ldf-banner{background:var(--ldx-ink,#0e2a3d);min-height:0;height:auto;padding:38px 0 34px;border-bottom:0}
body.theme-leaders .ldf-banner .ldx-rule{margin-bottom:16px}
body.theme-leaders .ldf-h1{font-size:2rem;font-weight:800;line-height:1.2;color:#fff;margin:0 0 10px;padding:0}
body.theme-leaders .ldf-lede{font-size:1rem;line-height:1.7;color:rgba(255,255,255,.85);max-width:70ch;margin:0}
body.theme-leaders .ldf-facts{list-style:none;display:flex;flex-wrap:wrap;gap:10px 26px;margin:18px 0 0;padding:0}
body.theme-leaders .ldf-facts li{font-size:.88rem;color:rgba(255,255,255,.85)}
body.theme-leaders .ldf-facts b{font-size:1.25rem;font-weight:800;color:var(--ldx-green,#80af2e);margin-inline-end:6px}

body.theme-leaders #fc-search.ldf-search{margin-top:-26px;margin-bottom:34px}
body.theme-leaders .ldf-search .search-wrap{border:1px solid var(--ldx-line,#d9e2e9);border-radius:12px;box-shadow:0 10px 24px rgba(14,42,61,.07);padding:22px 24px}
body.theme-leaders .ldf-cardh{font-size:1.1rem;font-weight:700;color:var(--ldx-ink,#0e2a3d);margin:0 0 6px}
body.theme-leaders .ldf-cardp{font-size:.9rem;color:var(--ldx-body,#4a5865)}
body.theme-leaders .ldf-btn{background:var(--ldx-blue,#29719f)!important;border-color:var(--ldx-blue,#29719f)!important;color:#fff!important}
body.theme-leaders .ldf-btn:hover,
body.theme-leaders .ldf-btn:focus{background:var(--ldx-ink,#0e2a3d)!important;border-color:var(--ldx-ink,#0e2a3d)!important;color:#fff!important}
/* لوحة النتايج فاضية قبل أي بحث، فالـ80px فوقها كانت بتفصل الدليل من غير داعي */
body.theme-leaders .ldf-results .search-resultwrap{margin-top:0}

body.theme-leaders .ldf-dir{padding-top:6px;padding-bottom:44px}
body.theme-leaders .ldf-dirh{font-size:1.35rem;font-weight:800;color:var(--ldx-ink,#0e2a3d);margin:0 0 22px;padding-bottom:12px;border-bottom:3px solid var(--ldx-green,#80af2e);display:inline-block}
body.theme-leaders .ldf-dir .ld-cg-h{border-bottom-color:var(--ldx-green,#80af2e);color:var(--ldx-blue,#29719f)}
body.theme-leaders .ldf-dir .ld-cg-h em{background:var(--ldx-blue,#29719f)}
@media (max-width:767px){
    body.theme-leaders #fc-banner.ldf-banner{padding:28px 0 26px}
    body.theme-leaders .ldf-h1{font-size:1.5rem}
    body.theme-leaders #fc-search.ldf-search{margin-top:0}
}

/* ── تصحيحات بعد القياس (2026-09-09) ───────────────────────── */
/* _brand.css بتلوّن #register-section .nav-link بلون الموقع الثاني (أخضر)
   بـ!important، فالنص الأبيض على الأخضر كان تباينه 2.6:1 — أقل من المطلوب.
   الغلبة محتاجة id في المُحدِّد كمان، عشان كده #register-section هنا. */
body.theme-leaders #register-section .ldr-choice .nav-link{background:#fff!important;color:var(--ldx-ink,#0e2a3d)!important;border:2px solid var(--ldx-line,#d9e2e9)!important;border-radius:10px!important;box-shadow:none!important}
body.theme-leaders #register-section .ldr-choice .nav-link.active{background:#f2f7e7!important;color:var(--ldx-ink,#0e2a3d)!important;border-color:var(--ldx-green,#80af2e)!important}
body.theme-leaders #register-section .ldr-choice .nav-link:hover,
body.theme-leaders #register-section .ldr-choice .nav-link:focus{background:#f6f9fb!important;color:var(--ldx-ink,#0e2a3d)!important;border-color:var(--ldx-blue,#29719f)!important}
body.theme-leaders #register-section .ldr-choice .nav-link.active:hover{background:#f2f7e7!important;border-color:var(--ldx-green,#80af2e)!important}

/* لوحة التبويب كانت صندوق أبيض بحشو 50px — والسؤالان ٣ و٤ جوّاها، فكانوا
   بيبانوا كأنهم في كارت تاني جوه الورقة. الورقة كلها سطح واحد. */
body.theme-leaders #register-section #nav-tabContent{background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important}
/* السؤالان المتداخلان: مسافة أقل، ومن غير خط فاصل بعد آخر واحد فيهم */
body.theme-leaders .ldr-a .ldr-q{padding-bottom:26px;margin-bottom:26px}
body.theme-leaders .ldr-a .ldr-q:last-of-type{border-bottom:0;padding-bottom:0;margin-bottom:0}
body.theme-leaders .ldr-a .ldr-a{padding-inline-start:44px}
@media (max-width:767px){body.theme-leaders .ldr-a .ldr-a{padding-inline-start:0}}

body.theme-leaders .ldr-fees a{color:var(--ldx-blue,#29719f);font-weight:700;text-decoration:underline}

/* الحاوية على المعاهد بعرض الشاشة كله (max-width:100%)، فاللوحان كانا
   لازقين في حرفَي الشاشة. سقف عرض هنا عشان سطر النص ما يعدّيش المقروء. */
body.theme-leaders .ldp > .container{max-width:1200px}
/* زر الإرسال أخضر مصمت على الشريط الحبري: .ldx-btn-on-panel.btn-secondary
   (تخصيص أعلى) كانت بتخليه مفرّغ، والزر ده هو الإجراء الرئيسي في الصفحة */
body.theme-leaders .ldp-btn.btn-secondary{background:var(--ldx-green,#80af2e)!important;border-color:var(--ldx-green,#80af2e)!important;color:#12301f!important}
body.theme-leaders .ldp-btn.btn-secondary:hover,
body.theme-leaders .ldp-btn.btn-secondary:focus{background:#fff!important;border-color:#fff!important;color:var(--ldx-ink,#0e2a3d)!important}

/* ── تصحيحات /course-finder بعد القياس (2026-09-09) ────────── */
/* الحاويات على المعاهد بعرض الشاشة كله، فالبانر والدليل كانوا لازقين
   في الحرف. سقف عرض واحد للتلات أقسام عشان يفضلوا على نفس المحور. */
body.theme-leaders .ldf-banner > .container,
body.theme-leaders .ldf-search > .container,
body.theme-leaders .ldf-results > .container,
body.theme-leaders .ldf-dir > .container{max-width:1200px;margin-inline:auto}

/* اللوحة الزرقاء القديمة (تصميم 2026-09-07) بقت تحت بانر حبري، فبقى
   لونين داكنين فوق بعض والنص الرمادي جوّاها مابقاش مقروء. اللوحة بيضا
   دلوقتي وطالعة على البانر، فهي أول حاجة العين تمسكها. */
body.theme-leaders.pg-training-courses #fc-search.ldf-search .search-wrap{background:#fff!important;color:var(--ldx-ink,#0e2a3d)!important;border-top:4px solid var(--ldx-green,#80af2e)}
/* الحقول كانت بلا حدود لأنها كانت بيضا على أزرق — على لوحة بيضا لازم يبان لها إطار */
body.theme-leaders.pg-training-courses #fc-search.ldf-search .form-control,
body.theme-leaders.pg-training-courses #fc-search.ldf-search .chosen-choices,
body.theme-leaders.pg-training-courses #fc-search.ldf-search select{border:1px solid #cfdbe4!important}
/* الزر كان أخضر بنص أبيض (تباين 2.6:1) — بقى بأزرق المعهد (5.3:1) */
body.theme-leaders.pg-training-courses #fc-search.ldf-search .search-btns.ldf-btn{background:var(--ldx-blue,#29719f)!important;border-color:var(--ldx-blue,#29719f)!important;color:#fff!important}
body.theme-leaders.pg-training-courses #fc-search.ldf-search .search-btns.ldf-btn:hover,
body.theme-leaders.pg-training-courses #fc-search.ldf-search .search-btns.ldf-btn:focus{background:var(--ldx-ink,#0e2a3d)!important;border-color:var(--ldx-ink,#0e2a3d)!important;color:#fff!important}

/* حقل الكفاءات (chosen) بياخد عرضه من inline style بـ500px، وfind-my-course.css
   هي اللي كانت بتحطّه على calc(100% - 60px) — بس الصفحة العربية بتحمّل
   ar-find-my-course.css اللي مش موجودة، فالحقل كان بيخرج 148px بره الشاشة
   على 390px. الصف بقى flex هنا، فالعرض بيتحسب من غير ما نعتمد على ملف
   مالوش نسخة عربية، والاتجاه بيتقلب لوحده. */
body.theme-leaders .ldf-search .search-wrap-col-6{display:flex;align-items:center;gap:10px}
body.theme-leaders .ldf-search .chosen-container{width:auto!important;max-width:100%!important;flex:1 1 auto;min-width:0;float:none!important}
body.theme-leaders .ldf-search .chosen-container .chosen-drop{width:100%}
body.theme-leaders .ldf-search .search-btns{width:auto!important;min-width:48px;float:none!important;flex:0 0 auto;margin-top:0!important;padding:0 14px}

/* ═══ (2026-09-09) القادة — تفاصيل المقال (.lda-*) ══════════════
   ليه: التخطيط القديم (لوجو المعهد ← عنوان ← تاريخ ← نص عريض ←
   ريل ٤ كروت يمين) كان واحد عند الـ11 معهد. هنا المعمار نفسه اتغيّر:
   لوح افتتاحي داكن بعرض الشاشة فيه التصنيف والتاريخ فوق العنوان،
   بعده عمود قراءة واحد ضيّق (66ch) من غير أي عمود جانبي، وسؤال
   محرّري بيفتح النص. الكلاسات ملك الثيم (بادئة lda-) فمافيش تعارض.
   ───────────────────────────────────────────────────────────── */
body.theme-leaders .lda-post { display: block; }

/* محور واحد لكل الصفحة: العنوان والنص والمرتبطة على نفس العرض. */
body.theme-leaders .lda-shell {
    max-width: 720px;
    margin-inline: auto;
    padding-inline: 20px;
}

/* اللوح الافتتاحي: لوحة داكنة بعرض الشاشة — من ألواح القادة
   المتبادلة، وبتفصل رأس الصفحة عن الورق الأبيض بتاع القراية. */
body.theme-leaders .lda-open {
    background: var(--ld-ink, #0e2a3d);
    border-bottom: 4px solid var(--site-accent, #80af2e);
    padding: 40px 0 44px;
    margin-bottom: 26px;
}

/* التصنيف والتاريخ فوق العنوان — مش سطر تاريخ يتيم تحته. */
body.theme-leaders .lda-kicker {
    display: flex; align-items: center; gap: 12px;
    margin: 0 0 14px;
    font-size: .78rem; font-weight: 700;
    letter-spacing: .14em; text-transform: uppercase;
    color: var(--site-accent, #80af2e);
}
body.theme-leaders[dir="rtl"] .lda-kicker { letter-spacing: 0; text-transform: none; }
body.theme-leaders .lda-kicker-sep {
    flex: 0 0 26px; height: 2px; background: rgba(255,255,255,.35);
}
body.theme-leaders .lda-kicker-date { color: #dfe8ef; font-weight: 600; letter-spacing: .04em; }

body.theme-leaders .lda-open .lda-title {
    margin: 0;
    color: #fff;
    font-size: 2.05rem;
    line-height: 1.24;
    font-weight: 800;
    /* من غير شريط أخضر جنبه: الحد الأخضر تحت اللوح بيعمل نفس
       الدور، وتكراره جنب العنوان بيبقى تزويق مكرّر. */
}

body.theme-leaders .lda-crumb { margin-bottom: 22px; font-size: .85rem; }
body.theme-leaders .lda-crumb .row { margin: 0; }

/* السؤال المحرّري: بيقف مكان "المقدمة" — بيدّي القارئ سبب يكمّل. */
body.theme-leaders .lda-ask {
    margin: 0 0 20px;
    padding-inline-start: 16px;
    border-inline-start: 5px solid var(--site-accent, #80af2e);
    font-size: 1.28rem; line-height: 1.4; font-weight: 700;
    color: var(--ld-ink, #0e2a3d);
}

/* عرض القراية: 66ch ≈ 70 حرف فعلي. النص جاي من قاعدة البيانات
   زي ما هو — اللي اتغيّر هو العمود اللي بيتقري جوّه بس. */
body.theme-leaders .lda-body {
    max-width: 66ch;
    font-size: 1.02rem;
    line-height: 1.85;
    color: #24313d;
    text-align: start;
}
body.theme-leaders .lda-body p { margin: 0 0 1.15em; }
body.theme-leaders .lda-body h2,
body.theme-leaders .lda-body h3,
body.theme-leaders .lda-body h4 {
    color: var(--ld-ink, #0e2a3d); font-weight: 700;
    margin: 1.7em 0 .55em; line-height: 1.35;
}
body.theme-leaders .lda-body h2 { font-size: 1.32rem; }
body.theme-leaders .lda-body h3 { font-size: 1.14rem; }
body.theme-leaders .lda-body h4 { font-size: 1.02rem; }
body.theme-leaders .lda-body ul,
body.theme-leaders .lda-body ol { padding-inline-start: 22px; margin: 0 0 1.15em; }
body.theme-leaders .lda-body li { margin-bottom: .4em; }
body.theme-leaders .lda-body a { color: var(--site-primary, #29719f); text-decoration: underline; }
body.theme-leaders .lda-body img { max-width: 100%; height: auto; }
body.theme-leaders .lda-body table { max-width: 100%; }

/* المرتبطة: مجموعة واحدة بعدّاد وروابط في عمودين (أداة القادة)،
   من غير كروت ولا صور ولا ريل جانبي. */
body.theme-leaders .lda-more { margin-top: 46px; padding-top: 8px; }
body.theme-leaders .lda-more .ld-cg-h { font-size: .96rem; }
body.theme-leaders .lda-more .ld-cg-list { column-gap: 34px; }
body.theme-leaders .lda-more .ld-cg-list a { line-height: 1.45; }

@media (max-width: 767px) {
    body.theme-leaders .lda-open { padding: 26px 0 28px; margin-bottom: 20px; }
    body.theme-leaders .lda-open .lda-title { font-size: 1.5rem; }
    body.theme-leaders .lda-kicker { flex-wrap: wrap; gap: 8px; font-size: .72rem; }
    body.theme-leaders .lda-ask { font-size: 1.1rem; }
    body.theme-leaders .lda-body { font-size: .98rem; line-height: 1.8; }
    body.theme-leaders .lda-more { margin-top: 34px; }
}

/* ═══ (2026-09-09) القادة — تفاصيل المدونة (.ldb-*) ═════════════
   ليه شكل تاني عن المقال: لو الصفحتين اتبنوا بنفس المعمار يبقى
   المعهد عنده تصميم واحد لصفحتين مختلفتين. هنا مفيش لوح افتتاحي:
   العنوان على ورق أبيض، والتاريخ نزل هامش جانبي لاصق عليه نقطة على
   خط رأسي — نفس الخط الزمني بتاع قائمة /blogs عند القادة — والنص
   جنبه. والمرتبطة تحت على نفس الخط.
   ───────────────────────────────────────────────────────────── */
body.theme-leaders .ldb-post { display: block; padding-top: 26px; }

body.theme-leaders .ldb-shell {
    max-width: 1020px;
    margin-inline: auto;
    padding-inline: 20px;
}

body.theme-leaders .ldb-crumb { margin-bottom: 18px; font-size: .85rem; }
body.theme-leaders .ldb-crumb .row { margin: 0; }

body.theme-leaders .ldb-title {
    margin: 0 0 28px;
    font-size: 1.95rem; line-height: 1.26; font-weight: 800;
    color: var(--ld-ink, #0e2a3d);
    max-width: 30ch;
    /* شريط أخضر تحت العنوان مش جنبه: الجنب محجوز للخط الزمني. */
    padding-bottom: 16px;
    border-bottom: 3px solid var(--site-accent, #80af2e);
}

/* الهامش الجانبي + النص. الخط الرأسي هو حد عمود النص نفسه. */
body.theme-leaders .ldb-grid {
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    align-items: start;
}

body.theme-leaders .ldb-rail {
    position: sticky; top: 110px;
    padding-inline-end: 30px;
    text-align: end;
}
/* النقطة على الخط: بتقع بالظبط على حد عمود النص. */
body.theme-leaders .ldb-rail::after {
    content: ""; position: absolute; top: 7px; inset-inline-end: -8px;
    width: 15px; height: 15px; border-radius: 50%;
    background: var(--site-accent, #80af2e);
    box-shadow: 0 0 0 4px #fff;
}
body.theme-leaders .ldb-stamp { margin: 0; }
body.theme-leaders .ldb-stamp time { display: block; color: var(--ld-ink, #0e2a3d); }
body.theme-leaders .ldb-stamp-d { display: block; font-size: 2.1rem; font-weight: 800; line-height: 1; }
body.theme-leaders .ldb-stamp-m { display: block; font-size: .92rem; font-weight: 700; margin-top: 4px; color: var(--site-primary, #29719f); }
body.theme-leaders .ldb-stamp-y { display: block; font-size: .8rem; color: #6a7887; margin-top: 2px; }

body.theme-leaders .ldb-body {
    border-inline-start: 2px solid #d7e0e8;
    padding-inline-start: 34px;
    max-width: 66ch;
    font-size: 1.02rem;
    line-height: 1.85;
    color: #24313d;
    text-align: start;
}
body.theme-leaders .ldb-body p { margin: 0 0 1.15em; }
body.theme-leaders .ldb-body h2,
body.theme-leaders .ldb-body h3,
body.theme-leaders .ldb-body h4 {
    color: var(--ld-ink, #0e2a3d); font-weight: 700;
    margin: 1.7em 0 .55em; line-height: 1.35;
}
body.theme-leaders .ldb-body h2 { font-size: 1.3rem; }
body.theme-leaders .ldb-body h3 { font-size: 1.12rem; }
body.theme-leaders .ldb-body h4 { font-size: 1.01rem; }
body.theme-leaders .ldb-body ul,
body.theme-leaders .ldb-body ol { padding-inline-start: 22px; margin: 0 0 1.15em; }
body.theme-leaders .ldb-body li { margin-bottom: .4em; }
body.theme-leaders .ldb-body a { color: var(--site-primary, #29719f); text-decoration: underline; }
body.theme-leaders .ldb-body img { max-width: 100%; height: auto; }

/* المرتبطة: مجموعة واحدة تحت، صفوفها على نفس الخط الزمني. */
body.theme-leaders .ldb-more { margin-top: 48px; }
body.theme-leaders .ldb-more-h {
    margin: 0 0 6px;
    font-size: .96rem; font-weight: 800;
    letter-spacing: .1em; text-transform: uppercase;
    color: var(--site-primary, #29719f);
}
body.theme-leaders[dir="rtl"] .ldb-more-h { letter-spacing: 0; text-transform: none; }

body.theme-leaders .ldb-more-list { list-style: none; margin: 0; padding: 0; }
body.theme-leaders .ldb-more-item {
    position: relative;
    display: grid;
    grid-template-columns: 132px minmax(0, 1fr);
    align-items: start;
    padding: 18px 0;
}
body.theme-leaders .ldb-more-date {
    padding-inline-end: 30px; text-align: end;
    font-size: .82rem; font-weight: 700; color: #67737f;
    padding-top: 3px;
}
body.theme-leaders .ldb-more-item::after {
    content: ""; position: absolute; top: 24px;
    inset-inline-start: 125px;
    width: 11px; height: 11px; border-radius: 50%;
    background: #fff; border: 2px solid var(--site-primary, #29719f);
    box-shadow: 0 0 0 3px #fff;
    transition: background .18s, border-color .18s;
}
body.theme-leaders .ldb-more-item:hover::after {
    background: var(--site-accent, #80af2e); border-color: var(--site-accent, #80af2e);
}
body.theme-leaders .ldb-more-link {
    border-inline-start: 2px solid #d7e0e8;
    padding-inline-start: 34px;
    display: block; text-decoration: none; color: inherit;
    padding-block: 2px 12px;
}
body.theme-leaders .ldb-more-title {
    display: block; font-size: 1.02rem; font-weight: 700; line-height: 1.4;
    color: var(--ld-ink, #0e2a3d);
}
body.theme-leaders .ldb-more-link:hover .ldb-more-title,
body.theme-leaders .ldb-more-link:focus-visible .ldb-more-title { color: var(--site-primary, #29719f); }
body.theme-leaders .ldb-more-desc {
    display: block; margin-top: 5px;
    font-size: .88rem; line-height: 1.65; color: #55626c;
    max-width: 70ch;
}

@media (max-width: 767px) {
    body.theme-leaders .ldb-post { padding-top: 18px; }
    body.theme-leaders .ldb-title { font-size: 1.45rem; max-width: none; margin-bottom: 20px; }
    body.theme-leaders .ldb-grid,
    body.theme-leaders .ldb-more-item { grid-template-columns: minmax(0, 1fr); }
    /* على الموبايل الهامش بيتحوّل لسطر فوق النص: عمود 132px كان
       هياكل نص الصفحة، والخط الرأسي مالوش لازمة في عمود واحد. */
    body.theme-leaders .ldb-rail {
        position: static; padding-inline-end: 0; text-align: start;
        margin-bottom: 14px;
    }
    body.theme-leaders .ldb-rail::after { display: none; }
    body.theme-leaders .ldb-stamp time { display: flex; align-items: baseline; gap: 8px; }
    body.theme-leaders .ldb-stamp-d { font-size: 1.3rem; }
    body.theme-leaders .ldb-stamp-m,
    body.theme-leaders .ldb-stamp-y { margin-top: 0; }
    body.theme-leaders .ldb-body,
    body.theme-leaders .ldb-more-link {
        border-inline-start: 0; padding-inline-start: 0; max-width: none;
    }
    body.theme-leaders .ldb-body { font-size: .98rem; line-height: 1.8; }
    body.theme-leaders .ldb-more-item::after { display: none; }
    body.theme-leaders .ldb-more-item { padding: 14px 0; border-bottom: 1px solid #eaeff3; }
    body.theme-leaders .ldb-more-date { padding-inline-end: 0; text-align: start; margin-bottom: 5px; display: block; }
}

/* ── (2026-09-09) تصحيحات تباين بعد القياس على صفحتَي المقال والمدونة ──
   خلفية الصفحة عند القادة رمادية (#e9ebee) مش بيضا، فألوان الرمادي
   والأزرق الافتراضية بتنزل تحت 4.5:1 عليها:
     #7d8b97 → 2.9:1 · #6a7887 → 3.8:1 · #67737f → 4.2:1 · #29719f → 4.5:1 بالظبط
   الأرقام دي محسوبة على نفس الخلفية، والبدائل هنا كلها فوق 5:1.
   أزرق أغمق (#1f5d85) بدل --site-primary في النصوص الصغيرة فقط —
   اللون الأساسي فاضل زي ما هو في الخلفيات والحدود. */
body.theme-leaders { --ld-blue-text: #1f5d85; --ld-mute: #55626c; }

/* المقال: سطر المقتطف تحت كل رابط مرتبط — محتوى بيتقري، مش زخرفة. */
body.theme-leaders .lda-more .ld-cg-sub { color: #4a5661; font-size: .8rem; line-height: 1.55; }
body.theme-leaders .lda-more .ld-cg-h { color: var(--ld-blue-text, #1f5d85); }
body.theme-leaders .lda-more .ld-cg-h em { background: var(--ld-blue-text, #1f5d85); }
body.theme-leaders .lda-body a { color: var(--ld-blue-text, #1f5d85); }

/* المدونة: التاريخ في الهامش وسطور المرتبطة. */
body.theme-leaders .ldb-stamp-m { color: var(--ld-blue-text, #1f5d85); }
body.theme-leaders .ldb-stamp-y { color: var(--ld-mute, #55626c); }
body.theme-leaders .ldb-more-h { color: var(--ld-blue-text, #1f5d85); }
body.theme-leaders .ldb-more-date { color: var(--ld-mute, #55626c); }
body.theme-leaders .ldb-more-link:hover .ldb-more-title,
body.theme-leaders .ldb-more-link:focus-visible .ldb-more-title { color: var(--ld-blue-text, #1f5d85); }
body.theme-leaders .ldb-body a { color: var(--ld-blue-text, #1f5d85); }

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

/* نافذة القادة: رأس على لوح كحلي، حقول صناديق مستديرة، والزرار
   أخضر مستدير على اليمين مش بعرض النافذة. */
body.theme-leaders .modal-content{border:0;border-radius:12px;overflow:hidden}
body.theme-leaders .modal-header{background:#0e2a3d;border:0;padding:16px 22px}
body.theme-leaders .modal-title{color:#fff;font-weight:700;font-size:1.06rem}
body.theme-leaders .modal-header .close svg{fill:#fff}
body.theme-leaders .modal-content > p{padding:14px 22px 0;color:#5b6b75;font-size:.88rem}
body.theme-leaders .modal-body .form-control{border:1px solid #d7dee4!important;border-radius:8px!important}
body.theme-leaders .modal-body .form-control:focus{border-color:#29719f!important;box-shadow:none!important}
body.theme-leaders .modal-body .btn-primary{
    border-radius:24px!important;background:#80af2e!important;border-color:#80af2e!important;
    display:block;width:auto!important;margin-inline-start:auto;padding-inline:32px!important}

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

/* القادة — تجميع موضوعي: عنوان البند على شريط كحلي ممتد، ومسافات
   واسعة بين الأقسام، وعمود واحد. */
body.theme-leaders.pg-policy-page .common-listing-section-wrap .box4 h5{
    background:#0e2a3d;color:#fff;margin:38px 0 14px;padding:10px 16px;
    border-inline-start:5px solid #80af2e;font-size:.98rem}
body.theme-leaders.pg-policy-page .common-listing-section-wrap .box4 p{line-height:1.9;max-width:none}

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

/* القادة — تجميع موضوعي: عنوان المجموعة على شريط كحلي ممتد،
   وعمودين واسعين بمسافات مريحة. */
body.theme-leaders.page-sitemap h5.no-margin{
    background:#0e2a3d;color:#fff;margin:30px 0 12px;padding:9px 16px;
    border-inline-start:5px solid #80af2e;font-size:.95rem}
body.theme-leaders.page-sitemap .sitemap-list{column-count:2;column-gap:48px}
body.theme-leaders.page-sitemap .sitemap-list li{padding:6px 0}

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

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

/* القادة — تجميع متدرّج: عمودان بارتفاعين مختلفين زي سلّم. */
body.theme-leaders h2:not([class]),
body.theme-leaders h2.inst-logos-h{display:flex;align-items:flex-end;gap:12px}
body.theme-leaders h2:not([class])::before,
body.theme-leaders h2.inst-logos-h::before{
    content:"";flex:0 0 auto;width:14px;height:.95em;
    background:linear-gradient(to right,#29719f 0 5px,transparent 5px 8px,#80af2e 8px 14px);
    clip-path:polygon(0 40%,5px 40%,5px 100%,0 100%,0 40%,8px 0,14px 0,14px 100%,8px 100%)}

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

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

/* القادة — تجميع: الصفوف بقت كروت عريضة اتنين في الصف، وكل كرت
   شريط أخضر على جنبه، فما بقتش نفس قائمة جلوبال. */
/* الشبكة بتتحدّد بمحدّد فيه id (#category_course_list / #course_list)
   فلازم نفس التخصيص هنا، وإلا القاعدة القديمة بتغلب. */
body.theme-leaders.pg-training-courses #category_course_list,
body.theme-leaders.pg-training-courses #course_list{
    display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:16px}
body.theme-leaders.pg-training-courses .courselist-style-inside .courselisting{
    display:grid!important;grid-template-columns:1fr auto;align-items:center;
    gap:4px 18px;border:0!important;border-inline-start:5px solid #80af2e!important;
    border-radius:0 10px 10px 0!important;background:#fff!important;
    box-shadow:0 2px 10px rgba(14,42,61,.07)!important;padding:14px 18px!important;height:100%}
body.theme-leaders.pg-training-courses .courselist-style-inside .courselisting .course-image{display:none!important}
body.theme-leaders.pg-training-courses .courselist-style-inside .courselisting .course-title{grid-column:1;margin:0;font-size:.95rem}
body.theme-leaders.pg-training-courses .courselist-style-inside .courselisting .course-date,
body.theme-leaders.pg-training-courses .courselist-style-inside .courselisting .course-language,
body.theme-leaders.pg-training-courses .courselist-style-inside .courselisting .course-location,
body.theme-leaders.pg-training-courses .courselist-style-inside .courselisting .course-time{
    grid-column:1;display:inline-block;margin-inline-end:16px;font-size:.78rem}
body.theme-leaders.pg-training-courses .courselist-style-inside .courselisting > form{grid-column:2;grid-row:1/-1;margin:0}
body.theme-leaders.pg-training-courses .courselist-style-inside .courselisting .space5,
body.theme-leaders.pg-training-courses .courselist-style-inside .courselisting .space15{display:none}

/* في بعض الثيمات فيه قاعدة أخصّ فيها .inst-tc كمان، فلازم نسخة
   بنفس التخصيص وإلا بتغلب. */
body.theme-leaders.pg-training-courses .inst-tc #category_course_list,
body.theme-leaders.pg-training-courses .inst-tc #course_list{
    display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:16px}

/* ─────────────────────────────
   (2026-09-10) صف الأزرار وكتلة التواصل كانوا جنب بعض في شبكة
   757px + 631px، فالأزرار اتزنقت واضطرّت تصغّر خطها عشان تعدّي.
   واحدة فوق التانية: كل واحدة بعرض الصفحة كامل.
   ───────────────────────────── */
body.theme-leaders .ld-next-foot{
    grid-template-columns:1fr!important;
    gap:14px;
}
body.theme-leaders .ld-next-foot .ld-next-cra{justify-self:stretch}
/* بعرض كامل مفيش داعي لتصغير الخط */
body.theme-leaders .custom-outline-box .btn{
    font-size:.8rem!important;padding-inline:16px!important;
}
/* (2026-09-10) الصفّين في المنتصف: زرار التسجيل بيرجع مع المجموعة بدل
   ما يتدفع لآخر السطر، وكتلة التواصل بتاخد عرض محتواها في النص. */
body.theme-leaders .custom-outline-box{justify-content:center}
body.theme-leaders .custom-outline-box > .pull-right{margin-inline-start:0!important}
body.theme-leaders .ld-next-foot .ld-next-cra{justify-self:center}
body.theme-leaders .ld-next-foot .inst-cra{margin-inline:auto}

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

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

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

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

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

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

   المراجعة الشاملة طلّعت إن الصفحة دي هي الوحيدة اللي لسه بنفس
   التخطيط بالحرف في الـ11 موقع — نفس الكرت ونفس ترتيب البيانات،
   والفرق لون الزرار والحدّ بس. كل موقع بياخد أداته.
   ───────────────────────────── */
/* القادة — حدّ أخضر على جنب الكرت ورأس السنة شريط كحلي. */
body.theme-leaders.pg-search-page .courselisting{
    background:#fff!important;border:1px solid #dde5eb!important;border-radius:8px!important;
    border-inline-start:5px solid #80af2e!important;box-shadow:none!important;
    padding:18px 22px!important;margin-bottom:20px}
body.theme-leaders.pg-search-page .course-title h6 a{color:#0e2a3d!important;font-weight:700}
body.theme-leaders.pg-search-page .custom-head-additional{
    background:#0e2a3d!important;color:#fff!important;border-radius:6px!important;
    border-inline-start:5px solid #80af2e!important}
body.theme-leaders.pg-search-page .course-details-wrap{
    background:#f4f8fb!important;border-radius:6px!important}


/* (2026-09-11) سهم الرجوع لفوق: كان نفس الزرار في الـ11 موقع (مربع 31px
   بأيقونة دايرة). كل موقع بقى له شكله؛ السهم مرسوم بـCSS بدل الأيقونة. */
body.theme-leaders #back-to-top{box-sizing:border-box;padding:0;overflow:visible}
body.theme-leaders #back-to-top i{display:none}
body.theme-leaders #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-leaders #back-to-top{width:42px;height:46px;border:0!important;border-radius:3px!important;
    border-bottom:4px solid var(--site-accent,#0096d4)!important;
    background:var(--site-primary,#1f3a88)!important;color:#fff}

/* ─────────────────────────────
   (2026-09-11) البنر: بطاقة طايفة فوق السلايدر — اختيار صريح
   كان عمودين (سلايدر 646 | لوح أزرق 550). بقى: السلايدر بنسبة صوره
   الأصلية 1366×801 (الكلام والزرار محروقين جوّه الصورة — أي قص بياكلهم)
   لحد 960px، والدورات القادمة بطاقة بيضا 360px طايفة على حرفه اليمين،
   راكبة عليه ~60px ومرفوعة لفوق عشان ما تغطّيش زرار الشريحة اللي تحت.
   ───────────────────────────── */
body.theme-leaders .ld-hero-body{display:block}
body.theme-leaders .ld-hero-stage{
    --ld-slide-w:min(calc(100% - 300px),960px);
    position:relative;width:calc(var(--ld-slide-w) + 300px);max-width:100%;margin-inline:auto}
body.theme-leaders .ld-hero-stage > .ld-hero-copy{width:var(--ld-slide-w);gap:18px}
body.theme-leaders .ld-hero-stage .inst-slides-frame{aspect-ratio:1366/801;height:auto!important;align-self:auto}
body.theme-leaders .ld-hero-stage .inst-slide,
body.theme-leaders .ld-hero-stage .inst-slide img{height:100%}

body.theme-leaders .ld-hero-stage > .ld-board{
    --link-hover-ink:var(--site-primary,#29719f);
    position:absolute;z-index:3;top:44px;inset-inline-start:calc(var(--ld-slide-w) - 60px);width:360px;
    background:#fff;color:var(--ld-ink,#12324a);border-radius:14px;
    border-top:5px solid var(--site-accent,#80af2e);padding:24px 26px 20px;
    box-shadow:0 26px 60px rgba(18,50,74,.28)}
body.theme-leaders .ld-hero-stage .ld-board-title{color:var(--site-primary,#29719f)}
body.theme-leaders .ld-hero-stage .ld-board-list li{border-bottom:2px solid #eef2f5}
body.theme-leaders .ld-hero-stage .ld-board-list li:last-child{border-bottom:0}
body.theme-leaders .ld-hero-stage .ld-board-list a{color:var(--ld-ink,#12324a);padding:12px 0}
body.theme-leaders .ld-hero-stage .ld-board-date b{color:var(--site-primary,#29719f)}
body.theme-leaders .ld-hero-stage .ld-board-name{font-size:.92rem;color:var(--ld-ink,#12324a)}
body.theme-leaders .ld-hero-stage .ld-board-city{color:#6b7f8e}
body.theme-leaders .ld-hero-stage .ld-board-list a:hover .ld-board-name{color:var(--site-primary,#29719f)!important}
body.theme-leaders .ld-hero-stage .ld-board-all{color:var(--site-primary,#29719f)}
body.theme-leaders .ld-hero-stage .ld-board-all:hover{color:var(--ld-ink,#12324a)!important}

@media (max-width:991px){
    body.theme-leaders .ld-hero-stage{width:100%}
    body.theme-leaders .ld-hero-stage > .ld-hero-copy{width:100%}
    body.theme-leaders .ld-hero-stage > .ld-board{position:relative;top:auto;inset-inline-start:auto;
        width:auto;margin:-34px 16px 0}
}
/* (2026-09-11) طلب صريح: الكلام اللي فوق البنر يتشال من العين. العنوان h1
   الوحيد في الصفحة، فبيستخبى بصريًا بس (نفس أسلوب .inst-sr) — جوجل
   وقارئ الشاشة لسه شايفينه. */
body.theme-leaders .ld-hero-body > .inst-h1,
body.theme-leaders .ld-hero-body > .inst-lede{
    position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;
    overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
/* (2026-09-11) تصحيح بعد الصور + طلب صريح (البنر أقصر شوية):
   - زراير الشرائح (View More / Register Now) محروقة في الصورة وبتقف قبل حرفها
     اليمين بـ4.8% من العرض (~44px على 914). البطاقة كانت راكبة 60px فغطّت
     طرف الزرار؛ بقت 24px — بعيد عنه في الشرائح الأربعة (فوق وتحت).
   - السلايدر لحد 820px بدل 960 ⇒ ارتفاعه ~481 بدل 536، بنفس نسبة الصورة. */
body.theme-leaders .ld-hero-stage{--ld-slide-w:min(calc(100% - 336px),820px);width:calc(var(--ld-slide-w) + 336px)}
body.theme-leaders .ld-hero-stage > .ld-board{inset-inline-start:calc(var(--ld-slide-w) - 24px);top:36px}
@media (max-width:991px){
    body.theme-leaders .ld-hero-stage{width:100%}
    body.theme-leaders .ld-hero-stage > .ld-board{inset-inline-start:auto;margin-top:-14px}
}

/* ── شريط البحث تحت البنر (طلب صريح: يتحسّن شكله) ──
   الحقل كبسولة 56px بظل خفيف والعدسة في دايرة، والزرار كبسولة
   بسهم، و"البحث المتقدم" زرار محدّد بأيقونة بدل رابط بخط تحته. */
body.theme-leaders .ld-searchbar{padding:18px 0;
    background:linear-gradient(90deg,var(--site-primary,#29719f) 0%,#1f5d85 100%);
    box-shadow:0 6px 18px rgba(18,50,74,.18)}
body.theme-leaders .ld-searchbar-inner{gap:14px}
body.theme-leaders .ld-searchbar form{
    height:56px;padding:0 6px 0 8px;border-radius:999px;background:#fff;
    box-shadow:0 8px 22px rgba(0,0,0,.14);gap:6px}
body.theme-leaders[dir="rtl"] .ld-searchbar form{padding:0 8px 0 6px}
body.theme-leaders .ld-searchbar form i{
    flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;
    background:#eef4f8;color:var(--site-primary,#29719f);font-size:1rem}
body.theme-leaders .ld-searchbar input{padding:0 10px;font-size:1rem;height:100%}
body.theme-leaders .ld-searchbar input::placeholder{color:#8a9aa6}
body.theme-leaders .ld-searchbar button{
    display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 24px;border-radius:999px;
    background:var(--site-accent,#80af2e);color:#fff;font-weight:700;white-space:nowrap;
    transition:background .15s,transform .15s}
body.theme-leaders .ld-searchbar button::after{content:'\2192';font-size:1.05rem;line-height:1}
body.theme-leaders[dir="rtl"] .ld-searchbar button::after{content:'\2190'}
body.theme-leaders .ld-searchbar button:hover{filter:none;background:#6f9a25;transform:translateY(-1px)}
body.theme-leaders .ld-searchbar-advanced{
    display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:999px;
    border:2px solid rgba(255,255,255,.7);color:#fff!important;text-decoration:none!important;font-weight:700;font-size:.9rem;
    transition:background .15s,color .15s}
body.theme-leaders .ld-searchbar-advanced::before{content:'';width:16px;height:12px;flex:0 0 auto;
    background:linear-gradient(currentColor 0 0) 0 0/100% 2px no-repeat,linear-gradient(currentColor 0 0) 0 5px/70% 2px no-repeat,linear-gradient(currentColor 0 0) 0 10px/40% 2px no-repeat}
body.theme-leaders .ld-searchbar-advanced:hover{background:#fff;color:var(--site-primary,#29719f)!important}
@media (max-width:991px){
    body.theme-leaders .ld-searchbar form{height:52px}
    body.theme-leaders .ld-searchbar button{padding:0 16px}
    body.theme-leaders .ld-searchbar-advanced{align-self:center}
}
@media (max-width:480px){
    body.theme-leaders .ld-searchbar button{font-size:0;padding:0 14px}
    body.theme-leaders .ld-searchbar button::after{font-size:1.2rem}
}

/* ═════════════════════════════════════════════════════════════
   (2026-09-11) البنر على طريقة aztechtraining.com — طلب صريح
   صورة ناس بعرض الصفحة متعتّمة، عنوان أبيض كبير في النص، زرارين،
   و"موثوق من…" بصف شعارات بيضا في قاع نفس اللوح. تحته شريط بلون
   المعهد (الأخضر مكان أصفر المرجع) فيه كبسولة بحث: نص | قسم | مكان | زرار.
   ═════════════════════════════════════════════════════════════ */
body.theme-leaders .ld-hero.ld-az{position:relative;overflow:hidden;padding:0;border-bottom:0;
    background:#0d2438;color:#fff;isolation:isolate}
body.theme-leaders .ld-az-bg{position:absolute;inset:0;z-index:-2}
body.theme-leaders .ld-az-bg img{width:100%;height:100%;object-fit:cover;object-position:center 42%;
    filter:blur(2px) saturate(.8);transform:scale(1.04)}
body.theme-leaders .ld-az::before{content:'';position:absolute;inset:0;z-index:-1;
    background:linear-gradient(180deg,rgba(10,24,38,.78) 0%,rgba(10,24,38,.72) 55%,rgba(10,24,38,.9) 100%)}

body.theme-leaders .ld-az-body{display:flex;flex-direction:column;align-items:center;text-align:center;
    padding:88px 15px 0}
body.theme-leaders .ld-az-copy{max-width:900px}
body.theme-leaders .ld-az-title{margin:0 0 16px;color:#fff;font-size:clamp(2rem,4.2vw,3.2rem);
    line-height:1.15;font-weight:800;letter-spacing:-.01em}
body.theme-leaders .ld-az-lede{margin:0 auto 34px;max-width:60ch;color:rgba(255,255,255,.85);font-size:1.15rem}
body.theme-leaders .ld-az-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
body.theme-leaders .ld-az-btn{display:inline-flex;align-items:center;gap:10px;height:54px;padding:0 30px;
    border-radius:10px;font-weight:700;font-size:1.02rem;text-decoration:none!important;transition:transform .15s,background .15s,color .15s}
body.theme-leaders .ld-az-btn--solid{background:var(--site-accent,#80af2e);color:#fff!important;
    box-shadow:0 10px 24px rgba(128,175,46,.35)}
body.theme-leaders .ld-az-btn--solid:hover{background:#6f9a25;transform:translateY(-2px)}
body.theme-leaders .ld-az-btn--ghost{background:rgba(10,24,38,.55);color:#fff!important;
    border:2px solid rgba(255,255,255,.55)}
body.theme-leaders .ld-az-btn--ghost i{color:var(--site-accent,#80af2e)}
body.theme-leaders .ld-az-btn--ghost:hover{background:#fff;color:#0d2438!important;transform:translateY(-2px)}

body.theme-leaders .ld-az-trust{width:100%;margin-top:78px;padding:26px 0 30px;border-top:2px solid rgba(255,255,255,.12)}
body.theme-leaders .ld-az-trust-title{margin:0 0 18px;color:rgba(255,255,255,.8);font-weight:700;font-size:.95rem}
body.theme-leaders .ld-az-logos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;
    justify-content:space-around;align-items:center;gap:22px 34px}
body.theme-leaders .ld-az-logos img{height:40px;width:auto;max-width:130px;object-fit:contain;
    filter:brightness(0) invert(1);opacity:.85}

/* ── شريط البحث ── */
body.theme-leaders .ld-searchbar.ld-az-search{background:var(--site-accent,#80af2e);padding:26px 0;box-shadow:none}
body.theme-leaders .ld-az-form{display:flex;align-items:stretch;height:62px;padding:7px;gap:0;
    background:#fff;border-radius:14px;box-shadow:0 14px 30px rgba(13,36,56,.18)}
body.theme-leaders .ld-az-field{display:flex;align-items:center;gap:10px;margin:0;padding:0 16px;min-width:0;
    border-inline-start:2px solid #e8eef2;cursor:text}
body.theme-leaders .ld-az-field:first-child{border-inline-start:0}
body.theme-leaders .ld-az-field--text{flex:1.6 1 0}
body.theme-leaders .ld-az-field:not(.ld-az-field--text){flex:1 1 0;cursor:pointer}
body.theme-leaders .ld-az-field i{color:#8a9aa6;font-size:1rem;flex:0 0 auto}
body.theme-leaders .ld-az-field input,
body.theme-leaders .ld-az-field select{flex:1;min-width:0;height:100%;border:0;background:transparent;
    color:var(--ld-ink,#12324a);font-size:.98rem;padding:0;outline:none;appearance:auto}
body.theme-leaders .ld-az-field input::placeholder{color:#8a9aa6}
body.theme-leaders .ld-az-go{flex:0 0 62px;border:0;border-radius:10px;background:#0d2438;color:#fff;
    font-size:1.15rem;display:grid;place-items:center;transition:background .15s}
body.theme-leaders .ld-az-go:hover{background:var(--site-primary,#29719f)}

@media (max-width:991px){
    body.theme-leaders .ld-az-body{padding-top:60px}
    body.theme-leaders .ld-az-trust{margin-top:52px}
    body.theme-leaders .ld-az-logos{justify-content:center}
    body.theme-leaders .ld-az-form{height:auto;flex-wrap:wrap;gap:6px;padding:8px}
    body.theme-leaders .ld-az-field{flex:1 1 100%!important;height:50px;border-inline-start:0;
        border-radius:10px;background:#f3f7fa}
    body.theme-leaders .ld-az-go{flex:1 1 100%;height:50px}
}
@media (max-width:575px){
    body.theme-leaders .ld-az-btn{height:50px;padding:0 22px;font-size:.95rem}
    body.theme-leaders .ld-az-logos img{height:30px;max-width:96px}
}
/* (2026-09-11) تصحيح بعد الصور — قواعد ليدرز القديمة كانت بتكسب بتخصيص أعلى:
   .ld-hero h1 / .ld-hero p (لون كحلي على خلفية غامقة)، و.ld-searchbar form/button
   (ارتفاع ثابت 56/52 بيمنع الترصيص على الموبايل + زرار كبسولة بسهم قديم).
   والشعارات اللي خلفيتها بيضا مصمتة كانت بتبقى مستطيل أبيض مع invert —
   بقت كل واحدة في مربّع أبيض صغير رمادية، وبتتلوّن عند الوقوف. */
body.theme-leaders .ld-hero.ld-az h1.ld-az-title{color:#fff;margin:0 0 16px}
body.theme-leaders .ld-hero.ld-az p.ld-az-lede{color:rgba(255,255,255,.86);margin:0 auto 34px;max-width:60ch}
body.theme-leaders .ld-hero.ld-az p.ld-az-trust-title{color:rgba(255,255,255,.82);margin:0 0 18px;max-width:none}

body.theme-leaders .ld-hero.ld-az .ld-az-logos li{display:grid;place-items:center;width:132px;height:60px;
    padding:8px 12px;border-radius:10px;background:rgba(255,255,255,.94)}
body.theme-leaders .ld-hero.ld-az .ld-az-logos img{height:100%;width:100%;max-width:none;object-fit:contain;
    filter:grayscale(1) contrast(1.05);opacity:.85;transition:filter .2s,opacity .2s}
body.theme-leaders .ld-hero.ld-az .ld-az-logos li:hover img{filter:none;opacity:1}

body.theme-leaders .ld-searchbar.ld-az-search form.ld-az-form{height:62px;padding:7px;gap:0;
    border-radius:14px;background:#fff;box-shadow:0 14px 30px rgba(13,36,56,.18)}
body.theme-leaders .ld-searchbar.ld-az-search .ld-az-field i{width:auto;height:auto;flex:0 0 auto;
    display:inline;background:none;border-radius:0;color:#8a9aa6;font-size:1rem}
body.theme-leaders .ld-searchbar.ld-az-search button.ld-az-go{flex:0 0 62px;height:auto;padding:0;gap:0;
    border-radius:10px;background:#0d2438;color:#fff;font-size:1.15rem;display:grid;place-items:center;transform:none}
body.theme-leaders .ld-searchbar.ld-az-search button.ld-az-go::after{content:none}
body.theme-leaders .ld-searchbar.ld-az-search button.ld-az-go:hover{background:var(--site-primary,#29719f)}
@media (max-width:991px){
    body.theme-leaders .ld-searchbar.ld-az-search form.ld-az-form{height:auto;flex-wrap:wrap;gap:6px;padding:8px}
    body.theme-leaders .ld-searchbar.ld-az-search button.ld-az-go{flex:1 1 100%;height:50px;font-size:1.1rem}
    body.theme-leaders .ld-hero.ld-az .ld-az-logos li{width:104px;height:50px}
}
/* الشعارات كانت بتطلع بره المربّع: height:100% ما اتحسبش لأن المربّع
   مالوش ارتفاع صريح للصورة. صندوق الصورة بقى ثابت 44px. ودايرة الأيقونة
   القديمة (.ld-searchbar form i) كانت بتظهر جوّه زرار البحث الغامق. */
body.theme-leaders .ld-hero.ld-az .ld-az-logos li{overflow:hidden}
body.theme-leaders .ld-hero.ld-az .ld-az-logos img{width:108px;height:44px;max-width:100%;object-fit:contain}
body.theme-leaders .ld-searchbar.ld-az-search button.ld-az-go i{width:auto;height:auto;flex:0 0 auto;
    display:inline;background:none;border-radius:0;color:#fff;font-size:1.15rem}
@media (max-width:991px){body.theme-leaders .ld-hero.ld-az .ld-az-logos img{width:84px;height:34px}}
/* زرار البحث كان ~24px بس: قاعدة .ld-searchbar form القديمة فيها
   align-items:center فالزرار بياخد ارتفاع أيقونته. بقى بطول الكبسولة. */
body.theme-leaders .ld-searchbar.ld-az-search form.ld-az-form{align-items:stretch}
body.theme-leaders .ld-searchbar.ld-az-search form.ld-az-form > *{align-self:stretch}
/* (2026-09-11) صورة البنر من dev-ar.glomacs.com — 1900×499 (نسبة 3.8) والبنر
   حوالي 2.4، فبتتقص من الجنبين. الوجوه في النص فوق شوية فالتركيز 35%.
   الصورة حادّة مش مكبّرة، فالتغبيش اللي كان بيداري تكبير الصورة القديمة اتشال. */
body.theme-leaders .ld-az-bg img{object-position:center 35%;filter:saturate(.9);transform:none}
/* (2026-09-11) الموبايل: وش واحد يبان — طلب صريح.
   الصورة بتملى ارتفاع البنر كله، ووش الراجل اللي في النص (x≈960، y≈130 من
   1900×499) كان بيقع ورا العنوان تحت التعتيم. على الموبايل الصورة بقت شريط
   260px فوق من غير تعتيم، متمركز على وشه، والكلام تحته على الكحلي. */
@media (max-width:767px){
    body.theme-leaders .ld-az-bg{position:relative;inset:auto;z-index:0;height:260px}
    body.theme-leaders .ld-az-bg::after{content:'';position:absolute;inset:auto 0 0 0;height:70px;
        background:linear-gradient(180deg,rgba(13,36,56,0) 0%,#0d2438 100%)}
    body.theme-leaders .ld-az-bg img{object-position:51% 18%;filter:none}
    body.theme-leaders .ld-az::before{top:260px}
    body.theme-leaders .ld-az-body{padding-top:18px}
}

/* ═════════════════════════════════════════════════════════════
   (2026-09-11) الفوتر: شريط دعوة + أعمدة غامقة — اختيار صريح
   لوح كحلي غامق، فوقه بطاقة خضرا عريضة فيها الدعوة وزرارين، وتحتها
   أربع أعمدة (المعهد والتواصل | روابط | تخصصات | مدن). الشعار غامق
   (أسود وأحمر) فبيقعد على مربّع أبيض صغير عشان ما يختفيش على الكحلي.
   ═════════════════════════════════════════════════════════════ */
body.theme-leaders #dt-home-footer-section{background:#0d2438;border-top:0}
body.theme-leaders .ld-footer{padding:48px 0 40px}
body.theme-leaders .ld-foot{color:rgba(255,255,255,.78)}

body.theme-leaders .ld-cta{display:flex;align-items:center;justify-content:space-between;gap:24px 36px;flex-wrap:wrap;
    margin:0 0 46px;padding:30px 36px;border-radius:16px;
    background:linear-gradient(120deg,var(--site-accent,#80af2e) 0%,#6a9a22 100%);
    box-shadow:0 18px 40px rgba(0,0,0,.25)}
body.theme-leaders .ld-cta-copy{flex:1 1 380px;min-width:0}
body.theme-leaders .ld-foot p.ld-cta-title{margin:0 0 6px;color:#fff;font-size:1.55rem;font-weight:800;line-height:1.25;max-width:none}
body.theme-leaders .ld-foot p.ld-cta-sub{margin:0;color:rgba(255,255,255,.9);font-size:.98rem;max-width:none}
body.theme-leaders .ld-cta-actions{display:flex;flex-wrap:wrap;gap:12px}
body.theme-leaders .ld-cta-btn{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 24px;border-radius:10px;
    font-weight:700;text-decoration:none!important;white-space:nowrap;transition:transform .15s,background .15s,color .15s}
body.theme-leaders .ld-cta-btn--solid{background:#fff;color:#0d2438!important}
body.theme-leaders .ld-cta-btn--solid:hover{background:#0d2438;color:#fff!important;transform:translateY(-2px)}
body.theme-leaders .ld-cta-btn--ghost{border:2px solid rgba(255,255,255,.85);color:#fff!important}
body.theme-leaders .ld-cta-btn--ghost:hover{background:#fff;color:#0d2438!important;transform:translateY(-2px)}

body.theme-leaders .ld-fcols{display:grid;grid-template-columns:minmax(0,1.35fr) repeat(3,minmax(0,1fr));gap:36px 40px}
body.theme-leaders .ld-fbrand-logo{display:inline-block;padding:10px 14px;border-radius:10px;background:#fff;margin-bottom:16px}
body.theme-leaders .ld-fbrand-logo img{display:block;height:36px;width:auto;max-width:210px}
body.theme-leaders .ld-foot p.ld-fbrand-line{margin:0 0 18px;color:rgba(255,255,255,.7);font-size:.9rem;line-height:1.6;max-width:32ch}
body.theme-leaders .ld-freach{list-style:none;margin:0;padding:0;display:grid;gap:10px}
body.theme-leaders .ld-freach li{display:flex;align-items:center;gap:12px;font-size:.9rem}
body.theme-leaders .ld-freach i{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;
    background:rgba(255,255,255,.08);color:var(--site-accent,#80af2e)}
body.theme-leaders .ld-freach a{color:#fff;text-decoration:none}
body.theme-leaders .ld-freach a:hover{color:var(--site-accent,#80af2e)}

body.theme-leaders .ld-foot p.ld-flabel{margin:0 0 16px;padding-bottom:10px;color:#fff;font-size:.78rem;font-weight:800;
    letter-spacing:.14em;text-transform:uppercase;border-bottom:2px solid rgba(255,255,255,.1);max-width:none}
body.theme-leaders[dir="rtl"] .ld-foot p.ld-flabel{letter-spacing:normal;font-size:.9rem}
body.theme-leaders .ld-flist{list-style:none;margin:0;padding:0}
body.theme-leaders .ld-flist li{padding:0 0 11px;font-size:.9rem}
body.theme-leaders .ld-flist a{color:rgba(255,255,255,.72);text-decoration:none;transition:color .15s,padding .15s}
body.theme-leaders .ld-flist a:hover{color:#fff;padding-inline-start:4px}

body.theme-leaders #dt-copyright-section{background:#08192a;color:rgba(255,255,255,.6);border-top:1px solid rgba(255,255,255,.08)}
body.theme-leaders #dt-copyright-section a{color:rgba(255,255,255,.8)}

@media (max-width:991px){
    body.theme-leaders .ld-fcols{grid-template-columns:repeat(2,minmax(0,1fr))}
    body.theme-leaders .ld-fcol--brand{grid-column:1/-1}
}
@media (max-width:575px){
    body.theme-leaders .ld-footer{padding:32px 0 28px}
    body.theme-leaders .ld-cta{padding:24px 20px;margin-bottom:32px}
    body.theme-leaders .ld-foot p.ld-cta-title{font-size:1.3rem}
    body.theme-leaders .ld-cta-actions,body.theme-leaders .ld-cta-btn{width:100%}
    body.theme-leaders .ld-cta-btn{justify-content:center}
    body.theme-leaders .ld-fcols{grid-template-columns:1fr;gap:28px}
}
/* سطر الحقوق كان لسه أزرق: _brand.css و_institute.css الاتنين بيحطوا خلفيته
   بـ!important (الأخير من --topbar-bg — ومغيّرها هيغمّق شريط الهيدر العلوي كمان).
   نفس التخصيص + leaders.css بتتحمّل بعدهم، فالـ!important هنا بيكسب. */
body.theme-leaders #dt-copyright-section{background:#08192a!important}
body.theme-leaders #dt-copyright-section p{color:rgba(255,255,255,.62)}
/* (2026-09-11) شعارات العملاء في البنر بتتحرك — طلب صريح.
   المسار = نسختين من القايمة ورا بعض؛ بيتحرك -50% (يعني نسخة كاملة) وبيرجع
   من الأول من غير ما يبان. الحواف بتبهت بـmask. بيقف عند الوقوف. */
body.theme-leaders .ld-hero.ld-az .ld-az-marquee{position:relative;overflow:hidden;width:100%;
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
body.theme-leaders .ld-hero.ld-az .ld-az-track{display:flex;width:max-content;animation:ld-az-marquee 38s linear infinite}
body.theme-leaders .ld-hero.ld-az .ld-az-marquee:hover .ld-az-track{animation-play-state:paused}
body.theme-leaders .ld-hero.ld-az .ld-az-logos{display:flex;flex-wrap:nowrap;justify-content:flex-start;
    gap:0 28px;padding-inline-end:28px;margin:0}
body.theme-leaders .ld-hero.ld-az .ld-az-logos li{flex:0 0 auto}
@keyframes ld-az-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:991px){
    body.theme-leaders .ld-hero.ld-az .ld-az-track{animation-duration:30s}
    body.theme-leaders .ld-hero.ld-az .ld-az-logos{gap:0 16px;padding-inline-end:16px}
}
@media (prefers-reduced-motion:reduce){
    body.theme-leaders .ld-hero.ld-az .ld-az-track{animation:none;width:auto}
    body.theme-leaders .ld-hero.ld-az .ld-az-logos{flex-wrap:wrap;justify-content:center;gap:16px 22px;padding:0}
    body.theme-leaders .ld-hero.ld-az .ld-az-logos[aria-hidden="true"]{display:none}
    body.theme-leaders .ld-hero.ld-az .ld-az-marquee{-webkit-mask-image:none;mask-image:none}
}
/* (2026-09-11) الفاصل الأزرق بين المنيو والبنر — طلب صريح.
   مش عنصر: فراغ بيبان منه لون خلفية html (الأزرق). المصدر فاصل فاضي في
   templates/menu.php المشترك: <div class="col-md-12" style="margin-top:119px">
   بيحجز مكان الهيدر الثابت — بس الشريط العلوي + الهيدر = 110px (≥1200) و115px
   (<1200)، فكان فيه 9px/4px زيادة. ده ليدرز بس ومن غير لمس القالب (المعهد بيستخدمه).
   !important لأن القيمة القديمة inline style. */
body.theme-leaders > div.col-md-12[style*="119px"]{margin-top:110px!important}
@media (max-width:1199px){body.theme-leaders > div.col-md-12[style*="119px"]{margin-top:115px!important}}

/* ═════════════════════════════════════════════════════════════
   (2026-09-11) فلتر صفحة الدورات: كبسولات بأيقونات — اختيار صريح
   كان: مربّع "Filter/Clear" غامق + خانات مربّعة + زرار الكتيب نازل سطر
   لوحده + بطاقة الدورة الداخلية (مكرّرة — نفس زرار البنر فوقها).
   بقى: بطاقة بيضا واحدة، الخانات كبسولات مدوّرة بأيقونة لكل واحدة،
   بعدها "× مسح" و"تنزيل الكتيب" كبسولة زرقا. لازق تحت المنيو وانت نازل
   (على الكمبيوتر بس). الأغلفة القديمة display:contents فالعناصر بقت
   أبناء مباشرين للبطاقة وبتترتّب بـorder.
   ═════════════════════════════════════════════════════════════ */
body.theme-leaders.pg-training-courses aside.inst-tc-side{
    position:sticky;top:110px;z-index:30;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
    gap:10px 12px;padding:14px 18px;margin-bottom:18px;background:#fff!important;border:0!important;
    border-radius:14px!important;box-shadow:0 10px 28px rgba(14,42,61,.1)!important;overflow:visible!important}
body.theme-leaders.pg-training-courses aside.inst-tc-side > #common-filter-box-modal-one,
body.theme-leaders.pg-training-courses aside.inst-tc-side #common-filter-box-modal-one > .container,
body.theme-leaders.pg-training-courses aside.inst-tc-side #common-filter-box-modal-one .row.box2,
body.theme-leaders.pg-training-courses aside.inst-tc-side #common-filter-box-modal-one .row.box2 > .col-md-12,
body.theme-leaders.pg-training-courses aside.inst-tc-side #common-filter-box-modal-one form{display:contents!important}

/* الترتيب: الخانات ← مسح ← الكتيب. بطاقة الدورة الداخلية المكرّرة بتستخبى. */
body.theme-leaders.pg-training-courses aside.inst-tc-side select.form-control{order:1}
body.theme-leaders.pg-training-courses aside.inst-tc-side .inst-tc-side-head{order:2}
body.theme-leaders.pg-training-courses aside.inst-tc-side #download_brochure_upcoming{order:3}
body.theme-leaders.pg-training-courses aside.inst-tc-side > .inst-tc-cta{display:none!important}

/* الكبسولات */
body.theme-leaders.pg-training-courses aside.inst-tc-side select.form-control{
    -webkit-appearance:none;appearance:none;flex:1 1 150px;max-width:210px;width:auto!important;
    height:44px!important;margin:0!important;float:none!important;
    padding:0 36px 0 40px!important;border:1.5px solid #d3dde6!important;border-radius:999px!important;
    color:var(--ld-ink,#0e2a3d)!important;font-size:.93rem!important;font-weight:600;cursor:pointer;
    background-color:#fff!important;background-repeat:no-repeat!important;
    background-position:14px 50%,calc(100% - 14px) 50%!important;background-size:16px 16px,14px 14px!important;
    box-shadow:none!important;transition:border-color .15s,box-shadow .15s}
body.theme-leaders.pg-training-courses aside.inst-tc-side select.form-control:hover{border-color:var(--site-primary,#29719f)!important}
body.theme-leaders.pg-training-courses aside.inst-tc-side select.form-control:focus{border-color:var(--site-accent,#80af2e)!important;box-shadow:0 0 0 3px rgba(128,175,46,.22)!important;outline:none}
body.theme-leaders.pg-training-courses aside.inst-tc-side #sort_cat{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2329719f'><rect x='1' y='1' width='6' height='6' rx='1.5'/><rect x='9' y='1' width='6' height='6' rx='1.5'/><rect x='1' y='9' width='6' height='6' rx='1.5'/><rect x='9' y='9' width='6' height='6' rx='1.5'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 6l4 4 4-4' fill='none' stroke='%2364788a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/></svg>")!important}
body.theme-leaders.pg-training-courses aside.inst-tc-side #sort_city{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2329719f'><path d='M8 16s6-5.7 6-10A6 6 0 0 0 2 6c0 4.3 6 10 6 10zm0-7.2a2.8 2.8 0 1 1 0-5.6 2.8 2.8 0 0 1 0 5.6z'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 6l4 4 4-4' fill='none' stroke='%2364788a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/></svg>")!important}
body.theme-leaders.pg-training-courses aside.inst-tc-side #sort_lang{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2329719f' stroke-width='1.4'><circle cx='8' cy='8' r='6.4'/><path d='M1.6 8h12.8M8 1.6c2.2 2.1 2.2 10.7 0 12.8M8 1.6c-2.2 2.1-2.2 10.7 0 12.8'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 6l4 4 4-4' fill='none' stroke='%2364788a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/></svg>")!important}
body.theme-leaders.pg-training-courses aside.inst-tc-side #sort_month{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2329719f' stroke-width='1.4'><rect x='1.5' y='2.6' width='13' height='12' rx='2'/><path d='M1.5 6.2h13M5 1v3M11 1v3'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 6l4 4 4-4' fill='none' stroke='%2364788a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/></svg>")!important}
body.theme-leaders.pg-training-courses aside.inst-tc-side #sort_course_year{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><rect x='1.5' y='2.6' width='13' height='12' rx='2' fill='none' stroke='%2329719f' stroke-width='1.4'/><path d='M1.5 6.2h13M5 1v3M11 1v3' stroke='%2329719f' stroke-width='1.4'/><circle cx='8' cy='10.3' r='1.8' fill='%2329719f'/></svg>"),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 6l4 4 4-4' fill='none' stroke='%2364788a' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/></svg>")!important}
body.theme-leaders[dir="rtl"].pg-training-courses aside.inst-tc-side select.form-control{
    padding:0 40px 0 36px!important;background-position:calc(100% - 14px) 50%,14px 50%!important}

/* "× مسح": عنوان "Filter" بيستخبى والرابط يفضل نص بسيط */
body.theme-leaders.pg-training-courses aside.inst-tc-side .inst-tc-side-head{display:flex;align-items:center;padding:0 6px!important;
    background:none!important;border:0!important;gap:0}
body.theme-leaders.pg-training-courses aside.inst-tc-side .inst-tc-side-title{display:none!important}
body.theme-leaders.pg-training-courses aside.inst-tc-side .inst-tc-side-reset{display:inline-flex;align-items:center;gap:6px;
    color:#64788a!important;font-weight:600;font-size:.9rem;text-decoration:none!important;white-space:nowrap}
body.theme-leaders.pg-training-courses aside.inst-tc-side .inst-tc-side-reset::before{content:'×';font-size:1.25rem;line-height:1}
body.theme-leaders.pg-training-courses aside.inst-tc-side .inst-tc-side-reset:hover{color:#c0392b!important}

/* "تنزيل الكتيب" كبسولة زرقا بأيقونة */
body.theme-leaders.pg-training-courses aside.inst-tc-side #download_brochure_upcoming{
    display:inline-flex!important;align-items:center;gap:8px;height:44px!important;margin:0!important;float:none!important;
    padding:0 20px 0 16px!important;border:0!important;border-radius:999px!important;
    background:var(--site-primary,#29719f)!important;color:#fff!important;font-weight:700;font-size:.9rem;white-space:nowrap;
    transition:background .15s}
body.theme-leaders.pg-training-courses aside.inst-tc-side #download_brochure_upcoming::before{content:'';width:16px;height:16px;flex:0 0 16px;
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 2v8M4.5 7L8 10.5 11.5 7M3 13.5h10' fill='none' stroke='%23fff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center/16px}
body.theme-leaders.pg-training-courses aside.inst-tc-side #download_brochure_upcoming:hover{background:#0e2a3d!important}

@media (max-width:1199px){body.theme-leaders.pg-training-courses aside.inst-tc-side{top:115px}}
@media (max-width:991px){
    body.theme-leaders.pg-training-courses aside.inst-tc-side{position:static;padding:12px}
    body.theme-leaders.pg-training-courses aside.inst-tc-side select.form-control{flex:1 1 calc(50% - 12px);max-width:none}
}

/* (2026-09-11) تصحيح بعد القياس:
   - "لازق تحت المنيو": قاعدة قديمة هنا (body.theme-leaders .inst-tc-side
     {position:static!important}) اتعملت لما الفلتر اتحوّل من عمود جانبي
     لشريط أفقي، عشان توقّف sticky العمود القديم في _institute.css. دلوقتي
     هو شريط فوق والمطلوب إنه يلزق — فبيتغلب عليها هنا بـ!important.
     وtop بـ!important كمان: سكريبت بيكتب top:122px inline، وده بيسيب 12px
     فاضية تحت المنيو والمحتوى بيعدّي فيها.
   - الموبايل: الخانات مستخبية أصلاً (desktop-filter) وبيظهر زرار "Filter"
     بيفتح فلتر الموبايل + "Clear" + الكتيب — كانوا نازلين تحت بعض. بقوا
     صف واحد بنفس الارتفاع: كبسولة Filter، كبسولة الكتيب، و× دايرة. */
@media (min-width:992px){
    body.theme-leaders.pg-training-courses aside.inst-tc-side{position:sticky!important;top:110px!important}
}
@media (min-width:992px) and (max-width:1199px){
    body.theme-leaders.pg-training-courses aside.inst-tc-side{top:115px!important}
}
@media (max-width:991px){
    body.theme-leaders.pg-training-courses aside.inst-tc-side{flex-wrap:nowrap;justify-content:stretch;gap:8px;padding:10px!important}
    body.theme-leaders.pg-training-courses aside.inst-tc-side .filter-area-courselist-dropdown{order:1;flex:1 1 0;min-width:0;float:none!important;margin:0!important}
    body.theme-leaders.pg-training-courses aside.inst-tc-side .filter-area-courselist-dropdown > a.menu-two{
        display:flex!important;align-items:center;justify-content:center;gap:6px;width:100%;height:44px!important;margin:0!important;
        padding:0 14px!important;border:1.5px solid #d3dde6!important;border-radius:999px!important;background:#fff!important;
        color:var(--ld-ink,#0e2a3d)!important;font-weight:700;font-size:.9rem}
    body.theme-leaders.pg-training-courses aside.inst-tc-side .filter-area-courselist-dropdown > a.menu-two svg{width:16px;height:16px;color:var(--site-primary,#29719f)}
    body.theme-leaders.pg-training-courses aside.inst-tc-side #download_brochure_upcoming{order:2;flex:1.5 1 0;min-width:0;justify-content:center;
        padding:0 12px!important;font-size:.85rem}
    body.theme-leaders.pg-training-courses aside.inst-tc-side .inst-tc-side-head{order:3;flex:0 0 44px;padding:0!important}
    body.theme-leaders.pg-training-courses aside.inst-tc-side .inst-tc-side-reset{width:44px;height:44px;justify-content:center;gap:0;
        border:1.5px solid #d3dde6;border-radius:50%;font-size:0!important}
    body.theme-leaders.pg-training-courses aside.inst-tc-side .inst-tc-side-reset::before{font-size:1.35rem}
}
/* الموبايل: قاعدة قديمة بتخلّي .inst-tc-side عمودي (flex-direction:column)
   فالزراير التلاتة كانت نازلة تحت بعض. صف واحد هنا. */
@media (max-width:991px){
    body.theme-leaders.pg-training-courses aside.inst-tc-side{flex-direction:row!important;align-items:center!important}
}
/* (2026-09-18) "الفلتر مبوظ الشكل" على الموبايل (عربي وإنجليزي): القواعد فوق
   بتفترض إن الخانات (.desktop-filter) مستخبية وبيظهر زرار "Filter" بدلها —
   بس السيلكتور اللي بيخبّيها (#common-filter-box-modal-one .desktop-filter)
   مش بيطابق في صفحة التخصص (الـid مش موجود)، وزرار "Filter" نفسه مستخبي
   من قاعدة مشتركة. النتيجة: ٥ كبسولات في صف واحد ملوش لف (flex-wrap:nowrap)
   بتخرج برّه الشاشة، وفي العربي بتوسّع الصفحة كلها ١٠٠px ناحية الشمال.
   الحل: الكبسولات تلف، اتنين في الصف. */
@media (max-width:991px){
    body.theme-leaders.pg-training-courses aside.inst-tc-side{
        flex-wrap:wrap!important;justify-content:center!important;max-width:100%;box-sizing:border-box}
    body.theme-leaders.pg-training-courses aside.inst-tc-side select.form-control{
        flex:1 1 calc(50% - 8px)!important;max-width:none!important;min-width:0!important}
}
/* 992–1199px: الخانات (desktop-filter) كانت مستخبية وزرار "Filter" بتاع
   الموبايل كمان (بيظهر تحت 992 بس) — فمفيش أي طريقة تفلتر. نفس الفجوة
   موجودة في السعودي، من ملفات مشتركة قديمة. هنا الكبسولات بتظهر في المدى ده
   (بتلفّ لو ضاقت). الخمس خانات بالاسم عشان "نوع الدورة" المستخبية تفضل مستخبية. */
@media (min-width:992px) and (max-width:1199px){
    body.theme-leaders.pg-training-courses aside.inst-tc-side #sort_cat,
    body.theme-leaders.pg-training-courses aside.inst-tc-side #sort_city,
    body.theme-leaders.pg-training-courses aside.inst-tc-side #sort_lang,
    body.theme-leaders.pg-training-courses aside.inst-tc-side #sort_month,
    body.theme-leaders.pg-training-courses aside.inst-tc-side #sort_course_year{display:block!important}
}

/* (2026-09-11) زرار "Register Now" مقصوص على الموبايل — طلب صريح.
   القاعدتين فوق (#course_list / #category_course_list، ونسخة .inst-tc) بتفرض
   عمودين بـ!important على كل المقاسات. على 390 الكرت 172px والزرار (103px)
   في عمود جانبي جوّه الكرت، فكان خارج حرف الكرت بـ47px في الـ24 كرت.
   تحت 768 القائمة عمود واحد، فالكرت ~360px والزرار بياخد مكانه جنب العنوان. */
@media (max-width:767px){
    body.theme-leaders.pg-training-courses #category_course_list,
    body.theme-leaders.pg-training-courses #course_list,
    body.theme-leaders.pg-training-courses #category_course_list_by_name,
    body.theme-leaders.pg-training-courses .inst-tc #category_course_list,
    body.theme-leaders.pg-training-courses .inst-tc #course_list,
    body.theme-leaders.pg-training-courses .inst-tc #category_course_list_by_name{grid-template-columns:1fr!important}
}

/* ─────────────────────────────
   (2026-09-12) "الترويسة Course Title / Date / Language / Type / City غير مطابقة" — طلب صريح.

   صفحة /training-courses فيها صف عناوين (.inst-tc-head) مبني على تخطيط صفوف:
   _institute.css بيدّي الترويسة والصف نفس الأعمدة بالظبط (سطر 1768-1771)، والقائمة
   display:block فكل دورة في سطر. بس قواعد القادة (سطر 3726-3749) بتفرض بـ!important
   شبكة عمودين على #course_list، والصف نفسه 1fr auto — فالتاريخ واللغة والنوع والمدينة
   بيتكدّسوا تحت العنوان، والترويسة بتوصف أعمدة مش موجودة.

   هنا بنرجّع تخطيط الصفوف — بس جوّه .inst-tc (الصفحة اللي فيها الترويسة). صفحات
   التخصص بره .inst-tc مالهاش ترويسة فبتفضل كروت زي ما هي، وتحت 768px برضو كروت
   (الترويسة نفسها بتختفي تحت 991px في _institute.css).
   ───────────────────────────── */
@media (min-width:768px){
    body.theme-leaders.pg-training-courses .inst-tc #course_list,
    body.theme-leaders.pg-training-courses .inst-tc #category_course_list,
    body.theme-leaders.pg-training-courses .inst-tc #category_course_list_by_name{
        display:block!important;grid-template-columns:none!important;gap:0!important}
    /* (2026-09-12) "وسّع المسافات شوية بحيث اسم الدورة ياخد أكبر مساحة ممكنة" — طلب صريح.
       عمود زرار التسجيل (128px) بقى فاضي بعد ما الزرار نزل تحت بعرض الصف، فاتشال خالص
       من الترويسة والصف، والباقي اتظبّط والمسافة بين الأعمدة وسعت — كله راح لاسم الدورة.
       الترويسة والصف لازم يتحطّوا مع بعض هنا لأننا خرجنا عن قيم _institute.css. */
    body.theme-leaders.pg-training-courses .inst-tc .inst-tc-h-reg{display:none!important}
    /* (2026-09-18) طلب صريح: شيل كلمة "City" من الترويسة — خانة اختيار
       المدينة اتشالت من القايمة خالص (فضلت بس في بيانات الدورة وصفحة
       التسجيل)، فعمود المدينة بقى فاضي تمامًا. */
    body.theme-leaders.pg-training-courses .inst-tc .inst-tc-h-city{display:none!important}
    body.theme-leaders.pg-training-courses .inst-tc .inst-tc-head,
    body.theme-leaders.pg-training-courses .inst-tc .courselist-style-inside .courselisting,
    body.theme-leaders.pg-training-courses .inst-tc .courselist-style-inside .courselisting.virtual{
        grid-template-columns:minmax(0,1fr) 140px 96px 116px!important;gap:0 22px!important}
    body.theme-leaders.pg-training-courses .inst-tc .courselist-style-inside .courselisting,
    body.theme-leaders.pg-training-courses .inst-tc .courselist-style-inside .courselisting.virtual{
        display:grid!important;align-items:center!important;height:auto!important;
        border-inline-start:0!important;border-radius:0!important}
    /* كل حقل في عموده بدل ما يتكدّس في العمود الأول.
       من غير display: القاعدة المشتركة بتخفي اسم الفندق (.course-time) دايمًا،
       واللغة/النوع تحت 1200px — ولو فرضنا display هنا هيرجعوا يبانوا والأعمدة تتزحلق. */
    body.theme-leaders.pg-training-courses .inst-tc .courselist-style-inside .courselisting .course-title,
    body.theme-leaders.pg-training-courses .inst-tc .courselist-style-inside .courselisting .course-date,
    body.theme-leaders.pg-training-courses .inst-tc .courselist-style-inside .courselisting .course-language,
    body.theme-leaders.pg-training-courses .inst-tc .courselist-style-inside .courselisting .course-location,
    body.theme-leaders.pg-training-courses .inst-tc .courselist-style-inside .courselisting .course-time{
        grid-column:auto!important;margin:0!important}
    /* (2026-09-12) طلب صريح: زرار التسجيل تحت اسم الدورة بعرض الصف كله */
    body.theme-leaders.pg-training-courses .inst-tc .courselist-style-inside .courselisting > form{
        grid-column:1/-1!important;grid-row:auto!important;margin:8px 0 0!important;width:100%}
    body.theme-leaders.pg-training-courses .inst-tc .courselist-style-inside .courselisting > form .btn{
        display:block!important;width:100%!important}
}
/* تحت 1200px القاعدة المشتركة بتخفي اللغة والنوع (الترويسة والصف بيبقوا 4 أعمدة)، بس قاعدة
   القادة الأقدم أخصّ منها فكانوا فاضلين باينين — 6 حقول في 4 أعمدة، فالمدينة بتقع في غير خانتها. */
@media (min-width:768px) and (max-width:1199px){
    body.theme-leaders.pg-training-courses .inst-tc .courselist-style-inside .courselisting .course-language{display:none!important}
}
/* المقاسات الأضيق: نفس الفكرة — بلا عمود زرار، والترويسة والصف مع بعض في نفس القاعدة */
@media (min-width:768px) and (max-width:1399px){
    body.theme-leaders.pg-training-courses .inst-tc .inst-tc-head,
    body.theme-leaders.pg-training-courses .inst-tc .courselist-style-inside .courselisting,
    body.theme-leaders.pg-training-courses .inst-tc .courselist-style-inside .courselisting.virtual{
        grid-template-columns:minmax(0,1fr) 132px 90px 108px!important}
}
@media (min-width:768px) and (max-width:1199px){
    body.theme-leaders.pg-training-courses .inst-tc .inst-tc-head,
    body.theme-leaders.pg-training-courses .inst-tc .courselist-style-inside .courselisting,
    body.theme-leaders.pg-training-courses .inst-tc .courselist-style-inside .courselisting.virtual{
        grid-template-columns:minmax(0,1fr) 124px!important}
}
@media (min-width:768px) and (max-width:991px){
    body.theme-leaders.pg-training-courses .inst-tc .inst-tc-head,
    body.theme-leaders.pg-training-courses .inst-tc .courselist-style-inside .courselisting,
    body.theme-leaders.pg-training-courses .inst-tc .courselist-style-inside .courselisting.virtual{
        grid-template-columns:minmax(0,1fr) auto!important}
}
/* صفحة الأونلاين (.inst-tc--online) مالهاش عمود مدينة وأعمدتها مختلفة في القاعدة المشتركة
   (سطر 1811-1812) — فالترويسة والصف هنا الاتنين بياخدوا نفس أعمدتها بالحرف.
   لازم آخر حاجة بعد قواعد صفحة الحضوري فوق، عشان هي اللي تغلب على الصفحة دي. */
@media (min-width:1200px){
    body.theme-leaders.pg-training-courses .inst-tc--online .inst-tc-head,
    body.theme-leaders.pg-training-courses .inst-tc--online .courselist-style-inside .courselisting,
    body.theme-leaders.pg-training-courses .inst-tc--online .courselist-style-inside .courselisting.virtual{
        grid-template-columns:minmax(0,1fr) 150px 110px 130px!important;gap:0 22px!important}
}
@media (min-width:992px) and (max-width:1199px){
    body.theme-leaders.pg-training-courses .inst-tc--online .inst-tc-head,
    body.theme-leaders.pg-training-courses .inst-tc--online .courselist-style-inside .courselisting,
    body.theme-leaders.pg-training-courses .inst-tc--online .courselist-style-inside .courselisting.virtual{
        grid-template-columns:minmax(0,1fr) 130px 120px!important}
    body.theme-leaders.pg-training-courses .inst-tc--online .courselist-style-inside .courselisting .course-language{display:none!important}
}


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

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

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

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

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

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

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

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

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

body.theme-leaders #main-search-popup .modal-dialog{max-width:820px!important}
body.theme-leaders .modal .form-group.row > .course-type{flex:0 0 25%!important;max-width:25%!important}
body.theme-leaders .modal .form-group.row > .category-id{flex:0 0 25%!important;max-width:25%!important}
body.theme-leaders .modal .form-group.row > .city-id{flex:0 0 25%!important;max-width:25%!important}
body.theme-leaders .modal .form-group.row > .lang-id{flex:0 0 25%!important;max-width:25%!important}
body.theme-leaders .modal .form-group.row > .month-search{flex:0 0 50%!important;max-width:50%!important}
body.theme-leaders .modal .form-group.row > .year-search{flex:0 0 50%!important;max-width:50%!important}
@media (max-width:575px){
    /* (2026-09-12) شكل بوب-أب البحث على الموبايل — خاص بالموقع ده.
       ممنوع 4 خانات في صف على 390: العرض بيطلع ~85px فالكلام بيتقصّ
       (اتكشف بالصور: Language متقطعة وCourse Ty ناقصة). الحد 3 في الصف.
       العروض موزّعة حسب الترتيب المرئي لهذا الموقع عشان الصفوف تملا عرضها. */
    body.theme-leaders .modal .form-group.row > .year-search{flex:0 0 100%!important;max-width:100%!important}
    body.theme-leaders .modal .form-group.row > .month-search{flex:0 0 50%!important;max-width:50%!important}
    body.theme-leaders .modal .form-group.row > .lang-id{flex:0 0 50%!important;max-width:50%!important}
    body.theme-leaders .modal .form-group.row > .city-id{flex:0 0 50%!important;max-width:50%!important}
    body.theme-leaders .modal .form-group.row > .category-id{flex:0 0 50%!important;max-width:50%!important}
    body.theme-leaders .modal .form-group.row > .course-type{flex:0 0 100%!important;max-width:100%!important}
}

/* (2026-09-12) ظبط الصفوف تملا عرضها بالكامل — كانت فيه خانة لوحدها وجنبها فراغ */

/* ─────────────────────────────
   (2026-09-12) "زر Clear مش في مكانه" — طلب صريح.
   فلتر ليدرز الفورم بتاعه display:contents، فأولاد رأس العمود (وفيهم Clear)
   والقوايم بيتصفّوا كلهم في صف واحد. القوايم واخدة order 1..5 وزرار الكتيب 91،
   وClear كان لسه order:0 فكان بيقع بعد أول خانة. هنا بياخد مكانه بعد الخانات.
   (في باقي المواقع Clear في رأس العمود الجانبي عموديًا ومش متأثر.) */
body.theme-leaders.pg-training-courses .inst-tc-side-head .inst-tc-side-reset{order:89}
/* رأس العمود نفسه هو اللي بيتصفّ في الصف (order:2 من قاعدة قديمة) — فهو اللي يتحرّك،
   مش الرابط اللي جوّه. */
body.theme-leaders.pg-training-courses .inst-tc-side-head{order:89!important}

/* (2026-09-12) "زر Download Brochure غيّر مكانه في كل المواقع" — طلب صريح.
   مكانه هنا: أول الصف قبل الخانات. */
body.theme-leaders.pg-training-courses #common-filter-box-modal-one .menu-two.purple-color,
body.theme-leaders.pg-training-courses #common-filter-box-modal-one #download_brochure_category,
body.theme-leaders.pg-training-courses #download_brochure_upcoming{order:0!important}

/* (2026-09-12) طلب صريح: زرار تحميل الكتيب في البنر على أقصى اليمين مقابل الكلام. */
body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-section-box{position:relative}
body.theme-leaders.pg-training-courses #common-banner-section-image .ub-banner-brochure{
    position:absolute;inset-inline-end:0;top:50%;transform:translateY(-50%);margin:0}
@media (max-width:767px){
    body.theme-leaders.pg-training-courses #common-banner-section-image .ub-banner-brochure{
        position:static;transform:none;margin-top:12px;display:inline-block}
}
/* (2026-09-12) الزرار كان بيركب على الكلام: النص بياخد عرض البنر كله، فالزرار المطلق
   بيقع فوقه. النص بقى له عرض محدود والزرار في المساحة الفاضية على اليمين. */
body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-text{
    max-width:calc(100% - 230px)}
body.theme-leaders.pg-training-courses #common-banner-section-image .ub-banner-brochure{
    inset-inline-end:16px}
@media (max-width:991px){
    body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-text{max-width:100%}
}

/* (2026-09-12) الزرار كان absolute والنص flex:1 1 auto جاي من _institute.css، فالـmax-width
   مكانش بيقيّده والزرار فضل راكب على الكلام. الحل: صندوق البنر صف flex — الكلام بياخد
   الباقي والزرار عنصر عادي في آخر الصف، فمستحيل يركب عليه. */
body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-section-box{
    display:flex!important;align-items:center;gap:24px;flex-wrap:nowrap}
body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-text{
    flex:1 1 auto!important;max-width:none!important;min-width:0}
body.theme-leaders.pg-training-courses #common-banner-section-image .ub-banner-brochure{
    position:static!important;transform:none!important;flex:0 0 auto;align-self:center;
    margin:0!important;white-space:nowrap}
@media (max-width:991px){
    body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-section-box{
        flex-wrap:wrap;gap:12px}
    body.theme-leaders.pg-training-courses #common-banner-section-image .ub-banner-brochure{align-self:flex-start}
}

/* (2026-09-18) "الكلام مش كله ظاهر" على الموبايل: نص البنر عرضه ١٠٠% من الصندوق
   (fullcss.css) + padding ٣٠px + border ٤px + margin ٣٠px من قاعدة سطر ~218
   (كلهم content-box) = ~٦٤px زيادة، فآخر الكلام بيتقص برّه الصندوق (يمين في
   الإنجليزي، شمال في العربي). على الموبايل بنسحب المسافات ونخلّي العرض
   border-box عشان الكلام يفضل جوّه. */
@media (max-width:767px){
    body.theme-leaders .common-banner-text{
        box-sizing:border-box;width:auto!important;max-width:100%!important;
        margin-inline-start:0;padding-inline-start:16px}
}

/* (2026-09-12) طلب صريح: الزرار أقصى اليمين مقابل الكلام.
   السبب اللي خلّى المحاولات السابقة تفشل: الزرار جوّه .common-banner-text نفسه، فمهما
   عملنا في الصندوق الأب هيفضل تحت الكلام. هنا .common-banner-text شبكة عمودين:
   الكلام في العمود الأول والزرار في العمود التاني — مستحيل يركبوا على بعض. */
body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-text{
    display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:28px;align-items:center}
body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-text > h1,
body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-text > p,
body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-text > .space15,
body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-text > .space5{
    grid-column:1!important}
body.theme-leaders.pg-training-courses #common-banner-section-image .ub-banner-brochure{
    grid-column:2!important;grid-row:1/-1!important;justify-self:end;align-self:center;
    position:static!important;transform:none!important;margin:0!important}
@media (max-width:767px){
    body.theme-leaders.pg-training-courses #common-banner-section-image .common-banner-text{
        grid-template-columns:minmax(0,1fr)!important}
    body.theme-leaders.pg-training-courses #common-banner-section-image .ub-banner-brochure{
        grid-column:1!important;grid-row:auto!important;justify-self:start;margin-top:12px!important}
}

/* (2026-09-12) طلب صريح: طالما فيه نسخة من زرار تحميل الكتيب في البنر، النسخة اللي في
   شريط البحث/الفلتر تتشال — عشان ما يبقاش نفس الزرار مرتين في الصفحة. */
body.theme-leaders.pg-training-courses #common-filter-box-modal-one #download_brochure_upcoming,
body.theme-leaders.pg-training-courses #common-filter-box-modal-one #download_brochure_category,
body.theme-leaders.pg-training-courses #common-filter-box-modal-one .menu-two.purple-color{display:none!important}

/* (2026-09-12) طلب صريح: بعد ما زرار الكتيب اتشال من الفلتر، الخانات تاخد عرض الصفحة كله
   وتبقى متناسقة — كل خانة بنفس العرض والباقي للفراغ بينهم، وزرار Clear في آخره. */
/* (2026-09-12) tasheeh: al-muhaddid kan descendant, wa al-section yaluff qa'imat ad-dawrat,
   fa-kan yatul form at-tasjil dakhil kul card wa yahris 'unwan ad-dawra. At-tahdid al-an 'ala form al-filter wahdah. */
/* (2026-09-12) القاعدة دي (بتاعة "الفلتر بعرض الصفحة") كانت بتغلب قاعدة فكّ الفورم
   في الشريط الجانبي (سطر 4161: display:contents) لأنها أعلى تحديدًا، فالفورم بيفضل
   صندوق بعرض 1214px وياخد السطر كله ويزقّ زرار Clear لسطر تحته.
   استثناء الشريط هنا بيخلي 4161 تشتغل في /training-courses فالخانات تبقى أبناء
   مباشرين للشريط وClear يقعد في نفس مستواها.
   النطاق: المورد وعُماني مالهمش aside أصلاً، وصفحات العربي/الإنجليزي مافيهاش <form>،
   وصفحة القسم ليها قاعدتها الخاصة (سطر 4623) — يعني الصفحة المتأثرة واحدة بس. */
body.theme-leaders.pg-training-courses :not(aside.inst-tc-side) > #common-filter-box-modal-one .col-md-12.p-0 > form{
    width:100%!important;display:flex!important;flex-wrap:nowrap;align-items:center;gap:12px!important}
body.theme-leaders.pg-training-courses :not(aside.inst-tc-side) > #common-filter-box-modal-one .col-md-12.p-0 > form > select{
    flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important}
body.theme-leaders.pg-training-courses :not(aside.inst-tc-side) > #common-filter-box-modal-one .col-md-12.p-0 > form > .menu-two{flex:0 0 auto!important}
@media (max-width:991px){
    body.theme-leaders.pg-training-courses :not(aside.inst-tc-side) > #common-filter-box-modal-one .col-md-12.p-0 > form{flex-wrap:wrap}
    body.theme-leaders.pg-training-courses :not(aside.inst-tc-side) > #common-filter-box-modal-one .col-md-12.p-0 > form > select{flex:1 1 45%!important}
}

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

/* (2026-09-12) طلب صريح: ترتيب خانات محرّك البحث في صفحة نتائج البحث يتنوّع في كل
   معهد. خانة الاسم تفضل أول واحدة بعد العنوان وزرار البحث آخر واحد (نفس القاعدة
   المتفق عليها). الغلاف .form-group.row أصلاً flex فالـorder بتشتغل عليه.
   الفواصل (.space10/.space20) ارتفاعها صفر والمسافة جاية من margin-top بتاعها —
   ولو اتسابت مكانها هتتجمّع فوق لما الخانات تترتّب، فاتشالت والمسافة بقت row-gap.
   المعهد مالوش theme-* ولا pg-search-page على الـbody فمستحيل توصله القاعدة دي. */
body.theme-leaders.pg-search-page .search-results-wrap-left .form-group{row-gap:10px}
body.theme-leaders.pg-search-page .search-results-wrap-left .form-group > .space10,body.theme-leaders.pg-search-page .search-results-wrap-left .form-group > .space20{display:none}
body.theme-leaders.pg-search-page .search-results-wrap-left .form-group > .search-input-main:first-child{order:0;margin-bottom:6px}
body.theme-leaders.pg-search-page .search-results-wrap-left .form-group > .search-input-main:not(:first-child){order:1}
body.theme-leaders.pg-search-page .search-results-wrap-left .form-group > .category-id{order:2}
body.theme-leaders.pg-search-page .search-results-wrap-left .form-group > .lang-id{order:3}
body.theme-leaders.pg-search-page .search-results-wrap-left .form-group > .city-id{order:4}
body.theme-leaders.pg-search-page .search-results-wrap-left .form-group > .course-type{order:5}
body.theme-leaders.pg-search-page .search-results-wrap-left .form-group > .year-search{order:6}
body.theme-leaders.pg-search-page .search-results-wrap-left .form-group > .month-search{order:7}
body.theme-leaders.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. */
/* هيكل: عمود ضيّق ملزوق بيتحرك مع السكرول */
body.theme-leaders.pg-search-page .search-results-wrap-left{flex:0 0 22%;max-width:22%}
body.theme-leaders.pg-search-page .search-results-wrap-right{flex:0 0 78%;max-width:78%}
body.theme-leaders.pg-search-page .search-results-wrap-left .box{position:sticky;top:120px;align-self:flex-start}
body.theme-leaders.pg-search-page .search-results-wrap-left .box{padding:12px}

/* (2026-09-12) طلب صريح: تغيير أيقونات صفحة نتايج البحث، وكل معهد بثلاثي مختلف.
   الـmask متطبّق على الـ<svg> نفسه مش على عنصر أب: نسخ الموبايل بتقع جوّه <span>
   بلا كلاس فمفيش أب أعلّق عليه — وكده محدِّد واحد بيغطي الديسكتوب والموبايل.
   خط bootstrap-icons مش محمّل في الصفحة (fonts.check=false) فطريق كودات الخط مقفول.
   الرسمة الأصلية بتتلغي بـfill:transparent واللون بيجي من background-color.
   bi-x (قفل المودال) وزراري العرض برّه المحدِّدات دي. */
body.theme-leaders.pg-search-page svg.bi-calendar-check-fill,body.theme-leaders.pg-search-page svg.bi-flag-fill,body.theme-leaders.pg-search-page svg.bi-clock-fill,body.theme-leaders.pg-search-page svg.bi-signpost-split-fill{fill:transparent!important;background-color:#29719f;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-leaders.pg-search-page svg.bi-calendar-check-fill{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M2 2v13.5a.5.5 0 0 0 .74.439L8 13.069l5.26 2.87A.5.5 0 0 0 14 15.5V2a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M2 2v13.5a.5.5 0 0 0 .74.439L8 13.069l5.26 2.87A.5.5 0 0 0 14 15.5V2a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2z'/></svg>")}
body.theme-leaders.pg-search-page svg.bi-flag-fill{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z'/></svg>")}
body.theme-leaders.pg-search-page svg.bi-clock-fill,body.theme-leaders.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) talab sarih: "khalli al-kalam bi-'ard as-safha 'ashan nwaffar 'adad as-sutur"
   fi safahat al-aqsam. banner al-qism bi-yistakhdim #common-banner-section-icon wa nassuh
   makbus 'ala 760px min al-qa'ida fawq, wa sanduq al-banner 1250px. al-fard maqsur 'ala
   .pg-category-page bass — banner safhat al-qa'ima (#common-banner-section-image) ma-byitghayyarsh. */
body.theme-leaders.pg-training-courses.pg-category-page #common-banner-section-icon .common-banner-text,
body.theme-leaders.pg-training-courses.pg-category-page #common-banner-section-image .common-banner-text{max-width:none}

/* (2026-09-12) صفحة القسم في ليدرز مافيهاش #common-filter-box-modal-one أصلاً، وكل قواعد
   فكّ الأغلفة (display:contents) فوق متعلّقة بالـid ده فماكانتش بتتطبّق: الفورم بيفضل 235px
   والخانات تتركن عمود رأسي على الشمال وتسيب فراغ أبيض واسع جنبها (الصفحة بانت "بيضة").
   وكمان flex:1 1 150px جوّه فورم عمودي بيتحسب ارتفاع فتطلع الكبسولات 140px طول.
   الفكّ هنا بالبنية الموجودة فعلاً: aside > .col-md-12.p-0 > form. */
body.theme-leaders.pg-training-courses aside.inst-tc-side > .col-md-12.p-0,
body.theme-leaders.pg-training-courses aside.inst-tc-side > .col-md-12.p-0 > form{display:contents!important}


/* ═════════════════════════════════════════════════════════════
   (2026-09-18) صفحة "عن المعهد" — بنية مختلفة لكل معهد (طلب صريح: صفحات الموبايل
   شبه بعضها). الـHTML واحد (about_vmv.php: رؤية/رسالة/وعد/قيم) والبنية بتتغيّر
   بالـCSS: عدد الأعمدة، مكان الصورة، الترتيب، شكل العنوان — مش الألوان بس.
   ═════════════════════════════════════════════════════════════ */
body.theme-leaders.page-about #common-listing-section .box4{background:transparent;box-shadow:none;padding:0;padding-inline-start:38px;position:relative;display:grid;gap:18px}
body.theme-leaders.page-about #common-listing-section .box4::before{content:"";position:absolute;inset-inline-start:11px;top:8px;bottom:8px;width:3px;background:linear-gradient(#29719f,#80af2e);border-radius:2px}
body.theme-leaders.page-about #common-listing-section .aboutus-section-card{position:relative;background:#fff;border:0;border-radius:6px;box-shadow:0 4px 14px rgba(14,42,61,.08);padding:18px;margin:0}
body.theme-leaders.page-about #common-listing-section .aboutus-section-card::before{content:"";position:absolute;inset-inline-start:-35px;top:20px;width:17px;height:17px;border-radius:50%;background:#fff;border:4px solid #29719f}
body.theme-leaders.page-about #common-listing-section .aboutus-section-card .row{display:flex;flex-direction:column;margin:0}
body.theme-leaders.page-about #common-listing-section .aboutus-section-card .col-md-6{max-width:100%;width:100%;padding:0}
body.theme-leaders.page-about #common-listing-section .aboutus-section-card .col-md-6:has(> img){order:2;margin-top:12px}
body.theme-leaders.page-about #common-listing-section .aboutus-section-card .col-md-12{display:none}
body.theme-leaders.page-about #common-listing-section .aboutus-vision img,body.theme-leaders.page-about #common-listing-section .aboutus-mission img,body.theme-leaders.page-about #common-listing-section .aboutus-brand img{max-width:240px;width:100%;border:0;border-radius:6px;box-shadow:none}
body.theme-leaders.page-about #common-listing-section .aboutus-section-card h4{color:#29719f;font-weight:800;font-size:1.05rem;margin:0 0 6px}
body.theme-leaders.page-about #common-listing-section .aboutus-section-card p{padding:0;margin:0;color:#0e2a3d}
body.theme-leaders.page-about #common-listing-section .aboutus-values .aboutus-section-row{background:none;border:0;box-shadow:none;padding:0}
body.theme-leaders.page-about #common-listing-section .aboutus-values .aboutus-section-row .row{display:flex;flex-wrap:wrap;margin:0}
body.theme-leaders.page-about #common-listing-section .aboutus-values .aboutus-col-5{flex:0 0 33.333%;max-width:33.333%;padding:0 6px}
body.theme-leaders.page-about #common-listing-section .aboutus-values img{border:0;box-shadow:none;max-width:90px}
@media (min-width:992px){body.theme-leaders.page-about #common-listing-section .aboutus-section-card .row{flex-direction:row;align-items:center;gap:28px}body.theme-leaders.page-about #common-listing-section .aboutus-section-card .col-md-6{flex:1 1 50%;width:auto}body.theme-leaders.page-about #common-listing-section .aboutus-section-card .col-md-6:has(> img){order:2;margin-top:0}body.theme-leaders.page-about #common-listing-section .aboutus-values .aboutus-col-5{flex:0 0 20%;max-width:20%}}

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