/* ============================================================
   معهد بلس — Plus Institute
   ------------------------------------------------------------
   Direction: asymmetric. Oversized type on the left, and the
   search as a full-width bar along the bottom of the banner.
   ============================================================ */

body.theme-plus { --pl-ink: #001e45; --pl-line: #e2e6ee; }

body.theme-plus .btn,
body.theme-plus .form-control,
body.theme-plus .card,
body.theme-plus .courselisting { border-radius: 8px !important; }

body.theme-plus .courselisting,
body.theme-plus .card {
    border: 1px solid var(--pl-line) !important;
    box-shadow: none !important;
    border-bottom: 5px solid var(--site-primary, #fb4400) !important;
}

/* الهيدر ثابت والصفحة بتعوّض ارتفاعه، فالحشو تنفّس بس. */
body.theme-plus .pl-hero { background: #fff; padding-top: 22px; }

/* ── العنوان في النص ────────────────────────────────────────── */
/* العنوان والسطر اللي تحته مخفيين عن العين (شوف .inst-sr)،
   فاللي فاضل هنا الزراير بس. */
/* العنوان والسطر اللي تحته مخفيين عن العين (شوف .inst-sr)،
   فالرأس مبقاش بياخد ارتفاع. */
body.theme-plus .pl-hero-head { text-align: center; padding-bottom: 0; }

body.theme-plus .pl-hero-lede {
    max-width: 62ch; margin: 0 auto 26px;
    color: #5d6b7a; font-size: 1.05rem; line-height: 1.7;
}

/* الزراير الثلاثة اتشالت — البحث بقى تحت الأقسام على طول.
   التسجيل والتواصل موجودين في الشريط اللي فوق المنيو وفي
   الفوتر، فمحدش راح من الصفحة. */

/* ── رَف التخصصات ────────────────────────────────────────────
   صف كروت بيتزحلق بالعرض. كل كارت تخصص واحد وعدد دوراته
   الحقيقي، والرقم متحسوب وقت رسم الصفحة مش مكتوب.
   ───────────────────────────────────────────────────────────── */
body.theme-plus .pl-rail-wrap { position: relative; }

body.theme-plus .pl-rail {
    list-style: none; margin: 0; padding: 4px 40px 26px;
    display: flex; gap: 16px;
    overflow-x: auto;
    scrollbar-width: none;
}

body.theme-plus .pl-rail::-webkit-scrollbar { display: none; }

/* المقاس مقيس من المرجع اللي بعته (leoron.com): مربع 323 بحواف
   22 ومسافة 16 بينهم.

   ومن غير scroll-snap: في العربي الـscrollLeft سالب، والتثبيت
   الإجباري كان بيشد الرف لأقرب نقطة وهي الصفر — فالسهم يتضغط
   والرف يرجع مكانه فوراً. */
body.theme-plus .pl-rail li {
    flex: 0 0 323px;
    height: 323px;
    border-radius: 22px;
    overflow: hidden;
}

body.theme-plus .pl-rail a {
    display: flex; flex-direction: column; align-items: flex-start;
    height: 100%;
    padding: 22px;
    text-decoration: none;
    color: #fff;
    background:
        linear-gradient(160deg,
            color-mix(in srgb, var(--site-primary, #fb4400) 22%, var(--pl-ink)) 0%,
            var(--pl-ink) 62%);
    transition: transform .2s ease, box-shadow .2s ease;
}

body.theme-plus .pl-rail a:hover {
    --link-hover-ink: #fff;
    transform: translateY(-5px);
    box-shadow: 0 16px 34px rgba(0, 30, 69, .26);
}

/* ── الكارت اللي عليه صورة ────────────────────────────────────
   الصورة خلفية والكلام فوقها، وطبقة تعتيم بينهم عشان الأبيض
   يفضل مقروء على أي لقطة فاتحة. الكلام مدفوع لتحت.
   ───────────────────────────────────────────────────────────── */
body.theme-plus .pl-rail a.has-photo {
    position: relative;
    justify-content: flex-end;
    overflow: hidden;
    background: var(--pl-ink);
}

body.theme-plus .pl-rail-photo {
    position: absolute; inset: 0; z-index: 0; line-height: 0;
}

body.theme-plus .pl-rail-photo img {
    width: 100%; height: 100%; object-fit: cover; display: block;
    transition: transform .35s ease;
}

body.theme-plus .pl-rail a.has-photo::after {
    content: "";
    position: absolute; inset: 0; z-index: 1;
    background: linear-gradient(
        to top,
        rgba(0, 30, 69, .92) 0%,
        rgba(0, 30, 69, .72) 42%,
        rgba(0, 30, 69, .18) 100%);
}

body.theme-plus .pl-rail a.has-photo > *:not(.pl-rail-photo) {
    position: relative; z-index: 2;
}

body.theme-plus .pl-rail a.has-photo:hover .pl-rail-photo img { transform: scale(1.06); }

/* الكارت اللي بالصورة مالوش لزوم يدفع بـauto — الترتيب من تحت. */
body.theme-plus .pl-rail a.has-photo .pl-rail-count { margin-top: 0; }

/* الأيقونة أصلاً لوحة برتقالي بخط أبيض جواها — يعني هي كاملة
   ومالهاش لزوم دايرة ولا فلتر. الفلتر كان بيقلب اللوحة نفسها
   أبيض فتطلع مربع فاضي. */
body.theme-plus .pl-rail-icon {
    display: block; margin-bottom: 16px; line-height: 0;
}

body.theme-plus .pl-rail-icon img { width: 46px; height: 46px; display: block; }

body.theme-plus .pl-rail-name {
    font-size: 1.02rem; font-weight: 700; line-height: 1.32;
    margin-bottom: 8px;
}

body.theme-plus .pl-rail-count {
    font-size: .84rem; color: rgba(255, 255, 255, .68);
    font-variant-numeric: tabular-nums;
    /* auto من فوق: بيدفع العدّاد وسطر (المزيد) لقاع الكارت مهما
       كان طول الاسم، فالصف كله بيتساوى. */
    margin-top: auto;
}

/* --site-accent في بلس كحلي، وهو نفس لون الكارت — فالسطر كان
   مكتوب بلون خلفيته. البرتقالي هو اللي بيقرا هنا. */
body.theme-plus .pl-rail-go {
    margin-top: 12px; font-size: .78rem; font-weight: 800;
    letter-spacing: .08em; text-transform: uppercase;
    color: var(--site-primary, #fb4400);
}

/* ── الأسهم ──────────────────────────────────────────────────
   مقيسة من المرجع (leoron.com): 57×52 بخلفية فاتحة، ومستديرة
   من الناحية البرّانية بس — الناحية اللي على الكروت مستقيمة،
   فبتقرا كأنها لسان طالع من الرف مش زرار عايم عليه.
   ───────────────────────────────────────────────────────────── */
body.theme-plus .pl-rail-nav {
    position: absolute; top: calc(50% - 17px);
    transform: translateY(-50%);
    width: 57px; height: 52px;
    display: flex; align-items: center; justify-content: center;
    border: 0;
    background: #dce7eb; color: var(--pl-ink);
    font-size: 1.3rem; line-height: 1;
    cursor: pointer; z-index: 2;
    transition: background .2s ease;
}

body.theme-plus .pl-rail-nav:hover { background: #cddce2; }

/* خصائص الزوايا المنطقية بتنعكس لوحدها في العربي، فالناحية
   البرّانية بتفضل هي المستديرة في اللغتين. */
body.theme-plus .pl-rail-nav.is-prev {
    inset-inline-start: 0;
    border-start-start-radius: 22px;
    border-end-start-radius: 22px;
}

body.theme-plus .pl-rail-nav.is-next {
    inset-inline-end: 0;
    border-start-end-radius: 22px;
    border-end-end-radius: 22px;
}

/* الشيفرون رسمة مش حرف، فبينعكس بإيدينا في العربي. */
body.theme-plus[dir="rtl"] .pl-rail-nav i { transform: scaleX(-1); }

body.theme-plus .pl-hero-tick {
    display: block; width: 120px; height: 10px;
    background: var(--site-primary, #fb4400); margin-bottom: 26px;
}

body.theme-plus .pl-hero h1 {
    font-size: 3.6rem; line-height: 1.06; font-weight: 900;
    color: var(--pl-ink); margin: 0 0 18px; letter-spacing: -.025em;
}

/* margin-inline auto: من غيرها الحد 54ch بيلزق السطر في الجنب
   حتى والكتلة كلها متمركزة. */
body.theme-plus .pl-hero p {
    color: #56637a; font-size: 1.1rem;
    margin: 0 auto 30px; max-width: 54ch;
}

body.theme-plus .pl-hero-links { display: flex; flex-wrap: wrap; gap: 12px; }

body.theme-plus .pl-hero-links a {
    background: var(--pl-ink); color: #fff; padding: 13px 26px;
    border-radius: 8px; font-weight: 700; text-decoration: none;
}
body.theme-plus .pl-hero-links a:first-child { background: var(--site-primary, #fb4400); }
body.theme-plus .pl-hero-links a:hover { background: var(--site-accent, #001e45); filter: brightness(1.25); }

/* --- شريط البحث بعرض الصفحة --- */
body.theme-plus .pl-hero-bar { background: var(--pl-ink); padding: 22px 0; }

body.theme-plus .pl-hero-bar-inner {
    display: flex; align-items: center; gap: 20px; flex-wrap: wrap;
}

body.theme-plus .pl-hero-bar form { flex: 1; min-width: 280px; display: flex; gap: 10px; }

body.theme-plus .pl-hero-bar input {
    flex: 1; min-width: 0; border: 0; border-radius: 8px;
    padding: 14px 18px; font-size: 1rem; color: var(--pl-ink);
}
body.theme-plus .pl-hero-bar input:focus { outline: 3px solid var(--site-primary, #fb4400); }

body.theme-plus .pl-hero-bar button {
    border: 0; background: var(--site-primary, #fb4400); color: #fff;
    padding: 0 30px; border-radius: 8px; font-weight: 800;
}
body.theme-plus .pl-hero-bar button:hover { filter: brightness(1.1); }

body.theme-plus .pl-hero-bar > .container > a,
body.theme-plus .pl-hero-bar-inner > a {
    color: #fff; font-size: .9rem; text-decoration: underline; white-space: nowrap;
}

@media (max-width: 991px) {
    body.theme-plus .pl-hero { padding-top: 16px; }
    body.theme-plus .pl-hero-head { padding-bottom: 26px; }
    /* الأسهم بتتشال والصف بيتزحلق باللمس. */
    body.theme-plus .pl-rail-nav { display: none; }
    body.theme-plus .pl-rail { padding-inline: 15px; }
    /* مربع برضه، بس أصغر عشان يدخل في الشاشة. */
    body.theme-plus .pl-rail li { flex-basis: 252px; height: 252px; }
    body.theme-plus .pl-hero h1 { font-size: 2.1rem; }
    body.theme-plus .pl-hero-bar form { flex-direction: column; }
}

/* ── الأقسام: شبكة غير متماثلة — البلاطة الأولى بعرض عمودين ── */
body.theme-plus .inst-values { background: #f5f7fb; }
body.theme-plus .inst-tiles-grid { grid-template-columns: repeat(3, 1fr); }
body.theme-plus .inst-tile { border: 0; border-radius: 10px; background: #f5f7fb; border-bottom: 5px solid transparent; }
body.theme-plus .inst-tile:first-child { grid-column: span 3; flex-direction: row; align-items: center; gap: 26px; background: var(--pl-ink); color: #fff; }
body.theme-plus .inst-tile:first-child .inst-tile-label { flex: 1; font-size: 1.5rem; }
body.theme-plus .inst-tile:first-child .inst-tile-more { margin-top: 0; color: var(--site-primary, #fb4400); }
body.theme-plus .inst-tile:hover { transform: none; border-bottom-color: var(--site-primary, #fb4400); box-shadow: none; }
body.theme-plus .inst-values-head h2 { font-size: 2.4rem; letter-spacing: -.02em; }
body.theme-plus .inst-values-list { grid-template-columns: repeat(4, 1fr); }
body.theme-plus .inst-values-list li { flex-direction: column; gap: 12px; }
body.theme-plus .inst-assoc-link { border-radius: 8px; padding: 14px 30px; }

/* ── الصور: زاوية مقصوصة وشريط برتقالي عريض ── */
body.theme-plus .widget-icon,
body.theme-plus .common-banner-image { border-radius: 10px; }
body.theme-plus .widget-icon::after,
body.theme-plus .common-banner-image::after {
    content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 10px;
    background: var(--site-primary, #fb4400);
}
body.theme-plus .widget-icon img { filter: contrast(1.1) saturate(1.08); }
/* ── القائمة: تسطير سميك ── */
body.theme-plus .navbar-nav .nav-link.active { background: transparent !important; color: var(--pl-ink) !important; border-bottom: 4px solid var(--site-primary, #fb4400); border-radius: 0 !important; }
body.theme-plus .nav-link { font-weight: 700; }

/* ── الداخلية: شريط برتقالي فوق عنوان ضخم، والأيقونة على الجهة النهائية ── */
/* Icon at the far end, text still starting at the container edge.
   row-reverse put the icon right but pushed the text off the start,
   leaving a wide empty band of colour beside it. */
body.theme-plus .common-banner-icon { order: 2; margin-inline-start: auto; }
body.theme-plus .common-banner-text { order: 1; }
body.theme-plus .common-banner-icon { border-radius: 10px; }
body.theme-plus .common-banner-text h1 {
    font-weight: 900; letter-spacing: -.025em; position: relative; padding-top: 22px;
    font-size: clamp(1.8rem, 1.1rem + 2.2vw, 3rem);
}
body.theme-plus .common-banner-text h1::before {
    content: ""; position: absolute; top: 0; inset-inline-start: 0;
    width: 84px; height: 8px; background: var(--site-primary, #fb4400);
}

/* ── الشريط العلوي: روابط ثم نداء عمل مصمت ── */
body.theme-plus .pl-topbar { background: var(--pl-ink); color: #c4cede; font-size: .8rem; }
body.theme-plus .pl-topbar-inner { display: flex; align-items: center; gap: 22px; min-height: 42px; }
body.theme-plus .pl-topbar-links { gap: 22px; font-weight: 600; }
body.theme-plus .pl-topbar-links li.active a { color: var(--site-primary, #fb4400); }
body.theme-plus .pl-topbar-cta {
    margin-inline-start: auto; background: var(--site-primary, #fb4400); color: #fff !important;
    padding: 9px 24px; font-weight: 800; border-radius: 8px; text-transform: uppercase;
    font-size: .76rem; letter-spacing: .06em;
}
body.theme-plus .pl-topbar-cta:hover { opacity: 1; filter: brightness(1.1); }

/* ── الشريط العلوي: نداء واحد على لون العلامة ── */
body.theme-plus .pl-topbar { background: var(--site-primary, #fb4400); color: #fff; }
body.theme-plus .pl-topbar-row { min-height: 46px; position: relative; justify-content: center; gap: 18px; }
body.theme-plus .pl-topbar-line { font-size: .88rem; font-weight: 600; }
/* الإيميل والهاتف — طلب صريح، جنب الجملة والزرار في نفس الشريط. */
body.theme-plus .pl-topbar-tel,
body.theme-plus .pl-topbar-mail {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #fff;
    font-size: .82rem;
    font-weight: 600;
}
body.theme-plus .pl-topbar-tel:hover,
body.theme-plus .pl-topbar-mail:hover { opacity: .85; }
body.theme-plus .pl-topbar-cta {
    background: var(--pl-ink); color: #fff; padding: 8px 22px; border-radius: 8px;
    font-weight: 800; font-size: .76rem; text-transform: uppercase; letter-spacing: .06em;
}
body.theme-plus .pl-topbar-cta:hover { filter: brightness(1.25); opacity: 1; }
body.theme-plus .pl-topbar-lang { position: absolute; inset-inline-end: 0; top: 50%; transform: translateY(-50%); margin-inline-start: 0; }

/* طلب صريح: على الموبايل جملة "We will help you find..." تتخفي،
   ويفضل بس التليفون والإيميل وREGISTER NOW. */
@media (max-width: 575.98px) {
    body.theme-plus .pl-topbar-line { display: none; }
}

/* ══════════════════════════════════════════════════════════
   القائمة الرئيسية — زرّ محاط يفتح الكتالوج كله
   One bordered block carries the whole catalogue and stands at
   the head of the row; the rest are shortcuts beside it.
   ══════════════════════════════════════════════════════════ */
body.theme-plus nav.navbar { background: #fff; }
body.theme-plus .navbar-nav > li.has-megamenu { order: -1; margin-inline-end: 14px; }
body.theme-plus .navbar-nav > li.has-megamenu > .nav-link {
    border: 2px solid var(--site-primary, #fb4400);
    color: var(--site-primary, #fb4400) !important;
    border-radius: 8px; padding: 8px 18px !important;
    font-weight: 800; font-size: .8rem; text-transform: uppercase; letter-spacing: .05em;
    background: transparent !important;
}
body.theme-plus .navbar-nav > li.has-megamenu > .nav-link:hover {
    background: var(--site-primary, #fb4400) !important; color: #fff !important;
}
body.theme-plus .navbar-nav > li > .nav-link { font-size: .86rem; font-weight: 700; }
body.theme-plus .navbar-nav > li > .nav-link.active {
    color: var(--site-primary, #fb4400) !important; background: transparent !important;
}

/* حبر هذا الشريط: يستعمله الرابط ساكناً ومحوَّماً عليه سواء. */
body.theme-plus nav.navbar { --nav-ink: #001e45; }
body.theme-plus .navbar-nav > li.has-megamenu > .nav-link:hover {
    color: #fff !important;
}

@media (prefers-reduced-motion: reduce) {
    body.theme-plus .pl-rail a { transition: none; }
}

/* ═══ الشريط العلوي: قليل من البنود، كتير من الفراغ ═══════════
   المرجع leoron: اللوجو على الجنب، ومجموعة صغيرة في النص بخط 12px
   uppercase وتباعد حروف واسع ورمادي غامق — مفيش مربعات ملونة ولا
   خطوط تحت البنود. والباقي مش بيتشال، بيتنقل جوّه "More" اللي أصلاً
   شايل All Cities و All Associations و Contact Us.
   ═══════════════════════════════════════════════════════════ */

/* البنود اللي اتنقلت جوّه More تتشال من الصف. و"الصفحة الرئيسية"
   بتتشال لأن اللوجو نفسه بيروحها — زي leoron بالظبط. */
body.theme-plus #dt-header-section .navbar-nav > li.custom-tablet-menu-hide { display: none !important; }
body.theme-plus #dt-header-section .navbar-nav > li.custom-tablet-menu-show { display: list-item !important; }
body.theme-plus #dt-header-section .navbar-nav > li.nav-item:first-child { display: none !important; }

/* المجموعة في النص، والبحث واللغة على آخر الصف. */
body.theme-plus #dt-header-section .navbar-nav {
    align-items: center;
    justify-content: center;
    gap: 30px;
}
body.theme-plus #dt-header-section .navbar-nav > li { margin-block: 0 !important; }

/* Courses بيرجع مكانه الطبيعي في الصف بدل ما يتقدّم لوحده. */
body.theme-plus .navbar-nav > li.has-megamenu { order: 0; margin-inline-end: 0; }

/* الخط: 12px، uppercase، تباعد 1.2px، وزن متوسط، رمادي غامق. */
body.theme-plus #dt-header-section .navbar-nav > li > .nav-link,
body.theme-plus #dt-header-section .navbar-nav > li > a {
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    padding: 10px 2px !important;
    background: none !important;
    border: 0 !important;
    border-radius: 0 !important;
}

body.theme-plus #dt-header-section nav.navbar { --nav-ink: #2c2c2c; }

/* البند الحالي: خط شعرة تحته بدل الشريط البرتقالي العريض. */
body.theme-plus #dt-header-section .navbar-nav > li > .nav-link.active {
    border-bottom: 1px solid var(--site-primary, #fb4400) !important;
    color: var(--pl-ink) !important;
}

body.theme-plus #dt-header-section .navbar-nav > li > .nav-link:hover {
    box-shadow: none;
    opacity: .62;
}

/* أيقونة الشبكة جنب Courses — نفس علامة CATEGORIES عند leoron. */
body.theme-plus #dt-header-section .navbar-nav > li.has-megamenu > .nav-link::before {
    content: "";
    display: inline-block;
    width: 13px; height: 13px;
    margin-inline-end: 8px;
    vertical-align: -2px;
    background-color: currentColor;
    -webkit-mask: var(--pl-grid) center / contain no-repeat;
            mask: var(--pl-grid) center / contain no-repeat;
}

body.theme-plus {
    --pl-grid: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 13"><rect width="3" height="3" x="0" y="0"/><rect width="3" height="3" x="5" y="0"/><rect width="3" height="3" x="10" y="0"/><rect width="3" height="3" x="0" y="5"/><rect width="3" height="3" x="5" y="5"/><rect width="3" height="3" x="10" y="5"/><rect width="3" height="3" x="0" y="10"/><rect width="3" height="3" x="5" y="10"/><rect width="3" height="3" x="10" y="10"/></svg>');
}

/* الـ NEW: كلمة زي أخواتها، مش كبسولة وردي. */
body.theme-plus #dt-header-section .navbar-nav .blink {
    background: none !important;
    color: var(--site-primary, #fb4400) !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    letter-spacing: inherit;
    animation: none !important;
}

/* اللغة: بند لوحده ملزوق في آخر الصف.
   كانت بتتلاقط بـ:nth-last-child(2) — بعد ما Search اتشال من منيو
   المعاهد الجلسة دي، العنصر التاني من الآخر بقى لوحة "More" المخفية
   في الديسكتوب مش اللغة، فالـmargin:auto كان بيتحط على عنصر مخفي
   ومالوش أي أثر على الصف. استهداف .custom-languagenew مباشرة أوثق. */
body.theme-plus #dt-header-section .navbar-nav > li > .nav-link.custom-languagenew {
    margin-inline-start: auto !important;
}

/* علم دائري قبل الكلمة، وشكل كبسولة محدّدة بلون العلامة — زي
   المرجع (flag-icons: علم + النص جنبه).
   العلم بموضع absolute بدل ما يبقى عنصر فليكس: طول سطر الكلمة
   العربية مختلف عن ارتفاع الدائرة الـ18px، وأي فرق كان بيخلي
   التوسيط بالفليكس يمركز صندوق السطر مش الدائرة والحروف مع بعض.
   الموضع المطلق بيتمركز على ارتفاع الكبسولة نفسها بصرف النظر عن ده. */
body.theme-plus #dt-header-section .navbar-nav > li > .nav-link.custom-languagenew {
    display: inline-block !important;
    position: relative;
    border: 1px solid var(--site-primary, #fb4400) !important;
    border-radius: 999px !important;
    padding-block: 6px !important;
    padding-inline-start: 30px !important;
    padding-inline-end: 14px !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    color: var(--site-primary, #fb4400) !important;
}
body.theme-plus #dt-header-section .navbar-nav > li > .nav-link.custom-languagenew:hover {
    background: var(--site-primary, #fb4400) !important;
    color: #fff !important;
    opacity: 1;
}
body.theme-plus .navbar-nav > li > .nav-link.custom-languagenew::before {
    content: "";
    position: absolute;
    inset-inline-start: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
}
body.theme-plus:not([dir="rtl"]) .navbar-nav > li > .nav-link.custom-languagenew::before {
    background-image: url(../../images/institutes/icons/plus/flag-ar.png);
}
body.theme-plus[dir="rtl"] .navbar-nav > li > .nav-link.custom-languagenew::before {
    background-image: url(../../images/institutes/icons/plus/flag-en.png);
}
/* "اللغة العربية" بخط عربي طالعة أعلى من مركز العلم رغم إن "ENGLISH"
   بره كانت مظبوطة بنفس الكود — فرق ارتفاع الحروف بين الخطين، مش
   مشكلة في التمركز نفسه. نزول بسيط بمقدار ثابت للنص العربي بس. */
body.theme-plus:not([dir="rtl"]) .navbar-nav > li > .nav-link.custom-languagenew b {
    position: relative;
    top: 5px;
}

@media (max-width: 991px) {
    /* على الضيّق النظام الأصلي هو الصح: كل البنود ظاهرة في الدرج. */
    body.theme-plus #dt-header-section .navbar-nav > li.custom-tablet-menu-hide,
    body.theme-plus #dt-header-section .navbar-nav > li.nav-item:first-child { display: list-item !important; }
    body.theme-plus #dt-header-section .navbar-nav { justify-content: flex-start; gap: 0; }
    body.theme-plus #dt-header-section .navbar-nav > li > .nav-link.custom-languagenew { margin-inline-start: 0 !important; }
}

/* ── لوحة الدورات: ورق مخططات مرقّم ───────────────────────── */
body.theme-plus .megamenu {
    background:
        linear-gradient(rgba(255, 255, 255, .04) 1px, transparent 1px) 0 0 / 100% 34px,
        linear-gradient(90deg, rgba(255, 255, 255, .04) 1px, transparent 1px) 0 0 / 34px 100%,
        var(--site-accent, #001e45) !important;
}

/* الترقيم اتشال خالص — نفس اللي حصل لـglobal/omani/abfa. أيقونات
   plus هنا فعلاً بألوان الهوية (بادچ برتقالي #fb4400 + شريط كحلي
   #001e45 + رسمة بيضا)، فبانت واضحة على الأرضية الغامقة من غير
   أي تعديل لون — عرضتها زي ما هي. */
body.theme-plus .inst-mega { --inst-mega-line: rgba(255, 255, 255, .12); }
body.theme-plus #dt-header-section .megamenu { padding: 12px 0 8px; }

body.theme-plus .inst-mega-icon {
    display: block;
    width: 26px;
    height: 26px;
    border-radius: 7px;
    flex: 0 0 auto;
}

body.theme-plus .inst-mega-grid { gap: 8px 16px; }

body.theme-plus .inst-mega-card {
    border: 1px solid rgba(255, 255, 255, .12);
    border-radius: 10px;
    padding: 8px 10px;
    background: rgba(255, 255, 255, .03);
    transition: border-color .15s ease, background .15s ease, transform .15s ease, box-shadow .15s ease;
}

body.theme-plus .inst-mega-name { color: #e7eefa; font-size: .85rem; line-height: 1.25; }

body.theme-plus .inst-mega-card:hover {
    border-color: var(--site-primary, #fb4400);
    background: rgba(251, 68, 0, .12);
    box-shadow: 0 8px 20px rgba(251, 68, 0, .28);
    transform: translateY(-2px);
}
body.theme-plus .inst-mega-card:hover .inst-mega-name { color: #fff; }

/* ══════════════════════════════════════════════════════════
   التذييل — نطاقين غير متماثلين، مش شبكة أعمدة متساوية
   ------------------------------------------------------------
   طلب صريح: تصميم مختلف عن almawred/global/glomac (لوحة غامقة
   بأعمدة متساوية) وعن abfa (عمود واحد متمركز فاتح). "asymmetric.
   Oversized type" هي هوية الصفحة أصلاً من فوق الملف ده — نطاق
   دعوة-للعمل غامق بخط ضخم أعلى، وتحته نطاقين مش متساويين
   (2:1: رف تخصصات/مدن كـchips مدوّرة، وعمود روابط سريعة ضيّق)
   بدل صناديق متطابقة. زوايا مدوّرة في كل حتة، زي .pl-hero-links
   و.pl-rail بالظبط.
   ═══════════════════════════════════════════════════════════ */
body.theme-plus #dt-home-footer-section { padding: 0; }

body.theme-plus .pl-footer-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 24px;
    background: var(--pl-ink, #001e45);
    color: #fff;
    padding: 44px 0;
    margin: -20px calc(-50vw + 50%) 0;
    padding-inline: calc(50vw - 50% + 15px);
}

body.theme-plus .pl-footer-cta-line {
    font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.2rem);
    line-height: 1.2;
    font-weight: 900;
    letter-spacing: -.02em;
    margin: 0 0 12px;
    max-width: 20ch;
}

body.theme-plus .pl-footer-cta-sub { margin: 0; font-size: .92rem; }
body.theme-plus .pl-footer-cta-sub a { color: #c4cede; text-decoration: none; font-weight: 600; }
body.theme-plus .pl-footer-cta-sub a:hover { color: #fff; }
body.theme-plus .pl-footer-cta-sub a + a::before {
    content: "•";
    display: inline-block;
    margin: 0 10px;
    color: var(--site-primary, #fb4400);
}

body.theme-plus .pl-footer-cta-btn {
    flex: none;
    background: var(--site-primary, #fb4400);
    color: #fff;
    text-decoration: none;
    font-weight: 800;
    font-size: .92rem;
    letter-spacing: .02em;
    padding: 15px 34px;
    border-radius: 999px;
    transition: filter .15s ease, transform .15s ease;
}
body.theme-plus .pl-footer-cta-btn:hover { filter: brightness(1.12); transform: translateY(-2px); }

body.theme-plus .pl-footer-split {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 40px;
    background: #f5f7fb;
    padding: 44px 0 46px;
    margin: 0 calc(-50vw + 50%);
    padding-inline: calc(50vw - 50% + 15px);
}

body.theme-plus .pl-footer-label {
    font-size: .7rem;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 800;
    color: var(--pl-ink, #001e45);
    margin: 0 0 14px;
}
body.theme-plus .pl-footer-label-2 { margin-top: 30px; }

/* حبّات مستديرة (pills) كانت هنا الأول، وبعدها فقرة نص ضخم بفواصل
   مايلة — الاتنين اتجربوا وطلعوا "مش حلو" (تقييم صريح): الفقرة
   الضخمة كانت تقيلة وصعبة القراءة كقايمة روابط، والعمود الجنبي
   (Quick Links) فضل نحيف قدامها فالتوازن اختل. رجعت هنا لقايمة
   نضيفة معتدلة (زي .pl-footer-list) بس بعلامة مربّع صغير مستدير
   الزوايا (نفس نظام التقويس العام لـplus: 8px) بدل نقطة، وبعمودين
   جنب بعض (Explore Subjects | Top Locations) عشان العرض يتوزّع
   صح قدام Quick Links مش يطلع كتلة واحدة تقيلة. */
body.theme-plus .pl-footer-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

body.theme-plus .pl-footer-list { list-style: none; margin: 0; padding: 0; }
body.theme-plus .pl-footer-list li { padding-bottom: 12px; font-size: .9rem; }
body.theme-plus .pl-footer-list a {
    position: relative;
    display: inline-block;
    padding-inline-start: 16px;
    color: #445064;
    text-decoration: none;
    font-weight: 600;
}
body.theme-plus .pl-footer-list a::before {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    top: .38em;
    width: 7px;
    height: 7px;
    border-radius: 2px;
    background: var(--site-primary, #fb4400);
}
body.theme-plus .pl-footer-list a:hover { color: var(--site-primary, #fb4400); }

@media (max-width: 767px) {
    body.theme-plus .pl-footer-cta { padding: 34px 0; text-align: center; justify-content: center; }
    body.theme-plus .pl-footer-cta-line { max-width: none; }
    body.theme-plus .pl-footer-split { grid-template-columns: 1fr; gap: 30px; padding: 34px 0; }
    body.theme-plus .pl-footer-cols { grid-template-columns: 1fr; gap: 26px; }
}

/* ══════════════════════════════════════════════════════════
   Available Cities — مرجع copextraining.com: عنوان بكلمة ملوّنة،
   فقرة قصيرة، شبكة حبّات (pills) مصمتة، وكرة أرضية مجرّدة على
   الجنب. هنا بنفس منطق plus: عدم تماثل (نص وحبّات على جنب، الكرة
   على التاني)، زوايا مدوّرة، ونوع الخط الضخم بس على العنوان بس —
   مش على قائمة الحبّات زي أول مسودة للفوتر ("مش حلو" كان عليها).
   ══════════════════════════════════════════════════════════ */
body.theme-plus .pl-cities { padding: 64px 0; background: #fff; }

body.theme-plus .pl-cities-grid {
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 50px;
    align-items: center;
}

body.theme-plus .pl-cities-heading {
    font-size: clamp(1.7rem, 1.1rem + 1.8vw, 2.5rem);
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: -.02em;
    color: var(--pl-ink, #001e45);
    margin: 0 0 16px;
}
body.theme-plus .pl-cities-heading span { color: var(--site-primary, #fb4400); }

body.theme-plus .pl-cities-lede {
    color: #5d6b7a;
    font-size: 1rem;
    line-height: 1.7;
    max-width: 52ch;
    margin: 0 0 28px;
}

body.theme-plus .pl-cities-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
body.theme-plus .pl-cities-pill {
    display: inline-block;
    background: var(--pl-ink, #001e45);
    color: #fff;
    font-weight: 700;
    font-size: .9rem;
    padding: 11px 22px;
    border-radius: 999px;
    text-decoration: none;
    transition: background .15s ease, transform .15s ease;
}
body.theme-plus .pl-cities-pill:hover {
    background: var(--site-primary, #fb4400);
    color: #fff;
    transform: translateY(-2px);
}
body.theme-plus .pl-cities-pill--all {
    background: #fff;
    color: var(--pl-ink, #001e45);
    border: 1.5px solid var(--pl-line, #e2e6ee);
}
body.theme-plus .pl-cities-pill--all:hover {
    background: var(--pl-ink, #001e45);
    color: #fff;
    border-color: var(--pl-ink, #001e45);
}

body.theme-plus .pl-cities-globe { display: flex; justify-content: center; }
body.theme-plus .pl-cities-globe svg { width: 100%; max-width: 320px; height: auto; }

/* طلب صريح: "الكورة الأرضية بتلف". خط طول واحد ثابت مش بيبان إنه
   بيلف — rx بتاعه بيتحرّك بين عريض (واقف مواجه الكاميرا) وضيق
   (واقف على الحرف)، وده اللي بيدّي إحساس دوران الكرة حوالين محورها
   الرأسي. تلات خطوط بفرق توقيت (delay) عشان يبانوا بيتبادلوا مكانهم
   باستمرار بدل ما يتحركوا مع بعض كتلة واحدة. */
@keyframes pl-globe-spin {
    0%   { rx: 130; }
    50%  { rx: 4; }
    100% { rx: 130; }
}
body.theme-plus .pl-globe-meridian {
    animation: pl-globe-spin 8s linear infinite;
    transform-origin: 160px 160px;
}
body.theme-plus .pl-globe-meridian-1 { animation-delay: 0s; }
body.theme-plus .pl-globe-meridian-2 { animation-delay: -2.667s; }
body.theme-plus .pl-globe-meridian-3 { animation-delay: -5.333s; }

@media (prefers-reduced-motion: reduce) {
    body.theme-plus .pl-globe-meridian { animation: none; }
}

@media (max-width: 991px) {
    body.theme-plus .pl-cities-grid { grid-template-columns: 1fr; gap: 34px; text-align: center; }
    body.theme-plus .pl-cities-lede { margin-inline: auto; }
    body.theme-plus .pl-cities-pills { justify-content: center; }
    body.theme-plus .pl-cities-globe { order: -1; max-width: 220px; margin-inline: auto; }
}

/* Categories, second build — first attempt (a static 5-col numbered-card
   grid) was rejected ("مش عجبني"). This one is a hard register change
   instead of another grid: a dark "console" panel (--pl-ink navy, the same
   tone already used for hover states elsewhere in this theme) holding a
   single native horizontally-scrolling strip of cards — no JS carousel
   library, just overflow-x auto + scroll-snap. Each card carries a
   monospace bracketed index tag in the site's orange accent, a white-forced
   icon, and the title. Distinct from both the first attempt and the cities
   section's light globe/pill treatment. */
body.theme-plus .pl-categories { padding: 64px 0; background: var(--pl-ink, #001e45); overflow: hidden; }

body.theme-plus .pl-categories-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 24px;
    margin: 0 0 36px;
}
body.theme-plus .pl-categories-heading {
    font-size: clamp(1.7rem, 1.1rem + 1.8vw, 2.5rem);
    font-weight: 900;
    line-height: 1.15;
    letter-spacing: -.02em;
    color: #fff;
    margin: 0;
}
body.theme-plus .pl-categories-heading span { color: var(--site-primary, #fb4400); }
body.theme-plus .pl-categories-all {
    flex: none;
    font-weight: 700;
    font-size: .9rem;
    color: #fff;
    text-decoration: none;
    border-bottom: 2px solid var(--site-primary, #fb4400);
    padding-bottom: 2px;
}
body.theme-plus .pl-categories-all:hover { color: var(--site-primary, #fb4400); }

body.theme-plus .pl-categories-strip {
    display: flex;
    gap: 18px;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x proximity;
    padding-block: 4px 14px;
    margin: 0 -4px;
    padding-inline: 4px;
    scrollbar-width: thin;
    scrollbar-color: var(--site-primary, #fb4400) rgba(255,255,255,.12);
}

body.theme-plus .pl-category {
    position: relative;
    flex: 0 0 208px;
    scroll-snap-align: start;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 6px;
    padding: 22px 18px 20px;
    text-decoration: none;
    transition: border-color .15s ease, background .15s ease, box-shadow .15s ease;
}
body.theme-plus .pl-category:hover {
    border-color: var(--site-primary, #fb4400);
    background: rgba(255,255,255,.08);
    box-shadow: 0 0 28px -10px rgba(251,68,0,.55);
}

body.theme-plus .pl-category-tag {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .03em;
    color: var(--site-primary, #fb4400);
}

/* الأيقونات جايه شارات ملونة جاهزة (زي اللي في كل المواقع التانية)
   مش رسمة خط شفافة — invert() كان بيحوّلها لمربع أبيض صافي (نفس
   المشكلة اللي حصلت في almawred). شريحة فاتحة خلفها بدل الفلتر. */
body.theme-plus .pl-category-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px; height: 40px;
    border-radius: 6px;
    background: rgba(255,255,255,.92);
}
body.theme-plus .pl-category-icon img { width: 24px; height: 24px; object-fit: contain; }

body.theme-plus .pl-category-title {
    font-weight: 800;
    font-size: .92rem;
    line-height: 1.35;
    color: #fff;
}

@media (max-width: 575px) {
    body.theme-plus .pl-categories-head { flex-direction: column; align-items: flex-start; gap: 10px; }
    body.theme-plus .pl-category { flex-basis: 178px; padding: 18px 15px 16px; }
}

/* ── الخدمات (كانت inst-tiles-grid المشتركة، سطر 259 فوق —
   بقت مسارها مش بيتنفّذ خالص بعد ما اتحط ملف عرض خاص). قسمة
   غير متماثلة زي ما "Direction" الملف بيقول: عنوان كبير عمود
   أعرض، والخدمات التلاتة صف رفيع في عمود أضيق — مش لوحة غامقة
   تانية زي قسم categories فوق. */
/* ثاني تصميم. عنوان جنب قائمة أرقام [01][02] اتقالها "غيّرها"
   مع شوية معاهد تانية من غير سبب محدد — فكرة تالتة: عنوان في
   النص فوق، وتحته صف كروت متوازية الأضلاع (skew بسيط) — قصّة
   تقنية مائلة بدل قائمة نصية، والمحتوى جوه كل كارت بيترّجع
   للوضع المستقيم (counter-skew) عشان يفضل مقروء. */
/* overflow-x:clip — الطرف المايل لآخر بلاطة كان بيطلع 1px بره الشاشة (خط برتقالي على يمين الصفحة كلها) */
body.theme-plus .pl-tiles { padding: 20px 0 64px; background: #fff; overflow-x: clip; }

body.theme-plus .pl-tiles-heading {
    text-align: center;
    font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.1rem);
    font-weight: 800;
    line-height: 1.18;
    color: var(--pl-ink);
    margin: 0 0 34px;
    letter-spacing: -.02em;
}
body.theme-plus .pl-tiles-heading span { color: var(--site-primary, #fb4400); }

body.theme-plus .pl-tiles-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

body.theme-plus .pl-tile {
    display: block;
    text-decoration: none;
    transform: skewX(-8deg);
    background: #f5f6f8;
    border-inline-start: 3px solid var(--site-primary, #fb4400);
    transition: background .18s ease, transform .18s ease;
}
body.theme-plus .pl-tile:hover { background: #eef0f3; transform: skewX(-8deg) translateY(-4px); }
[dir="rtl"] body.theme-plus .pl-tile { transform: skewX(8deg); }
[dir="rtl"] body.theme-plus .pl-tile:hover { transform: skewX(8deg) translateY(-4px); }

body.theme-plus .pl-tile-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    padding: 26px 14px;
    transform: skewX(8deg);
}
[dir="rtl"] body.theme-plus .pl-tile-inner { transform: skewX(-8deg); }

body.theme-plus .pl-tile-icon { width: 28px; height: 28px; object-fit: contain; }
body.theme-plus .pl-tile-icon-bi {
    display: flex; align-items: center; justify-content: center;
    font-size: 22px; color: var(--pl-ink);
}
body.theme-plus .pl-tile:hover .pl-tile-icon-bi { color: var(--site-primary, #fb4400); }

body.theme-plus .pl-tile-label {
    font-weight: 800;
    font-size: .92rem;
    color: var(--pl-ink);
}

@media (max-width: 767px) {
    body.theme-plus .pl-tiles-row { grid-template-columns: repeat(2, 1fr); }
}

/* ═══ الرئيسية: كتلة التخصصات — بلس: فسيفساء (bento) — طلب صريح 2026-09-05 "عايز تصميم جديد" ═══
   على لوح كحلي بعرض الصفحة: شبكة 6 أعمدة، البلاطة الأولى والسادسة بعرض
   عمودين، والألوان بتتبادل كحلي فاتح / أبيض / برتقالي. الأيقونة كبيرة في
   الركن العلوي والعنوان في الركن السفلي. عند التحويم البلاطة بتتحرك لفوق
   وشريط برتقالي بيطلع على حافتها. الماركب هو كتلة صفحة /categories زي ما هي. */
body.theme-plus .inst-pagegrid--categories { background: #001e45; padding: 52px 0 44px; }
body.theme-plus .inst-pagegrid--categories .inst-pagegrid-head h2 { color: #fff; text-transform: uppercase; letter-spacing: .08em; font-size: 1.3rem; }
body.theme-plus .inst-pagegrid--categories .inst-pagegrid-head h2::after { content: ""; display: block; width: 56px; height: 4px; background: #fb4400; margin-top: 8px; }
body.theme-plus .inst-pagegrid--categories .inst-pagegrid-head a { color: #fb4400; text-transform: uppercase; letter-spacing: .06em; font-size: .85rem; }
body.theme-plus .inst-pagegrid--categories #categorymain-listing-section .row.text-left { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); grid-auto-rows: 132px; gap: 12px; margin: 0; }
body.theme-plus .inst-pagegrid--categories .categorymain-listing-wrap-box { flex: none !important; max-width: none !important; width: auto; padding: 0; margin: 0 !important; }
body.theme-plus .inst-pagegrid--categories .categorymain-listing-wrap-box:nth-child(1),
body.theme-plus .inst-pagegrid--categories .categorymain-listing-wrap-box:nth-child(7),
body.theme-plus .inst-pagegrid--categories .categorymain-listing-wrap-box:nth-child(12),
body.theme-plus .inst-pagegrid--categories .categorymain-listing-wrap-box:nth-child(14) { grid-column: span 2; }
body.theme-plus .inst-pagegrid--categories .box2.services-box { display: flex !important; flex-direction: column; justify-content: space-between; align-items: flex-start; height: 100%; width: 100%; background: #0b2f66; box-shadow: none !important; border-radius: 8px; padding: 14px 16px !important; position: relative; overflow: hidden; transition: transform .18s ease; }
body.theme-plus .inst-pagegrid--categories .box2.services-box::after { content: ""; position: absolute; inset-inline-start: 0; bottom: 0; width: 0; height: 4px; background: #fb4400; transition: width .25s ease; }
body.theme-plus .inst-pagegrid--categories .box2.services-box:hover { transform: translateY(-4px); }
body.theme-plus .inst-pagegrid--categories .box2.services-box:hover::after { width: 100%; }
body.theme-plus .inst-pagegrid--categories .categorymain-listing-wrap-box:nth-child(3n+2) .box2.services-box { background: #fff; }
body.theme-plus .inst-pagegrid--categories .categorymain-listing-wrap-box:nth-child(3n) .box2.services-box { background: #fb4400; }
body.theme-plus .inst-pagegrid--categories .categorymain-listing-wrap-box:nth-child(3n) .box2.services-box::after { background: #001e45; }
body.theme-plus .inst-pagegrid--categories .categorypage-icon { width: 44px !important; height: 44px !important; float: none !important; border: 0 !important; box-shadow: none !important; background: transparent !important; display: flex !important; align-items: center; justify-content: center; }
body.theme-plus .inst-pagegrid--categories .categorypage-icon > img { width: 36px !important; margin: 0 !important; filter: brightness(0) invert(1); opacity: .95; }
body.theme-plus .inst-pagegrid--categories .categorymain-listing-wrap-box:nth-child(3n+2) .categorypage-icon > img { filter: none; }
body.theme-plus .inst-pagegrid--categories .categorypage-content { width: 100% !important; padding: 0 !important; height: auto !important; }
body.theme-plus .inst-pagegrid--categories .categorypage-content h6 { min-height: 0 !important; padding: 0 !important; margin: 0; font-size: .86rem !important; font-weight: 400 !important; line-height: 1.3; color: #fff; }
body.theme-plus .inst-pagegrid--categories .categorymain-listing-wrap-box:nth-child(3n+2) .categorypage-content h6 { color: #001e45; }
body.theme-plus .inst-pagegrid--categories .categorypage-content a { position: absolute; inset: 0; font-size: 0 !important; color: transparent !important; }
body.theme-plus .inst-pagegrid--categories .categorypage-content a i { display: none; }
@media (max-width: 991px) {
    body.theme-plus .inst-pagegrid--categories #categorymain-listing-section .row.text-left { grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: 120px; }
    body.theme-plus .inst-pagegrid--categories .categorymain-listing-wrap-box:nth-child(1),
    body.theme-plus .inst-pagegrid--categories .categorymain-listing-wrap-box:nth-child(7),
    body.theme-plus .inst-pagegrid--categories .categorymain-listing-wrap-box:nth-child(12),
    body.theme-plus .inst-pagegrid--categories .categorymain-listing-wrap-box:nth-child(14) { grid-column: span 1; }
}
@media (max-width: 575px) { body.theme-plus .inst-pagegrid--categories #categorymain-listing-section .row.text-left { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* ═══ الدورات القادمة — بلس: كروت جريئة (طلب صريح 2026-09-05) ═══
   3 كروت في الصف، شريط برتقالي فوق، كتلة تاريخ كحلية كبيرة على اليسار،
   عنوان كحلي uppercase صغير، تفاصيل رمادية، وزر "Register" برتقالي. عند
   التحويم الكارت بيتقلب كحلي والزر أبيض. */
body.theme-plus .inst-upcoming { background: #f4f6fa; }
body.theme-plus .inst-upcoming-head h2 { color: #001e45; text-transform: uppercase; letter-spacing: .06em; font-size: 1.5rem; }
body.theme-plus .inst-upcoming-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
body.theme-plus .inst-upcoming-list li { border: 0 !important; }
body.theme-plus .inst-upcoming-list a { background: #fff; border-radius: 6px; border-top: 5px solid var(--site-primary, #fb4400); padding: 16px; gap: 14px; align-items: flex-start; height: 100%; box-shadow: 0 6px 16px rgba(0,30,69,.06); transition: background .18s, transform .18s; }
body.theme-plus .inst-upcoming-list a:hover { background: var(--site-accent, #001e45); transform: translateY(-3px); }
body.theme-plus .inst-upcoming-date { width: 62px; height: 62px; background: var(--site-accent, #001e45); border-radius: 4px; }
body.theme-plus .inst-upcoming-list a:hover .inst-upcoming-date { background: var(--site-primary, #fb4400); }
body.theme-plus .inst-upcoming-day { font-size: 1.5rem; }
body.theme-plus .inst-upcoming-body { gap: 8px; }
body.theme-plus .inst-upcoming-title { color: #001e45; text-transform: uppercase; letter-spacing: .03em; font-size: .86rem; line-height: 1.4; }
body.theme-plus .inst-upcoming-meta { flex-wrap: wrap; white-space: normal; font-size: .8rem; }
body.theme-plus .inst-upcoming-meta2 { display: flex; flex-wrap: wrap; gap: 10px; font-size: .76rem; color: #5a6a7c; }
body.theme-plus .inst-upcoming-meta2 i { margin-inline-end: 4px; color: var(--site-primary, #fb4400); }
body.theme-plus .inst-upcoming-book { display: inline-block; align-self: flex-start; margin-top: 4px; padding: 8px 16px; border-radius: 3px; background: var(--site-primary, #fb4400); color: #fff; font-size: .76rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
body.theme-plus .inst-upcoming-list a:hover .inst-upcoming-title, body.theme-plus .inst-upcoming-list a:hover .inst-upcoming-meta, body.theme-plus .inst-upcoming-list a:hover .inst-upcoming-meta2, body.theme-plus .inst-upcoming-list a:hover .inst-upcoming-city { color: #fff; }
body.theme-plus .inst-upcoming-list a:hover .inst-upcoming-book { background: #fff; color: var(--site-accent, #001e45); }
@media (max-width: 991px) { body.theme-plus .inst-upcoming-list { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { body.theme-plus .inst-upcoming-list { grid-template-columns: 1fr; } }

/* الدورات القادمة: كروت أصغر (طلب صريح 2026-09-06) */
body.theme-plus .inst-upcoming-list { grid-template-columns: repeat(4, 1fr); gap: 12px; }
body.theme-plus .inst-upcoming-list a { padding: 12px; gap: 10px; border-top-width: 4px; }
body.theme-plus .inst-upcoming-date { width: 50px; height: 50px; }
body.theme-plus .inst-upcoming-day { font-size: 1.2rem; }
body.theme-plus .inst-upcoming-body { gap: 6px; }
body.theme-plus .inst-upcoming-title { font-size: .78rem; }
body.theme-plus .inst-upcoming-meta, body.theme-plus .inst-upcoming-meta2 { font-size: .72rem; }
body.theme-plus .inst-upcoming-book { padding: 6px 12px; font-size: .7rem; }
@media (max-width: 991px) { body.theme-plus .inst-upcoming-list { grid-template-columns: repeat(2, 1fr); } }

/* (2026-09-18) طلب صريح: أيقونة "Face-to-Face" غلط — camera-video-fill
   (بتاعة الأونلاين) كانت متحطوطة غلط هنا بدل أيقونة حضوري. بقت
   easel2-fill (سبورة/فليب تشارت، رمز التدريب الحضوري). */
/* أيقونات بيانات الكارت الخاصة بالمعهد (طلب 2026-09-07): calendar2-event / type / easel2-fill (حضوري) / pin-map / building-check */
body.theme-plus.pg-training-courses .course-date .bi-calendar-check-fill::before{content:"\f1fe"}
body.theme-plus.pg-training-courses .course-language .bi-flag-fill::before{content:"\f5f7"}
body.theme-plus.pg-training-courses .course-language .bi-bookmarks-fill::before{content:"\f66c"} /* easel2-fill */
body.theme-plus.pg-training-courses .course-location .bi-signpost-split-fill::before{content:"\f64c"}
body.theme-plus.pg-training-courses .course-time .bi-signpost-split-fill::before{content:"\f868"}

/* --- training-courses fix 9edafccf5e917444d7029ead8350c2bc --- */

/* أيقونات بيانات الكارت الخاصة بالمعهد (طلب 2026-09-07): calendar2-event / type / camera-video-fill / pin-map / building-check */
body.theme-plus.pg-training-courses .course-date .bi-calendar-check-fill::before{content:"\f1fe"}
body.theme-plus.pg-training-courses .course-language .bi-flag-fill::before{content:"\f5f7"}
body.theme-plus.pg-training-courses .course-language .bi-bookmarks-fill::before{content:"\f66c"} /* easel2-fill */
body.theme-plus.pg-training-courses .course-location .bi-signpost-split-fill::before{content:"\f64c"}
body.theme-plus.pg-training-courses .course-time .bi-signpost-split-fill::before{content:"\f868"}

/* --- training-courses fix 7a25b7e052ad0090b28be29265df6f5c --- */

/* أيقونات بيانات الكارت الخاصة بالمعهد (طلب 2026-09-07): calendar2-event / type / easel2-fill (حضوري) / pin-map / building-check */
body.theme-plus.pg-training-courses .course-date .bi-calendar-check-fill::before{content:"\f1fe"}
body.theme-plus.pg-training-courses .course-language .bi-flag-fill::before{content:"\f5f7"}
body.theme-plus.pg-training-courses .course-language .bi-bookmarks-fill::before{content:"\f66c"} /* easel2-fill */
body.theme-plus.pg-training-courses .course-location .bi-signpost-split-fill::before{content:"\f64c"}
body.theme-plus.pg-training-courses .course-time .bi-signpost-split-fill::before{content:"\f868"}

/* --- training-courses fix 0e9d8a039f6baa4c8a0e153cc2dd0ff3 --- */
/* ===== /training-courses — بلس (إعادة ثالثة 2026-09-07): بانر أبيض بعنوان كحلي وخط برتقالي، شريط فلتر كحلي بحقول بيضاء، كروت "تذكرة" 3 أعمدة: كعب كحلي على الجنب فيه التاريخ بخط برتقالي وثقبين دائريين، والباقي عنوان وبيانات بأيقونات وزر برتقالي ===== */
body.theme-plus.pg-training-courses #common-banner-section-image{background:#fff;border-bottom:1px solid #e2e6ee}
body.theme-plus.pg-training-courses #common-banner-section-image::before{display:none}
body.theme-plus.pg-training-courses #common-banner-section-image .common-banner-section-box{padding:22px 0 18px;align-items:center}
body.theme-plus.pg-training-courses #common-banner-section-image .common-banner-image,body.theme-plus.pg-training-courses #common-banner-section-image .common-banner-text .space15,body.theme-plus.pg-training-courses #common-banner-section-image .common-banner-text .space5,body.theme-plus.pg-training-courses #common-banner-section-image .common-banner-text form{display:none}
body.theme-plus.pg-training-courses #common-banner-section-image .common-banner-text{max-width:none}
body.theme-plus.pg-training-courses #common-banner-section-image .common-banner-text h1{color:#001e45;margin:0 0 10px;font-size:1.9rem;display:inline-block;padding-bottom:6px;border-bottom:3px solid #fb4400}
body.theme-plus.pg-training-courses #common-banner-section-image .common-banner-text p{color:#5d6b7a;font-size:.9rem}
body.theme-plus.pg-training-courses #common-filter-box-modal-one{margin-top:0;padding:12px 0;background:#001e45}
body.theme-plus.pg-training-courses #common-filter-box-modal-one .box2{background:transparent;box-shadow:none;padding:0;border-radius:0}
body.theme-plus.pg-training-courses #common-filter-box-modal-one .form-control{background:#fff;border:0;border-radius:4px;height:36px;color:#001e45}
body.theme-plus.pg-training-courses #common-filter-box-modal-one .menu-two.darkblue-color{background:#fff!important;border:0!important;color:#001e45!important;border-radius:4px;padding:0 14px}
body.theme-plus.pg-training-courses #common-filter-box-modal-one .menu-two.darkblue-color:hover{background:#fb4400!important;color:#fff!important}
body.theme-plus.pg-training-courses #common-filter-box-modal-one .menu-two.purple-color{background:#fb4400!important;border-color:#fb4400!important;color:#fff!important;border-radius:4px}
body.theme-plus.pg-training-courses #common-white-section{background:#f5f7fb;padding:26px 0}
body.theme-plus.pg-training-courses #common-white-section .box{background:transparent;box-shadow:none;padding:0}
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting,body.theme-plus.pg-training-courses .courselist-style-inside .courselisting.virtual{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:0;background:#fff;border:1px solid #e2e6ee;border-radius:12px;padding:0;overflow:visible;box-shadow:0 2px 10px rgba(0,30,69,.06);position:relative;transition:transform .2s,box-shadow .2s}
body.theme-plus.pg-training-courses .courselisting:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(0,30,69,.14)}
body.theme-plus.pg-training-courses .courselisting::before,body.theme-plus.pg-training-courses .courselisting::after{content:'';position:absolute;inset-inline-start:86px;width:20px;height:20px;border-radius:50%;background:#f5f7fb;border:1px solid #e2e6ee;z-index:2}
body.theme-plus.pg-training-courses .courselisting::before{top:-11px;border-top-color:transparent}
body.theme-plus.pg-training-courses .courselisting::after{bottom:-11px;border-bottom-color:transparent}
body.theme-plus.pg-training-courses .courselisting .course-image,body.theme-plus.pg-training-courses .courselisting .space5,body.theme-plus.pg-training-courses .courselisting .space15{display:none}
body.theme-plus.pg-training-courses .course-date{grid-column:1;grid-row:1/8;background:#001e45;color:#fff;border-radius:12px 0 0 12px;border-inline-end:2px dashed rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;font-size:.82rem;line-height:1.35;padding:14px 10px;position:relative}
body[dir="rtl"].theme-plus.pg-training-courses .course-date{border-radius:0 12px 12px 0}
body.theme-plus.pg-training-courses .course-date::before{content:'';position:absolute;inset-inline-start:0;top:0;bottom:0;width:5px;background:#fb4400;border-radius:12px 0 0 12px}
body[dir="rtl"].theme-plus.pg-training-courses .course-date::before{border-radius:0 12px 12px 0}
body.theme-plus.pg-training-courses .course-date i.bi{display:none}
body.theme-plus.pg-training-courses .course-title{grid-column:2;font-size:.95rem;line-height:20px;min-height:40px;color:#001e45;font-weight:700;padding:14px 16px 6px}
body.theme-plus.pg-training-courses .course-language,body.theme-plus.pg-training-courses .course-location{grid-column:2;padding:0 16px;font-size:.82rem;line-height:22px;color:#5d6b7a}
body.theme-plus.pg-training-courses .courselisting i.bi{color:#fb4400!important}
body.theme-plus.pg-training-courses .courselisting form{grid-column:2;padding:10px 16px 14px}
body.theme-plus.pg-training-courses .courselisting .btn-primary{background:#fb4400!important;border-color:#fb4400!important;color:#fff!important;border-radius:6px;font-weight:700;width:auto;display:inline-block;padding:6px 18px}
body.theme-plus.pg-training-courses .courselisting:hover .btn-primary{background:#001e45!important;border-color:#001e45!important}
@media (min-width:1200px){body.theme-plus.pg-training-courses #course_list{grid-template-columns:repeat(3,1fr);gap:22px}}
@media (min-width:992px) and (max-width:1199px){body.theme-plus.pg-training-courses #course_list{grid-template-columns:repeat(2,1fr);gap:20px}}

/* --- btn-secondary = btn-primary (2026-09-07) --- */
/* صفحة الأونلاين بنفس تصميم الحضوري: زر الدورات الافتراضية (.btn-secondary) بنفس تنسيق الزر العادي */
body.theme-plus.pg-training-courses .courselisting .btn-secondary{background:#fb4400!important;border-color:#fb4400!important;color:#fff!important;border-radius:6px;font-weight:700;width:auto;display:inline-block;padding:6px 18px}
body.theme-plus.pg-training-courses .courselisting:hover .btn-secondary{background:#001e45!important;border-color:#001e45!important}

/* --- training-courses fix 7233649f363331e76d1b750c638cc89f --- */
body.theme-plus.pg-training-courses.page-online #common-banner-section-image .common-banner h1{color:#001e45;display:inline-block;padding-bottom:6px;border-bottom:3px solid #fb4400;margin:0 0 10px}
body.theme-plus.pg-training-courses.page-online #common-banner-section-image .common-banner p{color:#5d6b7a}

/* --- training-courses fix 6296ef0f36aa81a836b2fb34e5217fbd --- */
/* (2026-09-07) "التصميم حلو بس عايز لمسة فنية" — بلس: بانر بشكل برتقالي مائل ونقاط خفيفة، شريط فلتر بحافة برتقالية، كعب التذكرة بخطوط مائلة خفيفة وشريط برتقالي، ظلال ناعمة ورفع عند المرور، عنوان يتلوّن برتقالي */
body.theme-plus.pg-training-courses #common-banner-section-image{background:#fff radial-gradient(rgba(0,30,69,.07) 1px,transparent 1.5px) 0 0/22px 22px;border-bottom:0;position:relative;overflow:hidden}
body.theme-plus.pg-training-courses #common-banner-section-image::after{content:'';position:absolute;inset-inline-end:-120px;top:-40px;width:520px;height:320px;background:linear-gradient(120deg,#fb4400,#ff7a3d);transform:skewX(-18deg);border-radius:0 0 0 60px;opacity:.95}
body.theme-plus.pg-training-courses #common-banner-section-image .common-banner-section-box{padding:30px 0 26px}
body.theme-plus.pg-training-courses #common-banner-section-image .common-banner-text{max-width:760px}
body.theme-plus.pg-training-courses #common-banner-section-image .common-banner-text h1{font-size:2.1rem;border-bottom:0;padding-bottom:0;margin:0 0 6px;position:relative;padding-inline-start:18px}
body.theme-plus.pg-training-courses #common-banner-section-image .common-banner-text h1::before{content:'';position:absolute;inset-inline-start:0;top:6px;bottom:6px;width:6px;background:#fb4400;border-radius:3px}
body.theme-plus.pg-training-courses #common-banner-section-image .common-banner-text p{padding-inline-start:18px}
body.theme-plus.pg-training-courses #common-banner-section-image .common-banner-text form{display:block;margin:14px 0 0 18px}
body[dir="rtl"].theme-plus.pg-training-courses #common-banner-section-image .common-banner-text form{margin:14px 18px 0 0}
body.theme-plus.pg-training-courses #searresultscourses-btn2{background:#001e45!important;border-color:#001e45!important;color:#fff!important;border-radius:6px;padding:8px 20px;box-shadow:0 6px 16px rgba(0,30,69,.2)}
body.theme-plus.pg-training-courses #searresultscourses-btn2:hover,body.theme-plus.pg-training-courses #searresultscourses-btn2:focus{background:#fb4400!important;border-color:#fb4400!important;color:#fff!important}
body.theme-plus.pg-training-courses #common-filter-box-modal-one{background:#001e45;border-bottom:4px solid #fb4400}
body.theme-plus.pg-training-courses #common-filter-box-modal-one .form-control{border-radius:6px;transition:box-shadow .2s}
body.theme-plus.pg-training-courses #common-filter-box-modal-one .form-control:focus{box-shadow:0 0 0 3px rgba(251,68,0,.35)}
body.theme-plus.pg-training-courses #common-filter-box-modal-one .menu-two.darkblue-color,body.theme-plus.pg-training-courses #common-filter-box-modal-one .menu-two.purple-color{border-radius:6px}
body.theme-plus.pg-training-courses #common-white-section{background:#f5f7fb radial-gradient(rgba(0,30,69,.05) 1px,transparent 1.5px) 0 0/22px 22px}
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting,body.theme-plus.pg-training-courses .courselist-style-inside .courselisting.virtual{box-shadow:0 4px 14px rgba(0,30,69,.08);transition:transform .25s,box-shadow .25s}
body.theme-plus.pg-training-courses .courselisting:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(0,30,69,.16)}
body.theme-plus.pg-training-courses .course-date{background:#001e45 repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 6px,transparent 6px 12px);font-size:.8rem!important;letter-spacing:.02em}
body.theme-plus.pg-training-courses .course-date::after{content:'';position:absolute;inset-inline-end:-6px;top:50%;width:12px;height:12px;border-radius:50%;background:#fb4400;transform:translateY(-50%)}
body.theme-plus.pg-training-courses .course-title{transition:color .2s;font-size:.92rem!important}
body.theme-plus.pg-training-courses .courselisting:hover .course-title{color:#fb4400}
body.theme-plus.pg-training-courses .course-language,body.theme-plus.pg-training-courses .course-location{line-height:24px}
body.theme-plus.pg-training-courses .courselisting .btn-primary,body.theme-plus.pg-training-courses .courselisting .btn-secondary{border-radius:20px;padding:6px 20px;box-shadow:0 4px 10px rgba(251,68,0,.3);transition:background .2s,box-shadow .2s}
body.theme-plus.pg-training-courses .courselisting:hover .btn-primary,body.theme-plus.pg-training-courses .courselisting:hover .btn-secondary{box-shadow:0 6px 14px rgba(0,30,69,.3)}

/* --- training-courses fix f6791a12feb0142b77cd658190e8a0e3 --- */
/* الخط البرتقالي جنب العنوان كان بيظهر كنقطة (العنوان inline-block) */
body.theme-plus.pg-training-courses #common-banner-section-image .common-banner-text h1{display:block;line-height:1.2}
body.theme-plus.pg-training-courses #common-banner-section-image .common-banner-text h1::before{top:4px;bottom:4px;height:auto}

/* --- training-courses fix 5a4516dfb43cbbf939180518649a5c5f --- */
/* ===== الدورات الداخلية — بلس: الخطوات "تذاكر" بكعب كحلي فيه الرقم وخط برتقالي (زي كروت دوراته)، المزايا بنقاط برتقالية، زر برتقالي كبسولي (2026-09-07) ===== */
body.theme-plus .inst-ih{background:#f5f7fb radial-gradient(rgba(0,30,69,.05) 1px,transparent 1.5px) 0 0/22px 22px}
body.theme-plus .inst-ih-steps{background:transparent;border:0;box-shadow:none;padding:0}
body.theme-plus .inst-ih-h{color:#001e45}
body.theme-plus .inst-ih-h::after{background:#fb4400}
body.theme-plus .inst-ih-list{gap:14px}
body.theme-plus .inst-ih-list li{gap:0;background:#fff;border:1px solid #e2e6ee;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px rgba(0,30,69,.08)}
body.theme-plus .inst-ih-num{flex:0 0 72px;width:72px;height:auto;align-self:stretch;border-radius:0;background:#001e45 repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 6px,transparent 6px 12px);border-inline-end:2px dashed rgba(255,255,255,.5);box-shadow:inset 5px 0 0 #fb4400;font-size:1.3rem}
body[dir="rtl"].theme-plus .inst-ih-num{box-shadow:inset -5px 0 0 #fb4400}
body.theme-plus .inst-ih-body{padding:14px 18px}
body.theme-plus .inst-ih-benefits{border-radius:12px;border:1px solid #e2e6ee;border-bottom:3px solid #fb4400}
body.theme-plus .inst-ih-checks li .bi{color:#fb4400}
body.theme-plus .inst-ih-cta{background:#fb4400!important;border-color:#fb4400!important;color:#fff!important;border-radius:20px;box-shadow:0 4px 10px rgba(251,68,0,.3)}

/* --- training-courses fix d18a63fc7b72a6c8020fbadbd7997bb1 --- */
/* لمسة فنية: بلس — التذاكر ترتفع بظل، ثقبان دائريان عند خط القطع، بطاقة المزايا بظل، الزر بظل برتقالي */
body.theme-plus .inst-ih-list li{position:relative;overflow:visible;transition:transform .25s,box-shadow .25s}
body.theme-plus .inst-ih-list li:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(0,30,69,.16)}
body.theme-plus .inst-ih-list li::before,body.theme-plus .inst-ih-list li::after{content:'';position:absolute;inset-inline-start:62px;width:20px;height:20px;border-radius:50%;background:#f5f7fb;border:1px solid #e2e6ee;z-index:2}
body.theme-plus .inst-ih-list li::before{top:-11px;border-top-color:transparent}
body.theme-plus .inst-ih-list li::after{bottom:-11px;border-bottom-color:transparent}
body.theme-plus .inst-ih-benefits{box-shadow:0 8px 24px rgba(0,30,69,.08)}
body.theme-plus .inst-ih-checks li .bi{transition:transform .2s}
body.theme-plus .inst-ih-checks li:hover .bi{transform:scale(1.25)}

/* --- banner-icon = banner-image (2026-09-07) --- */
/* صفحة التخصص بانرها #common-banner-section-icon بنفس بنية بانر الصورة → نفس تصميم بانر الثيم */
body.theme-plus.pg-training-courses #common-banner-section-icon{background:#fff;border-bottom:1px solid #e2e6ee}
body.theme-plus.pg-training-courses #common-banner-section-icon::before{display:none}
body.theme-plus.pg-training-courses #common-banner-section-icon .common-banner-section-box{padding:22px 0 18px;align-items:center}
body.theme-plus.pg-training-courses #common-banner-section-icon .common-banner-image,body.theme-plus.pg-training-courses #common-banner-section-icon .common-banner-text .space15,body.theme-plus.pg-training-courses #common-banner-section-icon .common-banner-text .space5,body.theme-plus.pg-training-courses #common-banner-section-icon .common-banner-text form{display:none}
body.theme-plus.pg-training-courses #common-banner-section-icon .common-banner-text{max-width:none}
body.theme-plus.pg-training-courses #common-banner-section-icon .common-banner-text h1{color:#001e45;margin:0 0 10px;font-size:1.9rem;display:inline-block;padding-bottom:6px;border-bottom:3px solid #fb4400}
body.theme-plus.pg-training-courses #common-banner-section-icon .common-banner-text p{color:#5d6b7a;font-size:.9rem}
body.theme-plus.pg-training-courses.page-online #common-banner-section-icon .common-banner h1{color:#001e45;display:inline-block;padding-bottom:6px;border-bottom:3px solid #fb4400;margin:0 0 10px}
body.theme-plus.pg-training-courses.page-online #common-banner-section-icon .common-banner p{color:#5d6b7a}
body.theme-plus.pg-training-courses #common-banner-section-icon{background:#fff radial-gradient(rgba(0,30,69,.07) 1px,transparent 1.5px) 0 0/22px 22px;border-bottom:0;position:relative;overflow:hidden}
body.theme-plus.pg-training-courses #common-banner-section-icon::after{content:'';position:absolute;inset-inline-end:-120px;top:-40px;width:520px;height:320px;background:linear-gradient(120deg,#fb4400,#ff7a3d);transform:skewX(-18deg);border-radius:0 0 0 60px;opacity:.95}
body.theme-plus.pg-training-courses #common-banner-section-icon .common-banner-section-box{padding:30px 0 26px}
body.theme-plus.pg-training-courses #common-banner-section-icon .common-banner-text{max-width:760px}
body.theme-plus.pg-training-courses #common-banner-section-icon .common-banner-text h1{font-size:2.1rem;border-bottom:0;padding-bottom:0;margin:0 0 6px;position:relative;padding-inline-start:18px}
body.theme-plus.pg-training-courses #common-banner-section-icon .common-banner-text h1::before{content:'';position:absolute;inset-inline-start:0;top:6px;bottom:6px;width:6px;background:#fb4400;border-radius:3px}
body.theme-plus.pg-training-courses #common-banner-section-icon .common-banner-text p{padding-inline-start:18px}
body.theme-plus.pg-training-courses #common-banner-section-icon .common-banner-text form{display:block;margin:14px 0 0 18px}
body[dir="rtl"].theme-plus.pg-training-courses #common-banner-section-icon .common-banner-text form{margin:14px 18px 0 0}
body.theme-plus.pg-training-courses #common-banner-section-icon .common-banner-text h1{display:block;line-height:1.2}
body.theme-plus.pg-training-courses #common-banner-section-icon .common-banner-text h1::before{top:4px;bottom:4px;height:auto}

/* --- training-courses fix 9d338067ce4c6aa818eb6a31068132cb --- */
/* ===== الصفحات الداخلية — بلس: تذاكر بكعب كحلي فيه الأيقونة وخط برتقالي (زي كروته)، خلفية بنقاط، الأسئلة بحد برتقالي عند الفتح ===== */
body.theme-plus .inst-about,body.theme-plus .inst-faq,body.theme-plus .inst-pub,body.theme-plus .inst-clients{background:#f5f7fb radial-gradient(rgba(0,30,69,.05) 1px,transparent 1.5px) 0 0/22px 22px}
body.theme-plus .inst-about-pillar,body.theme-plus .inst-pub-feat{display:grid;grid-template-columns:72px 1fr;column-gap:16px;padding:0;overflow:hidden;border-radius:12px;border-color:#e2e6ee}
body.theme-plus .inst-about-pillar .bi,body.theme-plus .inst-pub-feat .bi{grid-row:1/3;background:#001e45 repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 6px,transparent 6px 12px);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin:0;height:100%;box-shadow:inset 5px 0 0 #fb4400;border-inline-end:2px dashed rgba(255,255,255,.5)}
body[dir="rtl"].theme-plus .inst-about-pillar .bi,body[dir="rtl"].theme-plus .inst-pub-feat .bi{box-shadow:inset -5px 0 0 #fb4400}
body.theme-plus .inst-about-pillar h2,body.theme-plus .inst-pub-feat h2{padding:16px 16px 0 0;color:#001e45}
body[dir="rtl"].theme-plus .inst-about-pillar h2,body[dir="rtl"].theme-plus .inst-pub-feat h2{padding:16px 0 0 16px}
body.theme-plus .inst-about-pillar p,body.theme-plus .inst-pub-feat p{padding:0 16px 16px 0}
body[dir="rtl"].theme-plus .inst-about-pillar p,body[dir="rtl"].theme-plus .inst-pub-feat p{padding:0 0 16px 16px}
body.theme-plus .inst-about-h::after,body.theme-plus .inst-faq-h::after,body.theme-plus .inst-pub-h::after,body.theme-plus .inst-clients-h::after{background:#fb4400}
body.theme-plus .inst-about-h,body.theme-plus .inst-faq-h,body.theme-plus .inst-pub-h,body.theme-plus .inst-clients-h{color:#001e45}
body.theme-plus .inst-about-offer,body.theme-plus .inst-pub-terms,body.theme-plus .inst-faq-item,body.theme-plus .inst-clients-grid li{border-radius:12px;border-color:#e2e6ee;border-bottom:3px solid #fb4400}
body.theme-plus .inst-about-offer > .bi,body.theme-plus .inst-clients-grid li .bi{color:#001e45}
body.theme-plus .inst-about-offer-arrow,body.theme-plus .inst-faq-item summary .bi{color:#fb4400}
body.theme-plus .inst-faq-item[open]{border-bottom-color:#001e45}

/* --- training-courses fix 7896aed6337696ba9a7b7ce77b376d81 --- */
/* ===== بلس: تذاكر بكعب كحلي فيه الأيقونة وخط برتقالي (التخصصات)، بطاقات بحافة برتقالية سفلية (المدن/المقالات)، خلفية بنقاط ===== */
body.theme-plus.pg-training-courses #categorymain-listing-section,body.theme-plus.pg-training-courses #citymain-listing-section,body.theme-plus.pg-training-courses #common-listing-section{background:#f5f7fb radial-gradient(rgba(0,30,69,.05) 1px,transparent 1.5px) 0 0/22px 22px;padding:26px 0}
body.theme-plus.pg-training-courses .categorymain-listing-wrap-box > .box2,body.theme-plus.pg-training-courses .citymain-listing-wrap-box .box2,body.theme-plus.pg-training-courses .common-listing-wrap-box > .box2{border:1px solid #e2e6ee!important;border-radius:12px!important;box-shadow:0 4px 14px rgba(0,30,69,.08)!important;overflow:hidden;transition:transform .25s,box-shadow .25s}
body.theme-plus.pg-training-courses .categorymain-listing-wrap-box > .box2:hover,body.theme-plus.pg-training-courses .citymain-listing-wrap-box .box2:hover,body.theme-plus.pg-training-courses .common-listing-wrap-box > .box2:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(0,30,69,.16)!important}
body.theme-plus.pg-training-courses .categorymain-listing-wrap-box > .box2{padding:0;gap:0}
body.theme-plus.pg-training-courses .categorypage-icon{flex-basis:72px;width:72px;height:auto!important;align-self:stretch;background:#001e45 repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 6px,transparent 6px 12px);padding:16px;border-radius:0;box-shadow:inset 5px 0 0 #fb4400;border-inline-end:2px dashed rgba(255,255,255,.5)}
body[dir="rtl"].theme-plus.pg-training-courses .categorypage-icon{box-shadow:inset -5px 0 0 #fb4400}
body.theme-plus.pg-training-courses .categorypage-icon img{filter:brightness(0) invert(1)}
body.theme-plus.pg-training-courses .categorypage-content{padding:14px 16px}
body.theme-plus.pg-training-courses .citymain-listing-wrap-box .box2,body.theme-plus.pg-training-courses .common-listing-wrap-box > .box2{border-bottom:3px solid #fb4400!important}
body.theme-plus.pg-training-courses .categorypage-content a,body.theme-plus.pg-training-courses .widget-content a{color:#fb4400;font-weight:600}
body.theme-plus.pg-training-courses .common-listing-wrap-box .btn{background:#fb4400!important;border-color:#fb4400!important;color:#fff!important;border-radius:20px}

/* --- training-courses fix 24c0977de1c9387ebea60ab395c14452 --- */
/* ===== بلس: تذاكر بكعب كحلي فيه الأيقونة وخط برتقالي، خلفية بنقاط ===== */
body.theme-plus .inst-dl{background:#f5f7fb radial-gradient(rgba(0,30,69,.05) 1px,transparent 1.5px) 0 0/22px 22px}
body.theme-plus .inst-dl-item,body.theme-plus .inst-dl-request,body.theme-plus .inst-contact-card,body.theme-plus .inst-cra{border-radius:12px;border-color:#e2e6ee;border-bottom:3px solid #fb4400}
body.theme-plus .inst-dl-item{padding:0;overflow:hidden;gap:0}
body.theme-plus .inst-dl-item > .bi{background:#001e45 repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 6px,transparent 6px 12px);color:#fff;width:72px;align-self:stretch;display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:inset 5px 0 0 #fb4400;border-inline-end:2px dashed rgba(255,255,255,.5)}
body[dir="rtl"].theme-plus .inst-dl-item > .bi{box-shadow:inset -5px 0 0 #fb4400}
body.theme-plus .inst-dl-body{padding:16px}
body.theme-plus .inst-dl-arrow{margin-inline-end:16px;color:#fb4400}
body.theme-plus .inst-dl-h,body.theme-plus .inst-contact-h{color:#001e45}
body.theme-plus .inst-dl-h::after{background:#fb4400}
body.theme-plus .inst-contact-list li .bi{background:#001e45;color:#fff}
body.theme-plus .inst-cra-head > .bi{color:#001e45}
body.theme-plus .inst-cra-list li .bi{color:#fb4400}

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

/* --- training-courses fix fb20f42cd787ceaa88bcd563d2821df5 --- */
/* ===== بلس: شريط كحلي بحافة برتقالية وحقول بيضاء، زر برتقالي ===== */
body.theme-plus.pg-training-courses #fc-search .search-wrap{background:#001e45;border-bottom:4px solid #fb4400;border-radius:0;color:#fff;box-shadow:none}
body.theme-plus.pg-training-courses #fc-search .form-control,body.theme-plus.pg-training-courses #fc-search .chosen-choices,body.theme-plus.pg-training-courses #fc-search select{background:#fff!important;border:0!important;border-radius:6px!important}
body.theme-plus.pg-training-courses #fc-search .search-btns{background:#fb4400!important;border-color:#fb4400!important;color:#fff!important;border-radius:6px}

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

/* --- training-courses fix 554f69fa776177072ec9186ccbc2cb5a --- */
/* ===== بلس: تذاكر بكعب كحلي فيه الرقم وخط برتقالي، 4 أعمدة ===== */
body.theme-plus.pg-training-courses .categorymain-listing-wrap-box > .box2::before{content:counter(instcat);counter-increment:instcat;flex:0 0 68px;width:68px;align-self:stretch;background:#001e45 repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 6px,transparent 6px 12px);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:inset 5px 0 0 #fb4400;border-inline-end:2px dashed rgba(255,255,255,.5)}
body[dir="rtl"].theme-plus.pg-training-courses .categorymain-listing-wrap-box > .box2::before{box-shadow:inset -5px 0 0 #fb4400}
body.theme-plus.pg-training-courses .categorypage-content{padding:16px 14px}

/* --- training-courses fix 20ed634d565c31e38c494b99536ddb42 --- */
/* ===== بلس: رؤوس كحلية بحافة برتقالية، حقول مدوّرة 6px، خلفية بنقاط، بطاقة جانبية بحافة برتقالية سفلية ===== */
body.theme-plus.pg-training-courses #register-section{background:#f5f7fb radial-gradient(rgba(0,30,69,.05) 1px,transparent 1.5px) 0 0/22px 22px}
body.theme-plus.pg-training-courses #register-section .tabHead{background:#001e45;border-bottom:4px solid #fb4400;border-radius:12px 12px 0 0}
body.theme-plus.pg-training-courses #register-section .tabContent{border:1px solid #e2e6ee;border-radius:0 0 12px 12px}
body.theme-plus.pg-training-courses #register-section .form-control{border-radius:6px;border-color:#e2e6ee}
body.theme-plus.pg-training-courses #register-section .form-control:focus{border-color:#fb4400;box-shadow:0 0 0 3px rgba(251,68,0,.2)}
body.theme-plus.pg-training-courses .inst-form-side-card{border-radius:12px;border-color:#e2e6ee;border-bottom:3px solid #fb4400}
body.theme-plus.pg-training-courses .inst-form-side-list li .bi{background:#001e45;color:#fff}

/* --- training-courses fix bbeec2176a61a7c1a08d2a4a833f18f0 --- */
body.theme-plus.pg-training-courses #register-section .tabHead{background:#001e45!important;border-bottom:4px solid #fb4400!important;border-radius:12px 12px 0 0!important}

/* --- training-courses fix 1ef2d1e8efaa1e089e23002456b948a1 --- */
body.theme-plus.pg-training-courses #register-section .tabContent{border:1px solid #e2e6ee!important;border-radius:0 0 12px 12px!important}

/* --- training-courses fix 4780bd7beb4ca94e9f4b6ef7bca06b2d --- */
/* ===== بلس: خلفية بنقاط، بطاقة بحافة برتقالية سفلية، التاريخ شارة كحلية، المرتبطة تذاكر صغيرة ===== */
body.theme-plus.pg-post-page{background:#f5f7fb radial-gradient(rgba(0,30,69,.05) 1px,transparent 1.5px) 0 0/22px 22px}
body.theme-plus.pg-post-page .blog-webinar-articles-details-left .box,body.theme-plus.pg-post-page .blog-webinar-articles-details-right .box2{border-radius:12px;border-color:#e2e6ee;border-bottom:3px solid #fb4400}
body.theme-plus.pg-post-page .blog-webinar-articles-details-left .box h1{color:#001e45}
body.theme-plus.pg-post-page .blog-webinar-articles-details-left .box .course-date{background:#001e45;color:#fff;display:inline-block;padding:4px 12px;border-radius:6px;border-bottom:3px solid #fb4400}
body.theme-plus.pg-post-page .blog-webinar-articles-details-left .box .course-date i{color:#fb4400!important}

/* --- training-courses fix 30d2564d2e3e5e5ae8a5bd521f4dcb55 --- */
/* ===== بلس: تبويبات كحلية بحافة برتقالية للنشط، خلفية بنقاط، بطاقات جدول بحافة برتقالية ===== */
body.theme-plus.pg-training-courses #coursedetails-content-section{background:#f5f7fb radial-gradient(rgba(0,30,69,.05) 1px,transparent 1.5px) 0 0/22px 22px}
body.theme-plus.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link{border-radius:8px 8px 0 0;background:#e2e6ee;color:#001e45}
body.theme-plus.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link.active{background:#001e45;color:#fff;box-shadow:inset 0 -4px 0 #fb4400}
body.theme-plus.pg-training-courses #coursedetails-content-section .tab-content{border-radius:0 12px 12px 12px;border-color:#e2e6ee}
body.theme-plus.pg-training-courses .session-card{border-radius:12px!important;border-bottom:3px solid #fb4400!important}

/* --- training-courses fix 3161eab5141472bb9d7b318210b31b4c --- */
body.theme-plus.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link{border-radius:8px 8px 0 0!important;background:#e2e6ee!important;color:#001e45!important}

/* --- training-courses fix 05ce0db07b217f2fa4726ebdad65fde9 --- */
body.theme-plus.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link.active{background:#001e45!important;color:#fff!important;box-shadow:inset 0 -4px 0 #fb4400!important}

/* --- training-courses fix 58bdaf8be26fff21442fb71870b5c85a --- */
html.theme-plus{background:#fb4400}

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

body.theme-plus.pg-training-courses #coursedetails-buttons-section{background:#f5f7fb radial-gradient(rgba(0,30,69,.05) 1px,transparent 1.5px) 0 0/22px 22px;padding-top:22px}
body.theme-plus.pg-training-courses #coursedetails-buttons-section .box2{border:1px solid #e2e6ee!important;border-radius:14px!important;box-shadow:0 4px 14px rgba(0,30,69,.08)!important;position:relative;overflow:hidden}
body.theme-plus.pg-training-courses #coursedetails-buttons-section .box2::before{content:'';position:absolute;inset-block:0;inset-inline-start:0;width:6px;background:#fb4400}
body.theme-plus.pg-training-courses #coursedetails-buttons-section .custom-outline-box-desktop{padding-inline-start:14px}

body.theme-plus.pg-training-courses #coursedetails-content-section{padding:26px 0 34px}

/* غلاف الأكورديون: بلا كارت أبيض ولا حدود — الخلفية المنقّطة هي المسرح */
body.theme-plus.pg-training-courses .pltk-wrap{background:transparent!important;box-shadow:none!important;border:0!important;padding:0!important;margin:0!important}
body.theme-plus.pg-training-courses .pltk-list{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;display:flex;flex-direction:column;gap:18px}

/* شريط أعلى المحتوى: عنوان القسم + كتلة التواصل */
body.theme-plus.pg-training-courses .pltk-top{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:20px;border-bottom:2px dashed #c3cee1}
body.theme-plus.pg-training-courses .pltk-toph{margin:0;color:#001e45;font-size:1.35rem;font-weight:800;letter-spacing:.01em;position:relative;padding-inline-start:16px;line-height:1.3}
body.theme-plus.pg-training-courses .pltk-toph::before{content:'';position:absolute;inset-inline-start:0;top:2px;bottom:2px;width:6px;background:#fb4400;border-radius:3px}
body.theme-plus.pg-training-courses .pltk-top .inst-cra{margin:0!important;flex:0 1 620px;min-width:0}

/* التذكرة */
body.theme-plus.pg-training-courses .pltk{position:relative;background:#fff;border:1px solid #e2e6ee;border-radius:14px;box-shadow:0 4px 14px rgba(0,30,69,.08);transition:box-shadow .25s ease,transform .25s ease}
body.theme-plus.pg-training-courses .pltk:hover{box-shadow:0 14px 30px rgba(0,30,69,.15)}
body.theme-plus.pg-training-courses .pltk.is-open{box-shadow:0 14px 32px rgba(0,30,69,.16)}

/* رأس التذكرة — شريط كحلي بحافة برتقالية */
body.theme-plus.pg-training-courses .pltk-head{display:grid;grid-template-columns:66px minmax(0,1fr) auto auto;align-items:stretch;width:100%;margin:0;padding:0;border:0;border-radius:13px;background:#001e45;color:#fff;text-align:start;cursor:pointer;overflow:hidden;box-shadow:inset 6px 0 0 #fb4400;transition:background .2s ease}
body[dir="rtl"].theme-plus.pg-training-courses .pltk-head{box-shadow:inset -6px 0 0 #fb4400}
body.theme-plus.pg-training-courses .pltk-head:focus{outline:3px solid rgba(251,68,0,.55);outline-offset:2px}
body.theme-plus.pg-training-courses .pltk-head:hover{background:#05295a}
body.theme-plus.pg-training-courses .pltk.is-open .pltk-head{border-radius:13px 13px 0 0;background:#001e45}

body.theme-plus.pg-training-courses .pltk-stub{display:flex;align-items:center;justify-content:center;padding:17px 0;font-size:1.3rem;color:#fff;background:repeating-linear-gradient(135deg,rgba(255,255,255,.10) 0 6px,transparent 6px 12px);border-inline-end:2px dashed rgba(255,255,255,.45)}
body.theme-plus.pg-training-courses .pltk-stub .bi{line-height:1}
body.theme-plus.pg-training-courses .pltk-label{display:flex;align-items:center;padding:0 20px;font-size:1.05rem;font-weight:700;color:#fff;letter-spacing:.01em}
body.theme-plus.pg-training-courses .pltk-no{display:flex;align-items:center;padding:0 16px;font-size:.95rem;font-weight:800;letter-spacing:.12em;color:rgba(255,255,255,.5);border-inline-start:2px dashed rgba(255,255,255,.28)}
body.theme-plus.pg-training-courses .pltk-chev{display:flex;align-items:center;justify-content:center;width:54px;color:#fb4400}
body.theme-plus.pg-training-courses .pltk-chev::before{content:'';display:block;width:10px;height:10px;margin-top:-5px;border-right:2.5px solid currentColor;border-bottom:2.5px solid currentColor;transform:rotate(45deg);transition:transform .25s ease,margin .25s ease}
body.theme-plus.pg-training-courses .pltk.is-open .pltk-chev::before{transform:rotate(-135deg);margin-top:5px}

/* جسم التذكرة — تحت خط القطع المنقّط، بثقبين على الجانبين */
body.theme-plus.pg-training-courses .pltk.is-open .pltk-head{border-bottom:3px solid #fb4400}
body.theme-plus.pg-training-courses .pltk-body{display:none;position:relative;padding:38px 30px 28px;border-radius:0 0 13px 13px;background:#fff linear-gradient(90deg,#bcc8dd 0 9px,rgba(0,0,0,0) 9px 18px) 0 15px/18px 2px repeat-x}
body[dir="rtl"].theme-plus.pg-training-courses .pltk-body{background-position:100% 15px}
body.theme-plus.pg-training-courses .pltk.is-open > .pltk-body{display:block}
body.theme-plus.pg-training-courses .pltk-body::before,body.theme-plus.pg-training-courses .pltk-body::after{content:'';position:absolute;top:6px;width:20px;height:20px;border-radius:50%;background:#f5f7fb;border:1px solid #e2e6ee;z-index:3}
body.theme-plus.pg-training-courses .pltk-body::before{inset-inline-start:-11px}
body.theme-plus.pg-training-courses .pltk-body::after{inset-inline-end:-11px}
body.theme-plus.pg-training-courses .pltk-body > .tab-pane > .row > [class^="col-"] > p,body.theme-plus.pg-training-courses .pltk-body > .tab-pane > .row > [class^="col-"] > ul{max-width:108ch}

/* الألواح كانت مخفية بـ tab-pane fade — هنا كلها ظاهرة جوّه تذكرتها */
body.theme-plus.pg-training-courses .pltk-body .tab-pane{display:block!important;opacity:1!important;visibility:visible!important;border:0!important;padding:0!important;background:transparent!important}

/* تنسيق داخل التذكرة */
body.theme-plus.pg-training-courses .pltk-body h6{color:#001e45!important;font-size:1rem;font-weight:800;position:relative;padding-inline-start:16px;margin-bottom:10px}
body.theme-plus.pg-training-courses .pltk-body h6::before{content:'';position:absolute;inset-inline-start:0;top:.36em;width:7px;height:7px;background:#fb4400;border-radius:2px}
body.theme-plus.pg-training-courses .pltk-body p,body.theme-plus.pg-training-courses .pltk-body li{color:#3d4c5e}
body.theme-plus.pg-training-courses .pltk-body .ouline-area li::marker,body.theme-plus.pg-training-courses .pltk-body ul li::marker{color:#fb4400}
body.theme-plus.pg-training-courses .pltk-body .year-heading{color:#001e45;font-size:1.05rem;font-weight:800;position:relative;padding-inline-start:16px}
body.theme-plus.pg-training-courses .pltk-body .year-heading::before{content:'';position:absolute;inset-inline-start:0;top:.28em;width:7px;height:7px;background:#fb4400;border-radius:2px}
body.theme-plus.pg-training-courses .pltk-body .session-card{border:1px solid #e2e6ee!important;border-inline-start:5px solid #fb4400!important;border-radius:12px!important;box-shadow:0 3px 12px rgba(0,30,69,.07)}
body.theme-plus.pg-training-courses .pltk-body .price-tag{background:#f5f7fb!important;border-color:#dfe5f0!important;border-radius:10px!important}
body.theme-plus.pg-training-courses .pltk-body .btn-secondary{background:#fb4400!important;border-color:#fb4400!important;color:#fff!important;border-radius:20px!important}

/* كتلة التواصل فوق: نفس حواف التذكرة */
body.theme-plus.pg-training-courses .pltk-top .inst-cra{border-radius:14px;border:1px solid #e2e6ee;border-bottom:3px solid #fb4400;box-shadow:0 4px 14px rgba(0,30,69,.08);background:#fff}

@media (max-width:991px){body.theme-plus.pg-training-courses .pltk-top{display:none}}

/* --- course-details accordion polish (2026-09-08) --- */
/* الحافة البرتقالية بتكمّل نازلة على طول التذكرة المفتوحة، ورفع خفيف عند المرور */
body.theme-plus.pg-training-courses .pltk:hover{transform:translateY(-2px)}
body.theme-plus.pg-training-courses .pltk.is-open > .pltk-body{box-shadow:inset 6px 0 0 #fb4400}
body[dir="rtl"].theme-plus.pg-training-courses .pltk.is-open > .pltk-body{box-shadow:inset -6px 0 0 #fb4400}
body.theme-plus.pg-training-courses .pltk-body{padding-inline-start:34px}

/* الثقبان بيخرجوا 11px برّه الكارت — نخفيهم لما المساحة الجانبية تقلّ عشان
   ما يظهرش سكرول أفقي (الحاوية 960 والشاشة ممكن تبقى 993). */
@media (max-width:1229px){
  body.theme-plus.pg-training-courses .pltk-body::before,
  body.theme-plus.pg-training-courses .pltk-body::after{display:none}
}

/* ============================================================
   بلس — الصفحات الداخلية المشتركة على فكرة "قسيمة الصعود"
   (boarding pass). 2026-09-08.
   ------------------------------------------------------------
   كل قسم بيتحوّل لتذكرة: ورقة بيضا، كعب ملوّن، خط تقطيع منقّط،
   ثقبين نص الجوانب، وحافة مقطوعة أسفلها. الملفات اللي بتستعمل
   الكلاسات دي كلها تحت app/Views/themes/plus/institute/.
   الأرضية لازم تفضل لون واحد مصمت لأن الثقوب والحافة المقطوعة
   مرسومين بنفس اللون عشان يبانوا "فراغ".
   ============================================================ */
body.theme-plus .plbp{
    --bp-ink:#001e45;
    --bp-or:#fb4400;
    --bp-paper:#fff;
    --bp-ground:#e9edf4;
    --bp-line:#d2dae7;
    --bp-mute:#56657c;
    background:var(--bp-ground);
    padding:40px 0 52px;
}

/* مقدمة البانر — كعب تذكرة صغير */
body.theme-plus .plbp-lede{
    display:block;
    padding-inline-start:16px;
    border-inline-start:2px dashed rgba(0,30,69,.35);
    position:relative;
}
body.theme-plus .plbp-lede::before{
    content:'';position:absolute;inset-inline-start:-5px;top:.45em;
    width:8px;height:8px;background:var(--site-primary,#fb4400);border-radius:2px;
}

/* عنوان قسم داخل تذكرة — بخط علوي وباركود صغير */
body.theme-plus .plbp-h{
    display:flex;align-items:center;gap:14px;
    margin:0 0 18px;
    font-size:1.15rem;font-weight:800;letter-spacing:.10em;text-transform:uppercase;
    color:var(--bp-ink);
}
body.theme-plus .plbp-h::after{
    content:'';flex:0 1 260px;height:12px;
    background:repeating-linear-gradient(90deg,rgba(0,30,69,.30) 0 2px,transparent 2px 5px,rgba(0,30,69,.30) 5px 6px,transparent 6px 11px);
}

/* ── كعوب الرؤية/الرسالة/القيم ───────────────────────────── */
body.theme-plus .plbp-passes{
    display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:42px;
}
body.theme-plus .plbp-pass{
    position:relative;overflow:hidden;
    background:var(--bp-paper);
    border:1px solid var(--bp-line);
    border-radius:14px 14px 0 0;
    padding-bottom:12px;
    transition:transform .2s ease;
}
body.theme-plus .plbp-pass:hover{transform:translateY(-4px)}
/* الحافة المقطوعة: مثلثات بلون الأرضية بتاكل آخر الورقة */
body.theme-plus .plbp-pass::after,
body.theme-plus .plbp-tear::after{
    content:'';position:absolute;inset-inline:0;bottom:0;height:11px;z-index:4;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11'%3E%3Cpath d='M0 11 9 0 18 11Z' fill='%23e9edf4'/%3E%3C/svg%3E") repeat-x bottom;
}
body.theme-plus .plbp-pass-top{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    padding:20px 20px 18px;
    background:var(--bp-ink) repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 7px,transparent 7px 14px);
    box-shadow:inset 6px 0 0 var(--bp-or);
    color:#fff;
}
body[dir="rtl"].theme-plus .plbp-pass-top{box-shadow:inset -6px 0 0 var(--bp-or)}
body.theme-plus .plbp-pass-top .bi{font-size:2rem;line-height:1;color:#fff}
body.theme-plus .plbp-bars{
    display:block;width:62px;height:28px;opacity:.55;
    background:repeating-linear-gradient(90deg,#fff 0 2px,transparent 2px 5px,#fff 5px 6px,transparent 6px 11px);
}
/* خط التقطيع + الثقبين */
body.theme-plus .plbp-perf{
    position:relative;height:0;
    border-top:2px dashed #b6c2d6;
}
body.theme-plus .plbp-notch{
    position:absolute;top:-12px;width:22px;height:22px;border-radius:50%;
    background:var(--bp-ground);border:1px solid var(--bp-line);
}
body.theme-plus .plbp-notch--s{inset-inline-start:-12px}
body.theme-plus .plbp-notch--e{inset-inline-end:-12px}
body.theme-plus .plbp-pass-body{padding:22px 22px 16px}
body.theme-plus .plbp-pass-body h2{
    margin:0 0 8px;font-size:1.1rem;font-weight:800;color:var(--bp-ink);
    letter-spacing:.02em;
}
body.theme-plus .plbp-pass-body p{margin:0;color:var(--bp-mute);line-height:1.7;font-size:.94rem}

/* ── صف تذاكر "ماذا نقدّم" ───────────────────────────────── */
body.theme-plus .plbp-row{
    display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:34px;
}
body.theme-plus .plbp-tkt{
    display:grid;grid-template-columns:132px minmax(0,1fr);
    position:relative;overflow:hidden;
    background:var(--bp-paper);
    border:1px solid var(--bp-line);border-radius:14px;
    text-decoration:none!important;
    transition:transform .2s ease,box-shadow .2s ease;
}
body.theme-plus .plbp-tkt:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(0,30,69,.14)}
body.theme-plus .plbp-tkt-stub{
    display:flex;flex-direction:column;justify-content:center;gap:10px;
    padding:20px 16px;
    background:var(--bp-ink) repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 7px,transparent 7px 14px);
    box-shadow:inset 6px 0 0 var(--bp-or);
    border-inline-end:2px dashed rgba(255,255,255,.45);
    color:#fff;
}
body[dir="rtl"].theme-plus .plbp-tkt-stub{box-shadow:inset -6px 0 0 var(--bp-or)}
body.theme-plus .plbp-tkt-stub .bi{font-size:1.6rem;line-height:1;color:var(--bp-or)}
body.theme-plus .plbp-tkt-stub strong{font-size:.98rem;font-weight:800;line-height:1.3;color:#fff}
body.theme-plus .plbp-tkt-main{
    display:flex;align-items:center;gap:12px;padding:18px 18px;
}
body.theme-plus .plbp-tkt-desc{flex:1;color:var(--bp-mute);font-size:.9rem;line-height:1.6}
body.theme-plus .plbp-tkt-go{
    flex:0 0 34px;width:34px;height:34px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:rgba(251,68,0,.10);color:var(--bp-or);font-size:1rem;
    transition:background .2s ease,color .2s ease;
}
body.theme-plus .plbp-tkt:hover .plbp-tkt-go{background:var(--bp-or);color:#fff}
/* ثقبين نص التذكرة الأفقية عند خط القص بين الكعب والورقة */
body.theme-plus .plbp-tkt::before,
body.theme-plus .plbp-tkt::after{
    content:'';position:absolute;inset-inline-start:120px;width:22px;height:22px;
    border-radius:50%;background:var(--bp-ground);border:1px solid var(--bp-line);z-index:3;
}
body.theme-plus .plbp-tkt::before{top:-12px}
body.theme-plus .plbp-tkt::after{bottom:-12px}
body[dir="rtl"].theme-plus .plbp-tkt::before,
body[dir="rtl"].theme-plus .plbp-tkt::after{inset-inline-start:auto;inset-inline-end:120px}

/* (2026-09-08) تذاكر "ماذا نقدّم" في صفحة "عن المعهد": المراجعة قالت إن الكعب
   الكحلي كان ملزوق في الورقة البيضا من غير أي فاصل، و"In-house courses" /
   "Online courses" كانوا بيتلفوا على سطرين ملزوقين في حرفي الكعب. الحل:
     • الكعب بقى أعرض وبحشوة أكبر، وبينه وبين الورقة فاصل أبيض 14px،
       وخط التقطيع المنقّط اتنقل لحافة الورقة (الثقوب اتظبطت على نفس الخط).
     • جسم التذكرة بقى عمودي: الشرح فوق بعرض كامل، والسهم تحت عند الحافة،
       فالشرح ما بقاش مخنوق جنب السهم. */
body.theme-plus .plbp-about .plbp-tkt{grid-template-columns:158px minmax(0,1fr)}
body.theme-plus .plbp-about .plbp-tkt-stub{
    gap:12px;padding:22px 20px;
    margin-inline-end:14px;          /* الفاصل الأبيض بين الكعب والورقة */
    border-inline-end:0;
}
body.theme-plus .plbp-about .plbp-tkt-stub strong{font-size:.95rem;line-height:1.45}
body.theme-plus .plbp-about .plbp-tkt-main{
    flex-direction:column;align-items:stretch;gap:14px;
    padding:20px 20px 18px;
    border-inline-start:2px dashed var(--bp-line);   /* خط التقطيع */
}
body.theme-plus .plbp-about .plbp-tkt-desc{flex:0 1 auto}
body.theme-plus .plbp-about .plbp-tkt-go{align-self:flex-end;margin-top:auto}
body.theme-plus .plbp-about .plbp-tkt::before,
body.theme-plus .plbp-about .plbp-tkt::after{inset-inline-start:147px}
body[dir="rtl"].theme-plus .plbp-about .plbp-tkt::before,
body[dir="rtl"].theme-plus .plbp-about .plbp-tkt::after{inset-inline-start:auto;inset-inline-end:147px}

/* (2026-09-09) اتشالت قواعد الشكل القديم لصفحتي /services/public-courses
   و/services/in-house-courses (.plbp-strip / .plbp-terms / .plbp-steps /
   .plbp-checks / .plbp-gate / .plbp-book-cta / .plbp--why). الصفحتان
   اتكتبوا بمعمار جديد (.plep / .plrq في آخر الملف) والكلاسات دي مبقتش
   مستعملة في أي ملف — سيبانها كان هيبقى CSS ميت.
   كتلة .plbp-book / .plbp-qa (الأسئلة الشائعة) مالهاش دعوة بالصفحتين
   دول فسايبها زي ما هي. */
@media (max-width:991px){
    body.theme-plus .plbp-passes,
    body.theme-plus .plbp-row{grid-template-columns:1fr}
}
@media (max-width:575px){
    body.theme-plus .plbp-tkt{grid-template-columns:1fr}
    body.theme-plus .plbp-tkt-stub{
        flex-direction:row;align-items:center;
        border-inline-end:0;border-bottom:2px dashed rgba(255,255,255,.45);
    }
    body.theme-plus .plbp-tkt::before,body.theme-plus .plbp-tkt::after{display:none}
    body.theme-plus .plbp-about .plbp-tkt{grid-template-columns:1fr}
    body.theme-plus .plbp-about .plbp-tkt-stub{margin-inline-end:0;margin-bottom:0;border-bottom:0;padding-bottom:20px}
    body.theme-plus .plbp-about .plbp-tkt-main{border-inline-start:0;border-top:2px dashed var(--bp-line);padding-top:18px}
}

/* ── العملاء: الكتلة القديمة (.plbp-chips / .plbp-wide) اتشالت 2026-09-09.
   كانت شبكة عشر رقاقات متساوية + تذكرة دعوة منفصلة، وهي نفس معمار المعلومات
   الموجود عند باقي المعاهد. البديل كعب تذكرة واحد بحقول معنونة في صفوف،
   قواعده في آخر الملف تحت (.plcl-*). القاعدتين مكانوش مستعملين في أي ملف
   تاني (اتأكدنا بالبحث)، فالحذف مش بيأثر على أي صفحة. */

/* ── الأسئلة الشائعة: كل مجموعة تذكرة، اسمها على الكعب ────── */
body.theme-plus .plbp-faq-list{display:grid;gap:22px;margin-bottom:38px}
body.theme-plus .plbp-book{
    position:relative;overflow:hidden;
    display:grid;grid-template-columns:230px minmax(0,1fr);
    background:var(--bp-paper);border:1px solid var(--bp-line);border-radius:16px;
}
body.theme-plus .plbp-book-stub{
    display:flex;flex-direction:column;gap:14px;
    padding:26px 22px;color:#fff;
    background:var(--bp-ink) repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 7px,transparent 7px 14px);
    box-shadow:inset 7px 0 0 var(--bp-or);
    border-inline-end:2px dashed rgba(255,255,255,.5);
}
body[dir="rtl"].theme-plus .plbp-book-stub{box-shadow:inset -7px 0 0 var(--bp-or)}
body.theme-plus .plbp-book-stub .bi{font-size:1.7rem;line-height:1;color:var(--bp-or)}
body.theme-plus .plbp-book-stub h2{
    margin:0;font-size:1.05rem;font-weight:800;line-height:1.4;color:#fff;
    letter-spacing:.02em;
}
body.theme-plus .plbp-book-stub .plbp-bars{margin-top:auto}
body.theme-plus .plbp-book::before,
body.theme-plus .plbp-book::after{
    content:'';position:absolute;inset-inline-start:219px;width:22px;height:22px;
    border-radius:50%;background:var(--bp-ground);border:1px solid var(--bp-line);z-index:3;
}
body.theme-plus .plbp-book::before{top:-12px}
body.theme-plus .plbp-book::after{bottom:-12px}
body[dir="rtl"].theme-plus .plbp-book::before,
body[dir="rtl"].theme-plus .plbp-book::after{inset-inline-start:auto;inset-inline-end:219px}
body.theme-plus .plbp-book-body{padding:6px 26px 10px}

body.theme-plus .plbp-qa{border-top:1px dashed var(--bp-line)}
body.theme-plus .plbp-qa:first-child{border-top:0}
body.theme-plus .plbp-qa > summary{
    list-style:none;cursor:pointer;
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    padding:15px 0;font-size:.98rem;font-weight:700;color:var(--bp-ink);
}
body.theme-plus .plbp-qa > summary::-webkit-details-marker{display:none}
body.theme-plus .plbp-qa-q{flex:1;line-height:1.5}
body.theme-plus .plbp-qa-sign{
    flex:0 0 28px;width:28px;height:28px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:rgba(251,68,0,.12);color:var(--bp-or);font-size:.8rem;
    transition:transform .25s ease,background .2s ease,color .2s ease;
}
body.theme-plus .plbp-qa[open] .plbp-qa-sign{transform:rotate(45deg);background:var(--bp-or);color:#fff}
body.theme-plus .plbp-qa:hover .plbp-qa-sign{background:var(--bp-or);color:#fff}
body.theme-plus .plbp-qa-a{padding:0 0 16px}
body.theme-plus .plbp-qa-a p{margin:0;color:var(--bp-mute);line-height:1.75;font-size:.94rem;max-width:88ch}

@media (max-width:767px){
    body.theme-plus .plbp-book{grid-template-columns:1fr}
    body.theme-plus .plbp-book-stub{flex-direction:row;align-items:center;border-inline-end:0;border-bottom:2px dashed rgba(255,255,255,.5);padding:16px 18px}
    body.theme-plus .plbp-book-stub .plbp-bars{margin-top:0;margin-inline-start:auto}
    body.theme-plus .plbp-book::before,body.theme-plus .plbp-book::after{display:none}
    body.theme-plus .plbp-book-body{padding:2px 18px 8px}
}

/* ── التنزيلات: صف تذاكر من عمودين + تذكرة الطلب ─────────── */
body.theme-plus .plbp-row--2{grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:38px}
body.theme-plus .plbp-tkt--wide{grid-template-columns:96px minmax(0,1fr)}
body.theme-plus .plbp-tkt--wide .plbp-tkt-stub{align-items:center;gap:14px;padding:20px 12px}
body.theme-plus .plbp-tkt--wide .plbp-tkt-stub .bi{font-size:1.8rem}
body.theme-plus .plbp-tkt--wide .plbp-bars{width:44px;height:22px}
body.theme-plus .plbp-tkt--wide::before,
body.theme-plus .plbp-tkt--wide::after{inset-inline-start:85px}
body[dir="rtl"].theme-plus .plbp-tkt--wide::before,
body[dir="rtl"].theme-plus .plbp-tkt--wide::after{inset-inline-start:auto;inset-inline-end:85px}
body.theme-plus .plbp-tkt-text{display:flex;flex-direction:column;gap:5px;flex:1}
body.theme-plus .plbp-tkt-text strong{font-size:1rem;font-weight:800;color:var(--bp-ink);line-height:1.35}

/* كتلة "اطلب الكتيب" */
body.theme-plus .plbp-wide--request .plbp-wide-body h2{margin:0 0 6px;font-size:1.1rem;font-weight:800;color:var(--bp-ink)}
body.theme-plus .plbp-wide--request .plbp-wide-body p{margin:0;color:var(--bp-mute);font-size:.95rem;font-weight:400}
body.theme-plus .plbp-wide-actions{display:flex;flex-wrap:wrap;gap:10px;flex:0 0 auto}
body.theme-plus .plbp-wide-actions .btn{
    border-radius:22px!important;padding:10px 22px;font-weight:700;
}
body.theme-plus .plbp-wide-actions .btn-primary{
    background:var(--bp-or)!important;border-color:var(--bp-or)!important;color:#fff!important;
    box-shadow:0 6px 16px rgba(251,68,0,.28);
}
body.theme-plus .plbp-wide-actions .btn-primary:hover{background:var(--bp-ink)!important;border-color:var(--bp-ink)!important}
body.theme-plus .plbp-wide-actions .btn-secondary{
    background:transparent!important;border:2px solid var(--bp-ink)!important;color:var(--bp-ink)!important;
}
body.theme-plus .plbp-wide-actions .btn-secondary:hover{background:var(--bp-ink)!important;color:#fff!important}

@media (max-width:991px){body.theme-plus .plbp-row--2{grid-template-columns:1fr}}

/* المتغيّرات على البودي كمان، عشان تذاكر اتصل بنا والنماذج (مش جوّه .plbp) تشوفها */
body.theme-plus{
    --bp-ink:#001e45;
    --bp-or:#fb4400;
    --bp-paper:#fff;
    --bp-ground:#e9edf4;
    --bp-line:#d2dae7;
    --bp-mute:#56657c;
}

/* ── اتصل بنا: الفورم في تذكرة + بيانات المعهد في تذكرة ──── */
body.theme-plus .plbp-contact{background:var(--bp-ground);padding:40px 0 34px}
body.theme-plus .plbp-contact-col{margin-bottom:24px}

/* لوحة الفورم */
body.theme-plus .plbp-pane{
    position:relative;overflow:hidden;height:100%;
    background:var(--bp-paper);border:1px solid var(--bp-line);border-radius:16px;
}
body.theme-plus .plbp-pane-head{
    display:flex;align-items:center;justify-content:space-between;gap:14px;
    padding:20px 24px;color:#fff;
    background:var(--bp-ink) repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 7px,transparent 7px 14px);
    box-shadow:inset 7px 0 0 var(--bp-or);
}
body[dir="rtl"].theme-plus .plbp-pane-head{box-shadow:inset -7px 0 0 var(--bp-or)}
body.theme-plus .plbp-pane-head h5{
    margin:0;color:#fff!important;font-size:1.05rem;font-weight:800;letter-spacing:.02em;
}
body.theme-plus .plbp-pane-body{padding:22px 20px 6px}
body.theme-plus .plbp-pane-body .box4{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
body.theme-plus .plbp-pane-body .form-control{
    border:1px solid var(--bp-line)!important;border-radius:10px!important;
    background:#f7f9fc!important;padding:11px 14px;
}
body.theme-plus .plbp-pane-body .form-control:focus{
    border-color:var(--bp-or)!important;background:#fff!important;box-shadow:0 0 0 3px rgba(251,68,0,.14)!important;
}
body.theme-plus .plbp-pane-body #submit_contact{
    width:100%;background:var(--bp-or)!important;border-color:var(--bp-or)!important;color:#fff!important;
    border-radius:22px!important;padding:11px 24px;font-weight:700;
    box-shadow:0 6px 16px rgba(251,68,0,.28);
}
body.theme-plus .plbp-pane-body #submit_contact:hover{background:var(--bp-ink)!important;border-color:var(--bp-ink)!important}

/* تذكرة بيانات المعهد */
body.theme-plus .plbp-pass-card{
    position:relative;overflow:hidden;height:100%;
    display:grid;grid-template-columns:88px minmax(0,1fr);
    background:var(--bp-paper);border:1px solid var(--bp-line);border-radius:16px;
}
body.theme-plus .plbp-pass-side{
    display:flex;flex-direction:column;align-items:center;gap:14px;
    padding:24px 10px;color:#fff;
    background:var(--bp-ink) repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 7px,transparent 7px 14px);
    box-shadow:inset 7px 0 0 var(--bp-or);
    border-inline-end:2px dashed rgba(255,255,255,.5);
}
body[dir="rtl"].theme-plus .plbp-pass-side{box-shadow:inset -7px 0 0 var(--bp-or)}
body.theme-plus .plbp-pass-side .bi{font-size:1.8rem;line-height:1;color:var(--bp-or)}
body.theme-plus .plbp-pass-side .plbp-bars{margin-top:auto;width:44px;height:22px}
body.theme-plus .plbp-pass-card::before,
body.theme-plus .plbp-pass-card::after{
    content:'';position:absolute;inset-inline-start:77px;width:22px;height:22px;
    border-radius:50%;background:var(--bp-ground);border:1px solid var(--bp-line);z-index:3;
}
body.theme-plus .plbp-pass-card::before{top:-12px}
body.theme-plus .plbp-pass-card::after{bottom:-12px}
body[dir="rtl"].theme-plus .plbp-pass-card::before,
body[dir="rtl"].theme-plus .plbp-pass-card::after{inset-inline-start:auto;inset-inline-end:77px}
body.theme-plus .plbp-pass-main{display:flex;flex-direction:column;padding:26px 28px 24px}
body.theme-plus .plbp-pass-main .plbp-rows{margin-bottom:auto}
body.theme-plus .plbp-pass-name{margin:0 0 8px;font-size:1.45rem;font-weight:800;color:var(--bp-ink)}
body.theme-plus .plbp-pass-lead{margin:0 0 20px;color:var(--bp-mute);line-height:1.7;font-size:.96rem}
body.theme-plus .plbp-rows{
    list-style:none;margin:0 0 22px;padding:0;
    display:grid;grid-template-columns:repeat(2,1fr);gap:0 26px;
}
body.theme-plus .plbp-rows li{
    display:flex;gap:12px;align-items:center;
    padding:13px 0;border-top:1px dashed var(--bp-line);
}
body.theme-plus .plbp-rows li:nth-child(1),
body.theme-plus .plbp-rows li:nth-child(2){border-top:0}
body.theme-plus .plbp-row-ico{
    flex:0 0 38px;width:38px;height:38px;border-radius:10px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(0,30,69,.07);color:var(--bp-ink);font-size:1rem;
}
body.theme-plus .plbp-rows li:hover .plbp-row-ico{background:var(--bp-or);color:#fff}
body.theme-plus .plbp-row-txt{display:flex;flex-direction:column;gap:2px;min-width:0}
body.theme-plus .plbp-row-txt b{
    font-size:.7rem;font-weight:700;letter-spacing:.10em;text-transform:uppercase;color:#8593a8;
}
body.theme-plus .plbp-row-txt a,
body.theme-plus .plbp-row-txt > span{
    color:var(--bp-ink);text-decoration:none;font-size:.93rem;font-weight:600;
    overflow-wrap:anywhere;
}
body.theme-plus .plbp-row-txt a:hover{color:var(--bp-or)}
body.theme-plus .plbp-pass-links{display:flex;flex-wrap:wrap;gap:10px;padding-top:18px;border-top:2px dashed var(--bp-line)}
body.theme-plus .plbp-pass-links .btn{border-radius:22px!important;padding:10px 24px;font-weight:700}
body.theme-plus .plbp-pass-links .btn-primary{
    background:var(--bp-or)!important;border-color:var(--bp-or)!important;color:#fff!important;
    box-shadow:0 6px 16px rgba(251,68,0,.28);
}
body.theme-plus .plbp-pass-links .btn-primary:hover{background:var(--bp-ink)!important;border-color:var(--bp-ink)!important}
body.theme-plus .plbp-pass-links .btn-secondary{
    background:transparent!important;border:2px solid var(--bp-ink)!important;color:var(--bp-ink)!important;
}
body.theme-plus .plbp-pass-links .btn-secondary:hover{background:var(--bp-ink)!important;color:#fff!important}

@media (max-width:991px){
    body.theme-plus .plbp-rows{grid-template-columns:1fr}
    body.theme-plus .plbp-rows li:nth-child(2){border-top:1px dashed var(--bp-line)}
}
@media (max-width:575px){
    body.theme-plus .plbp-pass-card{grid-template-columns:1fr}
    body.theme-plus .plbp-pass-side{flex-direction:row;border-inline-end:0;border-bottom:2px dashed rgba(255,255,255,.5);padding:14px 18px}
    body.theme-plus .plbp-pass-side .plbp-bars{margin-top:0;margin-inline-start:auto}
    body.theme-plus .plbp-pass-card::before,body.theme-plus .plbp-pass-card::after{display:none}
}

/* ── العمود الجانبي للنماذج: تذكرة رأسية ─────────────────── */
/* صفحتَي النموذج أرضيتهم #f5f7fb مش أرضية الأقسام، والثقوب والحافة
   المقطوعة لازم تبقى بنفس اللون بالظبط عشان تبان "فراغ" مش لطشة. */
body.theme-plus .plbp-side{--bp-ground:#f5f7fb}
body.theme-plus .plbp-side-card{
    position:relative;overflow:hidden;
    background:var(--bp-paper);border:1px solid var(--bp-line);
    border-radius:14px 14px 0 0;padding-bottom:12px;
}
body.theme-plus .plbp-side-card::after{
    content:'';position:absolute;inset-inline:0;bottom:0;height:11px;z-index:4;
    background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='11'%3E%3Cpath d='M0 11 9 0 18 11Z' fill='%23f5f7fb'/%3E%3C/svg%3E") repeat-x bottom;
}
body.theme-plus .plbp-side-head{
    display:flex;flex-direction:column;gap:10px;
    padding:20px 20px 18px;color:#fff;
    background:var(--bp-ink) repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 7px,transparent 7px 14px);
    box-shadow:inset 6px 0 0 var(--bp-or);
}
body[dir="rtl"].theme-plus .plbp-side-head{box-shadow:inset -6px 0 0 var(--bp-or)}
body.theme-plus .plbp-side-head .bi{font-size:1.6rem;line-height:1;color:var(--bp-or)}
body.theme-plus .plbp-side-head h5{margin:0;color:#fff!important;font-size:1.05rem;font-weight:800;line-height:1.4}
body.theme-plus .plbp-side-body{padding:20px}
body.theme-plus .plbp-side-list{list-style:none;margin:0 0 18px;padding:0 0 16px;border-bottom:2px dashed var(--bp-line);display:grid;gap:11px}
body.theme-plus .plbp-side-list li{display:flex;gap:11px;align-items:center}
body.theme-plus .plbp-side-list li .bi{
    flex:0 0 32px;width:32px;height:32px;border-radius:9px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(0,30,69,.07);color:var(--bp-ink);font-size:.9rem;
}
body.theme-plus .plbp-side-list li a{color:var(--bp-ink);text-decoration:none;font-size:.9rem;font-weight:600;overflow-wrap:anywhere}
body.theme-plus .plbp-side-list li a:hover{color:var(--bp-or)}
body.theme-plus .plbp-side-body h6{
    margin:0 0 12px;font-size:.78rem;font-weight:800;letter-spacing:.10em;text-transform:uppercase;color:var(--bp-ink);
}
body.theme-plus .plbp-side-steps{list-style:none;margin:0;padding:0;display:grid;gap:12px}
body.theme-plus .plbp-side-steps li{display:flex;gap:11px;align-items:flex-start;color:var(--bp-mute);font-size:.88rem;line-height:1.6}
body.theme-plus .plbp-side-no{
    flex:0 0 24px;width:24px;height:24px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    background:var(--bp-or);color:#fff;font-size:.78rem;font-weight:800;
}

/* --- training-courses fix 6169fd28e93e32753fbbacb6ce7dec27 --- */
/* بلس: كعوب تذاكر بحافة مثقوبة برتقالية */
body.theme-plus .inst-logos{background:#f5f7fb radial-gradient(rgba(0,30,69,.05) 1px,transparent 1.5px) 0 0/22px 22px}
body.theme-plus .inst-logos-h{color:#001e45;font-weight:700}
body.theme-plus .inst-logos-grid{grid-template-columns:repeat(4,1fr);gap:16px}
body.theme-plus .inst-logos-item{background:#fff;border-radius:10px;border-inline-start:3px dashed #fb4400;min-height:104px;position:relative}
body.theme-plus .inst-logos-item::before,body.theme-plus .inst-logos-item::after{content:'';position:absolute;inset-inline-start:-8px;width:12px;height:12px;background:#eef1f7;border-radius:50%}
body.theme-plus .inst-logos-item::before{top:-6px}
body.theme-plus .inst-logos-item::after{bottom:-6px}

/* --- training-courses fix 1fff26619f4ea191d2199d43abf4e2e4 --- */
/* بلس: تذكرة أفقية — خط متقطّع بيفصل البيانات فوق عن السعر والزر تحت. */
body.theme-plus.pg-training-courses .session-card{display:flex!important;flex-direction:column;padding:0!important;overflow:hidden;border-radius:12px!important;border-bottom:3px solid #fb4400!important}
body.theme-plus.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:4px 16px}
body.theme-plus.pg-training-courses .session-card li:first-child{grid-column:1/-1;font-weight:700;color:#001e45}
body.theme-plus.pg-training-courses .session-card .price-box{position:static!important;order:2;display:flex;align-items:center;justify-content:space-between;gap:10px;border:0!important;border-top:2px dashed #e2e6ee!important;border-radius:0!important;background:transparent!important;padding:12px 16px!important;margin:0}
body.theme-plus.pg-training-courses .session-card > form{order:3;padding:0 16px 14px}
body.theme-plus.pg-training-courses .session-card .btn{width:100%;border-radius:6px!important}

/* ============================================================
   بلس — صفحات القوائم المشتركة على شكل "شريط تذكرة". 2026-09-08.
   ------------------------------------------------------------
   /categories و/cities و/articles و/blogs كانوا أربعتهم شبكة كروت
   بشارة رقم — نفس الشكل اللي على تسع مواقع تانية، وده العيب اللي
   بيتصلّح هنا. بقوا صف تذاكر أفقية: كعب ملوّن على ناحية البداية
   شايل الرقم وباركود صغير، خط تقطيع منقّط بثقبين، وبعده العنوان
   والسهم. اتنين في الصف.

   الملفات: app/Views/themes/plus/{category,cities,articles,blogs}/…
   والماركب كله بيتولّد من app/Views/themes/plus/institute/plus_ticket.php

   الرقم عدّاد CSS مش رقم مطبوع: المقالات والمدونات بيضيفوا بنود
   بالـajax من ملف مالوش رقم البداية، والعدّاد بيكمّل لوحده.

   الأرضية هنا #f5f7fb (من قاعدة .pg-training-courses الأعلى) —
   الثقوب مرسومة بنفس اللون بالظبط عشان تبان "قَضمة" مش لطشة.
   ============================================================ */
body.theme-plus .pltx-list{
    counter-reset:pltx;
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;margin:0;
}

body.theme-plus .pltx-a{
    display:grid;
    grid-template-columns:96px 2px minmax(0,1fr) auto;
    align-items:stretch;
    height:100%;min-height:104px;
    background:#fff;
    border:1px solid #e2e6ee;
    border-radius:12px;
    box-shadow:0 4px 14px rgba(0,30,69,.08);
    overflow:hidden;
    text-decoration:none;
    transition:transform .22s ease,box-shadow .22s ease;
}
body.theme-plus .pltx-a:hover{
    transform:translateY(-4px);
    box-shadow:0 16px 30px rgba(0,30,69,.16);
    --link-hover-ink:inherit;
}

/* ── الكعب: الشريط البرتقالي حدّ حقيقي مش ظل داخلي، عشان صورة
   المدينة (position:absolute جوّه صندوق الحشو) ما تغطّيهوش. ─── */
body.theme-plus .pltx-stub{
    position:relative;overflow:hidden;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;
    padding:14px 8px;
    border-inline-start:6px solid #fb4400;
    background:#001e45 repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 7px,transparent 7px 14px);
}
body.theme-plus .pltx-stub img{
    position:absolute;inset:0;z-index:0;
    width:100%;height:100%;object-fit:cover;
}
/* طبقة كحلي فوق صورة المدينة — الرقم الأبيض لازم يفضل مقروء على
   أي لقطة فاتحة (سما، رمل، مبنى أبيض). */
body.theme-plus .pltx-stub--img::after{
    content:'';position:absolute;inset:0;z-index:1;
    background:linear-gradient(180deg,rgba(0,30,69,.74),rgba(0,30,69,.88));
}
body.theme-plus .pltx-no{
    position:relative;z-index:2;
    color:#fff;font-size:1.45rem;font-weight:800;line-height:1;
}
body.theme-plus .pltx-no::before{counter-increment:pltx;content:counter(pltx)}
body.theme-plus .pltx-bars{
    position:relative;z-index:2;display:block;
    width:46px;height:19px;opacity:.6;
    background:repeating-linear-gradient(90deg,#fff 0 2px,transparent 2px 5px,#fff 5px 6px,transparent 6px 11px);
}

/* ── خط التقطيع والثقبين ─────────────────────────────────────
   الثقب دايرة بلون الأرضية بتتقص عند حافة التذكرة (overflow:hidden)
   فبتقرا نص دايرة مقضومة من الحرف. ───────────────────────── */
body.theme-plus .pltx-perf{
    position:relative;
    border-inline-start:2px dashed #a7b6cc;
}
body.theme-plus .pltx-perf::before,
body.theme-plus .pltx-perf::after{
    content:'';position:absolute;inset-inline-start:-11px;
    width:22px;height:22px;border-radius:50%;
    background:#f5f7fb;border:1px solid #e2e6ee;
}
body.theme-plus .pltx-perf::before{top:-11px}
body.theme-plus .pltx-perf::after{bottom:-11px}

/* ── متن التذكرة ─────────────────────────────────────────── */
body.theme-plus .pltx-body{
    display:flex;flex-direction:column;justify-content:center;gap:5px;
    padding:16px 20px;min-width:0;text-align:start;
}
body.theme-plus .pltx-kicker{
    font-size:.7rem;font-weight:700;letter-spacing:.10em;
    text-transform:uppercase;color:#6d7b91;
}
/* المسافة بين الحروف بتكسر وصل الحروف العربي — بتتشال في RTL. */
body[dir="rtl"].theme-plus .pltx-kicker{letter-spacing:0;font-size:.76rem}
body.theme-plus .pltx-title{
    font-size:1.02rem;font-weight:800;line-height:1.45;color:#001e45;
    overflow-wrap:anywhere;
}
body.theme-plus .pltx-a:hover .pltx-title{color:#fb4400}
body.theme-plus .pltx-meta{
    font-size:.86rem;line-height:1.6;color:#56657c;overflow-wrap:anywhere;
}

/* ── كبسولة "الدورات"/"اقرأ المزيد" ────────────────────────── */
body.theme-plus .pltx-go{
    display:flex;align-items:center;gap:5px;
    align-self:center;margin-inline-end:18px;
    padding:9px 15px;border-radius:22px;white-space:nowrap;
    background:rgba(251,68,0,.10);color:#fb4400;
    font-size:.8rem;font-weight:700;
    transition:background .2s ease,color .2s ease;
}
body.theme-plus .pltx-go .bi{font-size:1.2rem;line-height:1}
body.theme-plus .pltx-a:hover .pltx-go{background:#fb4400;color:#fff}

body.theme-plus .pltx-empty{
    grid-column:1/-1;
    background:#fff;border:1px solid #e2e6ee;border-radius:12px;
    padding:22px;color:#56657c;font-weight:600;
}

@media (max-width:991px){
    body.theme-plus .pltx-list{grid-template-columns:1fr;gap:14px}
}

/* تحت 576: الكبسولة بتنزل سطر لوحدها تحت العنوان بدل ما تزقّ
   العنوان لعرض ما يكفّيش — الكعب بيفضل ممدود على السطرين. */
@media (max-width:575px){
    body.theme-plus .pltx-a{
        grid-template-columns:64px 2px minmax(0,1fr);
        grid-template-rows:auto auto;
    }
    body.theme-plus .pltx-stub{grid-row:1/3;border-inline-start-width:5px;padding:12px 6px;gap:7px}
    body.theme-plus .pltx-perf{grid-row:1/3}
    body.theme-plus .pltx-body{grid-column:3;grid-row:1;padding:14px 16px 6px}
    body.theme-plus .pltx-go{
        grid-column:3;grid-row:2;
        align-self:start;justify-self:start;
        margin:0 16px 14px;padding:7px 14px;
    }
    body.theme-plus .pltx-no{font-size:1.2rem}
    body.theme-plus .pltx-bars{width:32px;height:14px}
    body.theme-plus .pltx-title{font-size:.96rem}
}

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

   الأرضية لازم تفضل لون واحد (#f5f7fb) لأن الثقوب مرسومة بنفس
   اللون عشان تبان "فراغ" مقصوص من الورقة.
   الكلاسات كلها بادئة plcp- عشان ما تلخبطش مع plbp- بتاعة
   الصفحات الداخلية ولا pltx- بتاعة قوائم الدورات.
   ============================================================ */

body.theme-plus.pg-training-courses #coursedetails-content-section{
    background:#f5f7fb radial-gradient(rgba(0,30,69,.05) 1px,transparent 1.5px) 0 0/22px 22px;
    padding:0 0 44px;
}

body.theme-plus .plcp{
    --cp-ink:#001e45;
    --cp-or:#fb4400;
    --cp-paper:#fff;
    --cp-ground:#f5f7fb;
    --cp-line:#e2e6ee;
    --cp-cut:#b6c2d6;
    --cp-mute:#56657c;
    --cp-body:#3d4c5e;
    padding-top:24px;
}

/* ── الورقة ──────────────────────────────────────────────── */
body.theme-plus .plcp-pass{
    display:grid;
    grid-template-columns:288px 2px minmax(0,1fr);
    align-items:stretch;
    background:var(--cp-paper);
    border:1px solid var(--cp-line);
    border-radius:10px;
    box-shadow:0 6px 22px rgba(0,30,69,.09);
}

/* ── الكعب ───────────────────────────────────────────────── */
body.theme-plus .plcp-stub{
    background:#eef2f8 repeating-linear-gradient(135deg,rgba(0,30,69,.045) 0 7px,transparent 7px 14px);
    border-radius:9px 0 0 9px;
    box-shadow:inset 6px 0 0 var(--cp-or);
    min-width:0;
}
body[dir="rtl"].theme-plus .plcp-stub{
    border-radius:0 9px 9px 0;
    box-shadow:inset -6px 0 0 var(--cp-or);
}
body.theme-plus .plcp-stub-in{
    position:sticky;top:92px;
    padding:28px 24px 28px 28px;
}
body[dir="rtl"].theme-plus .plcp-stub-in{padding:28px 28px 28px 24px}

body.theme-plus .plcp-eyebrow{
    margin:0 0 20px;
    font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;
    color:var(--cp-or);
}
body[dir="rtl"].theme-plus .plcp-eyebrow{letter-spacing:0;font-size:.8rem}

body.theme-plus .plcp-facts{margin:0;display:flex;flex-direction:column;gap:16px}
body.theme-plus .plcp-fact{
    padding-bottom:16px;
    border-bottom:1px dashed rgba(0,30,69,.20);
}
body.theme-plus .plcp-fact:last-child{border-bottom:0;padding-bottom:0}
body.theme-plus .plcp-facts dt{
    display:flex;align-items:center;gap:8px;
    margin:0 0 4px;
    font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
    color:var(--cp-mute);
}
body[dir="rtl"].theme-plus .plcp-facts dt{letter-spacing:0;font-size:.82rem}
body.theme-plus .plcp-facts dt .bi{font-size:.95rem;line-height:1;color:var(--cp-or)}
body.theme-plus .plcp-facts dd{
    margin:0;padding-inline-start:24px;
    font-size:1rem;font-weight:800;line-height:1.4;color:var(--cp-ink);
}
body.theme-plus .plcp-facts dd small{
    display:block;margin-top:2px;
    font-size:.74rem;font-weight:600;color:var(--cp-mute);
}

body.theme-plus .plcp-bars{
    display:block;width:100%;height:26px;margin:24px 0;opacity:.32;
    background:repeating-linear-gradient(90deg,var(--cp-ink) 0 2px,transparent 2px 5px,var(--cp-ink) 5px 6px,transparent 6px 11px);
}

/* كتلة التواصل جوّه الكعب — ورقة بيضا صغيرة ملزوقة على التذكرة */
body.theme-plus .plcp-stub .inst-cra{
    margin:0!important;
    background:#fff;
    border:1px solid var(--cp-line);
    border-bottom:3px solid var(--cp-or);
    border-radius:10px;
    box-shadow:0 3px 12px rgba(0,30,69,.07);
}

/* ── خط التثقيب ──────────────────────────────────────────── */
body.theme-plus .plcp-perf{
    position:relative;
    border-inline-start:2px dashed var(--cp-cut);
}
body.theme-plus .plcp-perf .plcp-notch{
    position:absolute;inset-inline-start:-11px;
    width:22px;height:22px;border-radius:50%;
    background:var(--cp-ground);border:1px solid var(--cp-line);
}
body.theme-plus .plcp-perf .plcp-notch--a{top:-11px}
body.theme-plus .plcp-perf .plcp-notch--b{bottom:-11px}

/* ── المتن ───────────────────────────────────────────────── */
body.theme-plus .plcp-main{padding:0 34px;min-width:0}

body.theme-plus .plcp-sec{position:relative;padding:32px 0}
body.theme-plus .plcp-sec + .plcp-sec{border-top:2px dashed var(--cp-cut)}
/* ثقب القَطع عند طرف الورقة — بيخلّي الخط المنقّط يقرا كخط تمزيق */
body.theme-plus .plcp-sec + .plcp-sec::before{
    content:"";position:absolute;top:-12px;inset-inline-end:-45px;
    width:22px;height:22px;border-radius:50%;
    background:var(--cp-ground);border:1px solid var(--cp-line);
}

body.theme-plus .plcp-sec-h{
    display:flex;align-items:center;gap:12px;
    margin:0 0 20px;
    font-size:.95rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
    color:var(--cp-ink);
}
body[dir="rtl"].theme-plus .plcp-sec-h{letter-spacing:0;font-size:1.05rem}
body.theme-plus .plcp-sec-h .bi{
    flex:0 0 auto;
    display:flex;align-items:center;justify-content:center;
    width:34px;height:34px;border-radius:8px;
    background:var(--cp-ink);color:#fff;font-size:1rem;
    box-shadow:inset 4px 0 0 var(--cp-or);
}
body[dir="rtl"].theme-plus .plcp-sec-h .bi{box-shadow:inset -4px 0 0 var(--cp-or)}
body.theme-plus .plcp-sec-h::after{
    content:"";flex:1 1 auto;height:12px;min-width:24px;
    background:repeating-linear-gradient(90deg,rgba(0,30,69,.22) 0 2px,transparent 2px 5px,rgba(0,30,69,.22) 5px 6px,transparent 6px 11px);
}

/* الألواح كانت تبويبات bootstrap مخفية — هنا كلها مفتوحة */
body.theme-plus .plcp-sec-body .tab-pane{
    display:block!important;opacity:1!important;visibility:visible!important;
    border:0!important;padding:0!important;background:transparent!important;
}

body.theme-plus .plcp-sec-body h6{
    margin:0 0 10px;
    position:relative;padding-inline-start:16px;
    font-size:1rem;font-weight:800;color:var(--cp-ink)!important;
}
body.theme-plus .plcp-sec-body h6::before{
    content:"";position:absolute;inset-inline-start:0;top:.4em;
    width:7px;height:7px;background:var(--cp-or);border-radius:2px;
}
body.theme-plus .plcp-sec-body p,
body.theme-plus .plcp-sec-body li{color:var(--cp-body);line-height:1.75}
body.theme-plus .plcp-sec-body > .tab-pane > .row > [class^="col-"] > p,
body.theme-plus .plcp-sec-body > .tab-pane > .row > [class^="col-"] > ul,
body.theme-plus .plcp-sec-body > .tab-pane > .row > [class^="col-"] > div > p{max-width:72ch}
body.theme-plus .plcp-sec-body ul{padding-inline-start:20px;margin-bottom:0}
body.theme-plus .plcp-sec-body ul li::marker{color:var(--cp-or)}

/* ── الجدول الزمني: صفوف تذاكر ───────────────────────────── */
body.theme-plus .plcp-year{margin-bottom:32px}
body.theme-plus .plcp-year:last-of-type{margin-bottom:24px}
body.theme-plus .plcp .year-heading{
    position:relative;padding-inline-start:16px;margin:0 0 16px;
    font-size:1.02rem;font-weight:800;color:var(--cp-ink);text-align:start;
}
body.theme-plus .plcp .year-heading::before{
    content:"";position:absolute;inset-inline-start:0;top:.3em;
    width:7px;height:7px;background:var(--cp-or);border-radius:2px;
}
body.theme-plus .plcp-tkts{display:flex;flex-direction:column;gap:16px}

body.theme-plus .plcp .plcp-tkt.session-card{
    display:grid!important;
    grid-template-columns:112px 2px minmax(0,1fr) auto;
    align-items:stretch;
    margin:0!important;padding:0!important;
    background:var(--cp-paper);
    border:1px solid var(--cp-line)!important;
    border-radius:10px!important;
    box-shadow:0 3px 12px rgba(0,30,69,.07)!important;
    overflow:visible;
    transition:box-shadow .2s ease,transform .2s ease;
}
body.theme-plus .plcp .plcp-tkt.session-card:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 26px rgba(0,30,69,.13)!important;
}

body.theme-plus .plcp .plcp-tkt-stub{
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
    padding:16px 8px;
    border-radius:9px 0 0 9px;
    background:var(--cp-ink) repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 7px,transparent 7px 14px);
    box-shadow:inset 5px 0 0 var(--cp-or);
    text-align:center;
}
body[dir="rtl"].theme-plus .plcp .plcp-tkt-stub{
    border-radius:0 9px 9px 0;
    box-shadow:inset -5px 0 0 var(--cp-or);
}
body.theme-plus .plcp .plcp-tkt-day{
    color:#fff;font-size:1.5rem;font-weight:800;line-height:1.1;letter-spacing:-.01em;
}
body.theme-plus .plcp .plcp-tkt-mon{
    color:rgba(255,255,255,.82);font-size:.76rem;font-weight:700;line-height:1.3;
}

body.theme-plus .plcp .plcp-tkt-perf{
    position:relative;
    border-inline-start:2px dashed var(--cp-cut);
}
body.theme-plus .plcp .plcp-tkt-perf .plcp-notch{
    position:absolute;inset-inline-start:-11px;
    width:22px;height:22px;border-radius:50%;
    background:var(--cp-paper);border:1px solid var(--cp-line);
}
body.theme-plus .plcp .plcp-tkt-perf .plcp-notch--a{top:-11px}
body.theme-plus .plcp .plcp-tkt-perf .plcp-notch--b{bottom:-11px}

body.theme-plus .plcp .plcp-tkt-body{
    display:flex;align-items:center;
    padding:16px 20px;min-width:0;
}
/* حقول التذكرة: كل حقل باسمه فوق وقيمته تحت — زي البيانات
   المطبوعة على قسيمة الصعود، وبتملا عرض الصف بدل ما تتكوّم
   في أوله. */
body.theme-plus .plcp .plcp-tkt-facts{
    width:100%!important;margin:0!important;padding:0!important;
    display:grid;
    grid-template-columns:minmax(120px,180px) minmax(120px,180px) minmax(0,1fr);
    gap:12px 28px;align-items:start;
}
/* الثيم بيمدّ أول عنصر في أي .session-card على عرض الشبكة
   (قاعدة قوائم الدورات) — هنا كل حقل بعموده. */
body.theme-plus .plcp .plcp-tkt-facts li,
body.theme-plus .plcp .plcp-tkt-facts li:first-child{
    display:block;margin:0;min-width:0;grid-column:auto;
}
body.theme-plus .plcp .plcp-tkt-lbl{
    display:block;margin-bottom:2px;
    font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
    color:var(--cp-mute);
}
body[dir="rtl"].theme-plus .plcp .plcp-tkt-lbl{letter-spacing:0;font-size:.78rem}
body.theme-plus .plcp .plcp-tkt-val{
    display:flex;align-items:flex-start;gap:8px;
    font-size:.92rem;font-weight:700;color:var(--cp-ink);line-height:1.45;
}
body.theme-plus .plcp .plcp-tkt-val i.icon-style{
    flex:0 0 auto;margin:2px 0 0;width:auto;height:auto;
    font-size:.92rem;line-height:1;color:var(--cp-or)!important;
}
body.theme-plus .plcp .plcp-tkt-facts .plcp-tkt-venue .plcp-tkt-val{
    font-weight:500;color:var(--cp-body);
}
body.theme-plus .plcp .plcp-tkt-facts .plcp-tkt-venue a{color:var(--cp-or)}
body.theme-plus .plcp .plcp-tkt-facts .plcp-tkt-note{
    grid-column:1/-1;
    font-size:.78rem;font-weight:600;color:var(--cp-mute);
}

body.theme-plus .plcp .plcp-tkt .price-box{
    position:static!important;
    display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:10px;
    width:200px;padding:16px 18px!important;margin:0!important;
    background:transparent!important;
    border:0!important;border-radius:0!important;
    border-inline-start:2px dashed var(--cp-cut)!important;
    text-align:start!important;
}
body.theme-plus .plcp .plcp-tkt .price-tag{
    padding:0!important;margin:0;
    background:transparent!important;border:0!important;border-radius:0!important;
}
body.theme-plus .plcp .plcp-tkt .feestoggle-select{
    width:auto;height:34px;padding:0 26px 0 8px!important;
    font-size:1rem;font-weight:800;color:var(--cp-ink);
    background:#f5f7fb;border:1px solid var(--cp-line)!important;border-radius:8px;
    appearance:none;-webkit-appearance:none;-moz-appearance:none;
    cursor:pointer;text-align:start;
}
body[dir="rtl"].theme-plus .plcp .plcp-tkt .feestoggle-select{padding:0 8px 0 26px!important}
body.theme-plus .plcp .plcp-tkt .select-caret{
    position:absolute;inset-inline-end:9px;top:50%;transform:translateY(-50%);
    font-size:.66rem;color:var(--cp-mute);pointer-events:none;
}
body.theme-plus .plcp .plcp-tkt .price-tag .text-secondary{
    margin-top:4px;font-size:.74rem;font-weight:600;color:var(--cp-mute)!important;
}
body.theme-plus .plcp .plcp-tkt form{margin:0}
/* اللون الكحلي بتاع زر التسجيل جاي من قاعدة #searresultscourses-btn2
   في الثيم — سايبينه زي ما هو عشان الزر يفضل واحد في كل الموقع،
   والبرتقالي يفضل للتمييز مش لتسع أزرار في نفس الشاشة. */
body.theme-plus .plcp .plcp-tkt .btn-primary{
    width:100%;
    border-radius:8px!important;font-weight:700!important;padding:8px 12px!important;
}
body.theme-plus .plcp .plcp-tkt .plcp-tkt-closed{
    margin:0;padding:8px 10px;font-size:.8rem;text-align:center;border-radius:8px;
}

body.theme-plus .plcp .plcp-empty{
    margin:0;padding:18px 20px;
    background:#f5f7fb;border:1px dashed var(--cp-cut);border-radius:10px;
    color:var(--cp-mute);font-weight:600;
}

/* الخط الصغير تحت الجدول */
body.theme-plus .plcp-fine{
    margin-top:24px;padding-top:20px;
    border-top:2px dashed var(--cp-cut);
}
body.theme-plus .plcp-fine p{margin:0 0 8px;font-size:.82rem;line-height:1.7;color:var(--cp-mute);max-width:80ch}
body.theme-plus .plcp-fine p:last-child{margin-bottom:0}

/* ── تحت 992: الكعب بيبقى شريط فوق والمتن تحته ───────────── */
@media (max-width:991px){
    body.theme-plus .plcp-pass{grid-template-columns:minmax(0,1fr)}
    body.theme-plus .plcp-stub{border-radius:9px 9px 0 0;box-shadow:inset 0 6px 0 var(--cp-or)}
    body[dir="rtl"].theme-plus .plcp-stub{border-radius:9px 9px 0 0;box-shadow:inset 0 6px 0 var(--cp-or)}
    body.theme-plus .plcp-stub-in{position:static;padding:24px 20px}
    body[dir="rtl"].theme-plus .plcp-stub-in{padding:24px 20px}
    body.theme-plus .plcp-facts{
        display:grid;grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:16px 20px;
    }
    body.theme-plus .plcp-fact{border-bottom:0;padding-bottom:0}
    body.theme-plus .plcp-bars{margin:20px 0}

    body.theme-plus .plcp-perf{
        border-inline-start:0;border-top:2px dashed var(--cp-cut);height:0;
    }
    body.theme-plus .plcp-perf .plcp-notch{top:-11px}
    body.theme-plus .plcp-perf .plcp-notch--a{inset-inline-start:-11px}
    body.theme-plus .plcp-perf .plcp-notch--b{inset-inline-start:auto;inset-inline-end:-11px;bottom:auto}

    body.theme-plus .plcp-main{padding:0 20px}
    body.theme-plus .plcp-sec + .plcp-sec::before{inset-inline-end:-31px}
}

/* ── تحت 768: التذكرة نفسها بتتطوى ───────────────────────── */
@media (max-width:767px){
    body.theme-plus .plcp .plcp-tkt.session-card{
        grid-template-columns:minmax(0,1fr);
    }
    body.theme-plus .plcp .plcp-tkt-stub{
        flex-direction:row;justify-content:flex-start;gap:10px;
        padding:12px 16px;
        border-radius:9px 9px 0 0;
        box-shadow:inset 0 5px 0 var(--cp-or);
    }
    body[dir="rtl"].theme-plus .plcp .plcp-tkt-stub{
        border-radius:9px 9px 0 0;box-shadow:inset 0 5px 0 var(--cp-or);
    }
    body.theme-plus .plcp .plcp-tkt-day{font-size:1.22rem}
    body.theme-plus .plcp .plcp-tkt-facts{
        grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;
    }
    body.theme-plus .plcp .plcp-tkt-facts .plcp-tkt-venue{grid-column:1/-1}
    body.theme-plus .plcp .plcp-tkt-perf{
        border-inline-start:0;border-top:2px dashed rgba(255,255,255,.4);height:0;
    }
    body.theme-plus .plcp .plcp-tkt-perf .plcp-notch{display:none}
    body.theme-plus .plcp .plcp-tkt .price-box{
        width:auto;
        border-inline-start:0!important;
        border-top:2px dashed var(--cp-cut)!important;
        flex-direction:row;align-items:center;justify-content:space-between;gap:16px;
    }
    body.theme-plus .plcp .plcp-tkt .price-box form,
    body.theme-plus .plcp .plcp-tkt .price-box .plcp-tkt-closed{flex:0 0 auto;min-width:140px}
    body.theme-plus .plcp-sec-h{font-size:.86rem;gap:10px}
    body[dir="rtl"].theme-plus .plcp-sec-h{font-size:1rem}
}

@media (max-width:575px){
    body.theme-plus .plcp-main{padding:0 16px}
    body.theme-plus .plcp-sec{padding:26px 0}
    body.theme-plus .plcp-sec + .plcp-sec::before{display:none}
    body.theme-plus .plcp .plcp-tkt .price-box{flex-direction:column;align-items:stretch;gap:12px}
    body.theme-plus .plcp .plcp-tkt .price-box form,
    body.theme-plus .plcp .plcp-tkt .price-box .plcp-tkt-closed{min-width:0}
}

/* كتلة التواصل جوّه الكعب: عمود واحد ضيّق، مش صفّين زي ما هي في
   عرض الصفحة — الاسم والسطر تحته فوق، وتحتهم اللينكات تحت بعض. */
body.theme-plus .plcp-stub .inst-cra{
    display:block;
    max-width:none!important;
    width:100%;
    padding:16px!important;
}
body.theme-plus .plcp-stub .inst-cra-head{
    display:flex;align-items:flex-start;gap:10px;
    padding:0 0 12px!important;
    border:0!important;
    border-bottom:1px dashed rgba(0,30,69,.20)!important;
    margin-bottom:12px;
}
body.theme-plus .plcp-stub .inst-cra-head > .bi{
    font-size:1.25rem;line-height:1.2;color:var(--cp-or)!important;
}
body.theme-plus .plcp-stub .inst-cra-head strong{
    font-size:.88rem;font-weight:800;color:var(--cp-ink);line-height:1.35;
}
body.theme-plus .plcp-stub .inst-cra-head span{
    font-size:.74rem;line-height:1.5;color:var(--cp-mute);margin-top:2px;
}
body.theme-plus .plcp-stub .inst-cra-list{
    display:flex;flex-direction:column;flex-wrap:nowrap;gap:8px;
}
body.theme-plus .plcp-stub .inst-cra-list li{
    font-size:.82rem;align-items:center;gap:8px;line-height:1.4;
}
body.theme-plus .plcp-stub .inst-cra-list li .bi{
    flex:0 0 auto;color:var(--cp-or)!important;font-size:.85rem;
}
body.theme-plus .plcp-stub .inst-cra-list a{
    color:var(--cp-ink);font-weight:600;word-break:break-word;
}
body.theme-plus .plcp-stub .inst-cra-list a:hover{color:var(--cp-or)}

/* الباركود بعد عنوان القسم: شريط قصير بيقفل السطر، مش خط ممدود
   على عرض الصفحة كلها. */
body.theme-plus .plcp-sec-h::after{max-width:420px}

/* ── "نظرة عامة" على عمودين ──────────────────────────────────
   الحاوية في الصفحة دي بعرض الشاشة كلها، وفقرة واحدة بعرض 72
   حرف كانت بتسيب نص العمود فاضي. أول كتلة ("لمحة عامة") بتفضل
   ممدودة ومقيّدة بعرض القراءة، والباقي بيتوزّع على عمودين —
   إحساس بيانات مطبوعة على بطاقة، ومفيش فراغ ميت.
   ───────────────────────────────────────────────────────────── */
body.theme-plus .plcp-sec-body #nav-overview > .row{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:0 56px;
    align-items:start;
    margin:0;            /* .row عندها هوامش سالبة، والأعمدة هنا بلا حشو */
}
body.theme-plus .plcp-sec-body #nav-overview > .row > [class*="col-md-12"]{
    flex:none;max-width:none;width:auto;padding:0;min-width:0;
}
body.theme-plus .plcp-sec-body #nav-overview > .row > [class*="col-md-12"]:first-child{
    grid-column:1/-1;
}
body.theme-plus .plcp-sec-body #nav-overview > .row > [class*="col-md-12"]:first-child > p,
body.theme-plus .plcp-sec-body #nav-overview > .row > [class*="col-md-12"]:first-child > ul,
body.theme-plus .plcp-sec-body #nav-overview > .row > [class*="col-md-12"]:first-child > div > p{
    max-width:72ch;
}

@media (max-width:991px){
    body.theme-plus .plcp-sec-body #nav-overview > .row{grid-template-columns:minmax(0,1fr);gap:0}
}

/* رسالة "مفيش جلسات" والخط الصغير جوّه #nav-schedulefees بيورّثوا
   لون أبيض من قاعدة قديمة بمعرّفين (#coursedetails-content-section
   #nav-schedulefees p) — بنرجّعهم لرمادي مقروء. */
body.theme-plus .plcp .plcp-empty,
body.theme-plus .plcp .plcp-empty em,
body.theme-plus .plcp .plcp-empty span{
    color:var(--cp-mute)!important;font-style:normal;
}
body.theme-plus .plcp .plcp-empty a{color:var(--cp-or)!important;font-weight:700}
body.theme-plus .plcp .plcp-fine p,
body.theme-plus .plcp .plcp-fine p b{color:var(--cp-mute)!important}

/* ── (2026-09-09) شبكة "الجلسات القادمة" على الموبايل ───────────
   كانت 3 أعمدة ثابتة من غير أي breakpoint، فعلى 390px الحد الأدنى
   لعرض الكارت (مربع التاريخ 62 + الحشو) بيتخطى 1fr والصفحة بتتزحلق
   أفقياً 24px. عمود واحد على الموبايل، واتنين على التابلت.
   ───────────────────────────────────────────────────────────── */
@media (max-width: 991px) {
    body.theme-plus .inst-upcoming-list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 575px) {
    body.theme-plus .inst-upcoming-list { grid-template-columns: 1fr; }
}
/* min-width:0 عشان عنوان طويل من غير مسافات ميوسعش العمود. */
body.theme-plus .inst-upcoming-list > li,
body.theme-plus .inst-upcoming-body { min-width: 0; }
body.theme-plus .inst-upcoming-title { overflow-wrap: anywhere; }

/* ── (2026-09-09) ميل البلاطات وحدود الشاشة ─────────────────────
   .pl-tile متمايلة skewX(-8deg)، والميل بيوسّع الصندوق المرسوم برّه
   خلية الشبكة بمقدار يتناسب مع ارتفاعها. على 390px ده كان بيطلع 4px
   برّه الصفحة. حشو جانبي بيستوعب الميل بدل ما نقص البلاطة نفسها. */
@media (max-width: 767px) {
    body.theme-plus .pl-tiles-row { padding-inline: 10px; }
}


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

   الأرضية لازم تفضل لون واحد لأن الثقوب مرسومة بنفس اللون عشان
   تبان "فراغ" مقصوص من الورقة، مش دواير رمادية.
   الكلاسات كلها بادئة plct- (plus contact ticket) عشان ما تلمسش
   قواعد plbp- بتاعة باقي الصفحات.
   ============================================================ */
body.theme-plus .plct-sec{
    --ct-ink:#001e45;
    --ct-or:#fb4400;
    --ct-paper:#fff;
    --ct-ground:#e9edf4;
    --ct-line:#d2dae7;
    --ct-mute:#56657c;
    background-color:var(--ct-ground);
    /* النقاط الخفيفة: بتدّي إحساس ورق التذاكر من غير ما تزاحم النص */
    background-image:radial-gradient(rgba(0,30,69,.10) 1.5px,transparent 1.6px);
    background-size:22px 22px;
}
/* ‏#common-listing-section عنده حشو بمعرّف (id) في الملف المشترك، فلازم
   نفس درجة التخصيص عشان نظبّط تنفّس الصفحة. */
body.theme-plus #common-listing-section.plct-sec{padding:48px 0 60px}

/* ── التذكرة نفسها ──────────────────────────────────────────── */
body.theme-plus .plct{
    position:relative;                 /* الثقوب بتتظبط على حدودها */
    display:grid;
    grid-template-columns:minmax(0,1fr) 354px;
    background:var(--ct-paper);
    border:1px solid var(--ct-line);
    border-radius:10px;                /* استدارة بلس المعتمدة */
    box-shadow:0 18px 40px rgba(0,30,69,.10);
}

/* ── الجزء العريض: رأس التذكرة + الفورم ─────────────────────── */
/* خط القص اتحط على حافة الورقة البيضا مش على الكعب الكحلي: المنقّط الأبيض
   على الكحلي كان بيختفي عند الحدّ، والرمادي على الأبيض بيبان كخط تقطيع فعلي. */
body.theme-plus .plct-main{
    display:flex;flex-direction:column;min-width:0;
    border-inline-end:2px dashed #b6c2d6;
}
body.theme-plus .plct-head{
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:22px 30px;
    border-bottom:1px solid var(--ct-line);
}
body.theme-plus .plct-eyebrow{
    display:block;margin-bottom:6px;
    font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
    color:var(--ct-mute);
}
body.theme-plus .plct-title{
    margin:0;font-size:1.5rem;font-weight:800;line-height:1.25;color:var(--ct-ink);
}
/* باركود مرسوم بالـCSS بدل أيقونة: أيقونة التذكرة مستعملة في صفحات تانية،
   والباركود بيقول "تذكرة" من غير ما يكرّر معنى أيقونة موجودة. */
body.theme-plus .plct-bars{
    flex:0 0 auto;display:block;width:76px;height:34px;opacity:.32;
    background:repeating-linear-gradient(90deg,var(--ct-ink) 0 2px,transparent 2px 5px,var(--ct-ink) 5px 6px,transparent 6px 11px);
}

/* ── الفورم: صفّين على الورقة، والرسالة والزر بعرض كامل ─────── */
body.theme-plus .plct-form{padding:26px 30px 30px}
body.theme-plus .plct-form .inst-cform{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;
}
body.theme-plus .plct-form .inst-cform-row{margin-bottom:0;min-width:0}
/* خانة رسالة النجاح/الخطأ: بتفضل مخفية لحد ما contact.js يملاها،
   عشان ما تسيبش فجوة فاضية في الشبكة. */
body.theme-plus .plct-form #message_contact{grid-column:1/-1}
body.theme-plus .plct-form #message_contact:empty{display:none}
/* الترتيب من آخر الفورم: آخر صف = الزر، اللي قبله = صندوق الرسالة.
   العدّ من الآخر أأمن من nth-child لأن قبلهم حقول Salesforce المخفية. */
body.theme-plus .plct-form .inst-cform-row:nth-last-child(2),
body.theme-plus .plct-form .inst-cform-actions{grid-column:1/-1}

body.theme-plus .plct-form .form-control{
    border:1px solid var(--ct-line)!important;
    border-radius:10px!important;
    background:#f7f9fc!important;
    padding:12px 16px;height:auto;
    color:var(--ct-ink);
}
body.theme-plus .plct-form .form-control::placeholder{color:#5c6b80;opacity:1}
/* عرض ثابت لخانة مفتاح الدولة بدل 33% المشتركة: النسبة كانت بتنزل تحت 110px
   على 768 و390 فكلمة "Country Code*" تتقصّ. */
body.theme-plus .plct-form .inst-cform-cc{flex:0 0 140px;max-width:140px;min-width:0}
body.theme-plus .plct-form .form-control:focus{
    border-color:var(--ct-or)!important;background:#fff!important;
    box-shadow:0 0 0 3px rgba(251,68,0,.20)!important;
}
body.theme-plus .plct-form textarea.form-control{min-height:132px;line-height:1.6;border-radius:12px!important}
/* على الشاشات العريضة الكعب أطول من الفورم، فصندوق الرسالة بياخد الفرق
   بدل ما يفضل فراغ أبيض تحت زر الإرسال. */
@media (min-width:992px){
    body.theme-plus .plct-form textarea.form-control{min-height:186px}
}

/* زر الإرسال — الزر الرئيسي الوحيد في الصفحة.
   نصّه كحلي مش أبيض: الأبيض على البرتقالي 3.5:1 وبيسقط تحت 4.5،
   والكحلي على نفس البرتقالي 4.7:1. */
body.theme-plus .plct-form #submit_contact{
    background:var(--ct-or)!important;border:0!important;color:var(--ct-ink)!important;
    border-radius:26px!important;padding:13px 40px;width:auto;
    font-weight:800;font-size:1rem;letter-spacing:.02em;
    box-shadow:0 8px 18px rgba(251,68,0,.28);
    transition:background .2s ease,color .2s ease;
}
body.theme-plus .plct-form #submit_contact:hover,
body.theme-plus .plct-form #submit_contact:focus,
body.theme-plus .plct-form #submit_contact:active{
    background:var(--ct-ink)!important;color:#fff!important;
}

/* ── الكعب: بيانات المعهد رأسية على شريط كحلي ضيّق ──────────── */
body.theme-plus .plct-stub{
    position:relative;display:flex;flex-direction:column;min-width:0;
    /* فاصل أبيض بين خط القص والكعب: من غيره الكحلي بيلزق في المنقّط
       فيختفي، ونفس الحل المستعمل في تذاكر صفحة "عن المعهد". */
    margin-inline-start:14px;
    padding:26px 24px 20px;
    color:#fff;
    background:var(--ct-ink) repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 7px,transparent 7px 14px);
    /* شريط برتقالي على الحافة الخارجية للتذكرة */
    box-shadow:inset -7px 0 0 var(--ct-or);
    border-start-end-radius:9px;
    border-end-end-radius:9px;
}
body[dir="rtl"].theme-plus .plct-stub{box-shadow:inset 7px 0 0 var(--ct-or)}
/* الثقبان: دايرتان بلون الأرضية على طرفي خط القص */
body.theme-plus .plct-stub::before,
body.theme-plus .plct-stub::after{
    content:'';position:absolute;z-index:3;
    width:24px;height:24px;border-radius:50%;
    background:var(--ct-ground);border:1px solid var(--ct-line);
    inset-inline-start:-27px;      /* 14 فاصل + نص قطر الثقب = مركزه على خط القص */
}
body.theme-plus .plct-stub::before{top:-13px}
body.theme-plus .plct-stub::after{bottom:-13px}

body.theme-plus .plct-stub-top{
    padding-bottom:18px;border-bottom:2px dashed rgba(255,255,255,.32);
}
body.theme-plus .plct-stub-eyebrow{
    display:block;margin-bottom:6px;
    font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
    color:var(--ct-or);
}
body.theme-plus .plct-stub-name{
    margin:0;font-size:1.22rem;font-weight:800;line-height:1.35;color:#fff;
}

/* الصفوف: واحد تحت التاني، كل صف مفصول بخط قص خفيف */
body.theme-plus .plct-stub-list{
    list-style:none;margin:0;padding:0;
    /* ‏margin-bottom:auto بيدفع الروابط والباركود لأسفل الكعب مهما طال الفورم */
    margin-bottom:auto;
}
body.theme-plus .plct-stub-list li{
    display:flex;align-items:center;gap:12px;
    padding:14px 0;
    border-bottom:1px dashed rgba(255,255,255,.22);
}
body.theme-plus .plct-stub-list li .bi{
    flex:0 0 34px;width:34px;height:34px;border-radius:9px;
    display:flex;align-items:center;justify-content:center;
    background:rgba(255,255,255,.10);color:var(--ct-or);font-size:.98rem;
}
body.theme-plus .plct-stub-list li > span{display:flex;flex-direction:column;gap:3px;min-width:0}
body.theme-plus .plct-stub-list b{
    font-size:.66rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
    color:#9fb4d0;                       /* 8.5:1 على الكحلي */
}
body.theme-plus .plct-stub-list a,
body.theme-plus .plct-stub-list li > span > span{
    color:#fff;text-decoration:none;
    font-size:.92rem;font-weight:600;line-height:1.5;
    overflow-wrap:anywhere;              /* البريد الطويل ما يكسرش الكعب */
}
body.theme-plus .plct-stub-list a:hover{color:var(--ct-or);text-decoration:underline}

/* روابط نصية مش أزرار: الصفحة فيها زر رئيسي واحد بس (الإرسال) */
body.theme-plus .plct-stub-links{
    display:flex;flex-direction:column;gap:12px;
    padding:18px 0 16px;
}
body.theme-plus .plct-stub-links a{
    display:flex;align-items:center;gap:10px;
    color:#fff;text-decoration:none;font-size:.9rem;font-weight:700;
}
body.theme-plus .plct-stub-links a .bi{color:var(--ct-or);font-size:1.05rem;flex:0 0 auto}
body.theme-plus .plct-stub-links a:hover{color:var(--ct-or);text-decoration:underline}
body.theme-plus .plct-stub-bars{
    display:block;height:26px;
    border-top:2px dashed rgba(255,255,255,.32);padding-top:12px;
    background:repeating-linear-gradient(90deg,#fff 0 2px,transparent 2px 5px,#fff 5px 6px,transparent 6px 11px) 0 100%/100% 14px no-repeat;
    opacity:.5;
}

/* البانر: الشكل البرتقالي المائل (520×320) ثابت على حافة النهاية، وتحت 992px
   كان بيمتد تحت فقرة الوصف الرمادية فتباينها يوقع لـ1.5:1. هنا بيتحوّل لركن
   صغير فوق الحافة، فالفقرة بتفضل على الأبيض. مقصور على .plct-hero عشان بانر
   باقي صفحات الثيم ما يتغيّرش. */
@media (max-width:991px){
    body.theme-plus.pg-training-courses .plct-hero #common-banner-section-image::after{
        width:230px;height:130px;inset-inline-end:-80px;top:-34px;border-radius:0 0 0 40px;
    }
}

/* ── تحت 992px: التذكرة بتتقص أفقياً، الكعب ينزل تحت الفورم ─── */
@media (max-width:991px){
    body.theme-plus .plct{grid-template-columns:minmax(0,1fr)}
    /* خط القص بيلف من رأسي لأفقي */
    body.theme-plus .plct-main{border-inline-end:0;border-bottom:2px dashed #b6c2d6}
    body.theme-plus .plct-stub{
        /* الفاصل الأبيض بيلف من جنب الكعب لفوقه */
        margin-inline-start:0;margin-top:14px;
        box-shadow:inset 0 -7px 0 var(--ct-or);   /* الشريط البرتقالي ينتقل لأسفل الورقة */
        border-start-end-radius:0;
        border-end-start-radius:9px;
        border-end-end-radius:9px;
        padding-bottom:26px;
    }
    body[dir="rtl"].theme-plus .plct-stub{box-shadow:inset 0 -7px 0 var(--ct-or)}
    /* الثقبان بيتنقلوا لطرفي خط القص الأفقي */
    body.theme-plus .plct-stub::before{top:-27px;inset-inline-start:-13px}
    body.theme-plus .plct-stub::after{top:-27px;bottom:auto;inset-inline-start:auto;inset-inline-end:-13px}
}

@media (max-width:575px){
    body.theme-plus #common-listing-section.plct-sec{padding:28px 0 40px}
    body.theme-plus .plct-head{padding:18px;gap:12px}
    body.theme-plus .plct-title{font-size:1.22rem}
    body.theme-plus .plct-bars{width:52px;height:26px}
    body.theme-plus .plct-form{padding:20px 18px 24px}
    /* عمود واحد: الحقول ضيقة أصلاً على 390px، والصفّين بيخنقوهم */
    body.theme-plus .plct-form .inst-cform{grid-template-columns:minmax(0,1fr);gap:14px}
    body.theme-plus .plct-form #submit_contact{width:100%;padding:13px 20px}
    body.theme-plus .plct-stub{padding:22px 18px 24px}
}

/* ============================================================
   بلس — /downloads : "شبّاك التذاكر" (2026-09-09)
   ------------------------------------------------------------
   ليه الشكل ده: سطر بلس في DESIGN-SYSTEMS.md = «تذاكر بكعوب
   مثقوبة + خلفية منقّطة». هنا التذكرة مش زخرفة على قائمة —
   هي الوحدة نفسها: صف أفقي من تذاكر، كل واحدة جسم + خط قص
   منقّط رأسي بثقبين + كعب فيه زرار التحميل.

   الرَف (.pldk-rail) بيتزحلق بالعرض بدل ما التذاكر تنزل تحت
   بعض، وده اللي بيمنع الصفحة تتحوّل لعمود بنود زي باقي المعاهد.
   التزحلق جوّه الرَف نفسه، فالصفحة مالهاش تجاوز أفقي.

   الكلاسات .pldk-* مستقلة عن .plbp-* (قسيمة الصعود) عشان
   التعديل هنا ما يمسّش صفحات "عن المعهد"/العملاء.
   ============================================================ */
body.theme-plus .pldk{
    --dk-ink:#001e45;
    --dk-or:#fb4400;
    --dk-paper:#fff;
    --dk-ground:#eef2f8;
    --dk-line:#cdd7e6;
    --dk-mute:#55637a;   /* 5.8:1 على الأبيض */
    /* الخلفية المنقّطة: نقطة كل 16px بشفافية واطية عشان النص يفضل مقروء */
    background-color:var(--dk-ground);
    background-image:radial-gradient(rgba(0,30,69,.17) 1.5px,transparent 1.6px);
    background-size:18px 18px;
    padding:40px 0 56px;
}
body.theme-plus .pldk-inner{max-width:1340px;margin-inline:auto}

/* ── لوحة الشبّاك ─────────────────────────────────────────────
   شريط كحلي بحافة برتقالي من ناحية البداية. العنوان + الصفحات
   اللي مالهاش ملف (تخصصات/مدن) كروابط تصفّح — مش بنود في قائمة. */
body.theme-plus .pldk-board{
    display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
    gap:12px 24px;
    padding:16px 22px;
    background:var(--dk-ink);
    border-radius:10px;
    border-inline-start:7px solid var(--dk-or);
}
body.theme-plus .pldk-board-t{
    margin:0;
    font-size:1.18rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
    color:#fff;                       /* 16:1 على الكحلي */
}
body.theme-plus .pldk-board-browse{
    display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;
    margin:0;font-size:.9rem;
}
body.theme-plus .pldk-board-lbl{
    color:var(--dk-or);               /* 4.65:1 على الكحلي */
    font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;
}
body.theme-plus .pldk-board-browse a{
    color:#fff;font-weight:700;
    text-decoration:underline;text-underline-offset:4px;
    text-decoration-color:rgba(255,255,255,.45);
}
body.theme-plus .pldk-board-browse a:hover,
body.theme-plus .pldk-board-browse a:focus-visible{
    color:var(--dk-or);text-decoration-color:var(--dk-or);
}
/* فاصل نقطي بين روابط التصفّح — بديل الفاصلة، بيشتغل في الاتجاهين */
body.theme-plus .pldk-board-browse a + a{position:relative;padding-inline-start:16px}
body.theme-plus .pldk-board-browse a + a::before{
    content:"";position:absolute;inset-inline-start:0;top:50%;
    width:5px;height:5px;margin-top:-2px;border-radius:1px;background:rgba(255,255,255,.55);
}

body.theme-plus .pldk-lede{
    max-width:62ch;margin:18px 0 20px;
    color:var(--dk-mute);font-size:1rem;line-height:1.7;
}

/* ── الرَف الأفقي ───────────────────────────────────────────── */
body.theme-plus .pldk-rail{
    display:flex;gap:20px;
    overflow-x:auto;
    /* الحشو الرأسي بيسيب مكان للثقوب اللي طالعة بره حدود التذكرة */
    padding:12px 2px 20px;
    scrollbar-width:thin;
    scrollbar-color:rgba(0,30,69,.30) transparent;
}
body.theme-plus .pldk-rail::-webkit-scrollbar{height:8px}
body.theme-plus .pldk-rail::-webkit-scrollbar-thumb{
    background:rgba(0,30,69,.30);border-radius:4px;
}

/* ── التذكرة ────────────────────────────────────────────────
   شبكة عمودين: الجسم + الكعب. خط القص المنقّط على حافة الكعب،
   والثقبان بيتحطوا على نفس المسافة (112 - 8) فبيقعوا على الخط
   بالظبط، وبيلفّوا لوحدهم في العربي لأنهم inset-inline-end. */
body.theme-plus .pldk-tk{
    position:relative;
    flex:1 0 300px;max-width:340px;
    display:grid;grid-template-columns:minmax(0,1fr) 112px;
    background:var(--dk-paper);
    border:1px solid var(--dk-line);
    border-inline-end:6px solid var(--dk-or);
    border-radius:10px;
    transition:transform .15s,box-shadow .15s;
}
body.theme-plus .pldk-tk:hover{transform:translateY(-4px);box-shadow:0 14px 26px rgba(0,30,69,.14)}
/* الثقبان: دايرتان بلون الأرضية بتاكل حدود التذكرة فتبان مخرومة */
body.theme-plus .pldk-tk::before,
body.theme-plus .pldk-tk::after{
    content:"";position:absolute;inset-inline-end:104px;
    width:16px;height:16px;border-radius:50%;
    background:var(--dk-ground);border:1px solid var(--dk-line);
    z-index:2;
}
body.theme-plus .pldk-tk::before{top:-9px}
body.theme-plus .pldk-tk::after{bottom:-9px}

body.theme-plus .pldk-tk-main{padding:18px 18px 20px;min-width:0}

/* سطر الكود: حروف بتوصف نوع الجدول + السنة. مش رقم ترتيب. */
body.theme-plus .pldk-route{
    display:flex;align-items:center;gap:8px;
    margin:0 0 8px;
    font-size:.74rem;font-weight:800;letter-spacing:.16em;
    color:var(--dk-mute);
}
body.theme-plus .pldk-dot{
    width:9px;height:9px;flex:0 0 9px;border-radius:2px;background:var(--dk-or);
}

body.theme-plus .pldk-tk-t{
    margin:0 0 14px;
    font-size:1.02rem;font-weight:800;line-height:1.35;
}
body.theme-plus .pldk-tk-t a{
    color:var(--dk-ink);text-decoration:none;
    background-image:linear-gradient(var(--dk-or),var(--dk-or));
    background-size:0 2px;background-repeat:no-repeat;background-position:0 100%;
    transition:background-size .18s;
}
body[dir="rtl"].theme-plus .pldk-tk-t a{background-position:100% 100%}
body.theme-plus .pldk-tk-t a:hover,
body.theme-plus .pldk-tk-t a:focus-visible{background-size:100% 2px}

/* حقول التذكرة: عنوان صغير فوق قيمة — بيانات مش سطر وصف */
body.theme-plus .pldk-fields{
    display:flex;flex-wrap:wrap;gap:12px 18px;margin:0;
    padding-top:12px;border-top:1px dashed var(--dk-line);
}
body.theme-plus .pldk-fields dt{
    margin:0 0 3px;
    font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
    color:var(--dk-mute);
}
body.theme-plus .pldk-fields dd{
    margin:0;font-size:.86rem;line-height:1.55;font-weight:600;color:var(--dk-ink);
}
body.theme-plus .pldk-fields-wide{flex:1 0 100%;font-weight:500!important}
body.theme-plus .pldk-field{flex:0 0 auto}

/* ── الكعب ──────────────────────────────────────────────────
   ورق أفتح شوية + خط القص المنقّط. الزرار جوّاه، فهو المكان
   الطبيعي للتحميل مش زرار متزنّق تحت البند. */
body.theme-plus .pldk-tk-stub{
    display:flex;flex-direction:column;align-items:center;gap:12px;
    padding:18px 12px;
    background:#f5f8fc;
    border-inline-start:2px dashed rgba(0,30,69,.38);
    border-start-end-radius:9px;border-end-end-radius:9px;
}
/* الباركود: شرائط كحلي بعرض غير منتظم */
body.theme-plus .pldk-bars{
    width:100%;height:36px;
    background:repeating-linear-gradient(90deg,
        var(--dk-ink) 0 2px,transparent 2px 5px,
        var(--dk-ink) 5px 6px,transparent 6px 10px,
        var(--dk-ink) 10px 13px,transparent 13px 15px);
}
body.theme-plus .pldk-stub-code{
    margin-top:auto;
    font-size:.72rem;font-weight:800;letter-spacing:.18em;color:var(--dk-mute);
}
/* الزرار: كحلي على برتقالي = 4.65:1. الأبيض على البرتقالي بيوقع
   لـ3.5:1 فما اتستعملش. */
/* margin-block:auto بيوسّط الزرار بين الباركود فوق وكود الكعب تحت،
   فالكعب ما يبقاش مزنوق من فوق وفاضي من تحت. */
body.theme-plus .pldk-dl{
    display:flex;width:100%;justify-content:center;text-align:center;
    margin-block:auto;padding:9px 8px;
    background:var(--dk-or);color:var(--dk-ink);
    font-size:.78rem;font-weight:800;line-height:1.35;
    border-radius:6px;
}
body.theme-plus .pldk-dl:hover,
body.theme-plus .pldk-dl:focus-visible{
    background:var(--dk-ink);color:#fff;transform:none;
}
body.theme-plus .pldk-dl:focus-visible{outline:3px solid var(--dk-or);outline-offset:2px}

body.theme-plus .pldk-print{
    margin:6px 0 0;max-width:62ch;
    font-size:.84rem;line-height:1.7;color:var(--dk-mute);
}

/* ── ضيّق: التذكرة بتنكمش والرَف بيتزحلق ─────────────────────── */
@media (max-width:575px){
    body.theme-plus .pldk{padding:28px 0 40px}
    body.theme-plus .pldk-board{padding:14px 16px}
    body.theme-plus .pldk-board-t{font-size:1.02rem}
    body.theme-plus .pldk-tk{flex:0 0 272px;grid-template-columns:minmax(0,1fr) 100px}
    body.theme-plus .pldk-tk::before,
    body.theme-plus .pldk-tk::after{inset-inline-end:93px}
    body.theme-plus .pldk-tk-main{padding:16px 14px 18px}
    body.theme-plus .pldk-tk-stub{padding:16px 10px}
    body.theme-plus .pldk-dl{font-size:.72rem;padding:9px 4px}
}

/* ── بانر /downloads على الموبايل: الشكل البرتقالي يرجع ركن ──────
   الشكل المائل (#common-banner-section-image::after) عرضه 520px، فعند
   390px بيغطي البانر كله وفقرة الوصف الرمادية (#5d6b7a) بتقع عليه
   فتباينها يوقع تحت 4.5:1.

   نفس العلاج الموجود فوق لصفحة الدورات اتعمل بمُحدِّد .plct-hero، وصفحة
   التنزيلات مالهاش الكلاس ده — فده **مش تعديل** للقاعدة القديمة، ده مُحدِّد
   جديد مقصور على body.page-downloads عشان ما يمسّش أي صفحة تانية. */
@media (max-width:991px){
    body.theme-plus.page-downloads #common-banner-section-image::after{
        width:230px;height:130px;inset-inline-end:-80px;top:-34px;border-radius:0 0 0 40px;
    }
}

/* ============================================================
   بلس — "عن المعهد": بطاقة تعريف بدل شبكة الرؤية/الرسالة/القيم
   (2026-09-09). الكلاسات .plid-* جديدة بالكامل ومش بتلمس أي قاعدة
   قديمة — .plbp-passes / .plbp-row / .plbp-gate لسه بتخدم صفحات
   تانية (contact_content و public_courses_content) فسايبها زي ما هي.
   ------------------------------------------------------------
   ليه: الأحد عشر معهد كانوا بيعرضوا نفس الصفحة (٣ بنود ثم ٣ بنود ثم
   زرار)، فالتلوين لوحده ما كانش بيفرّقهم. هنا المعمار نفسه اتغيّر:
   لوح حقائق أول الصفحة، ثم نثر، ثم شريط قيم سطر واحد، ثم تذكرتان.
   لغة بلس البصرية (تذكرة بكعب مثقوب وخط قص منقّط) محفوظة زي ما هي
   عشان الصفحة تفضل من نفس الموقع.
   الثقوب كلها مرسومة بـradial-gradient جوّه العنصر مش عناصر خارجة
   برّه، لأن أي حاجة بتخرج برّه الحاوية بتعمل تمرير أفقي على 390px.
   ============================================================ */

/* ── ١) بطاقة التعريف ─────────────────────────────────────────
   عرضها محدود ومحاذية لبداية السطر — تخطيط بلس غير متماثل، والفراغ
   الجنبي مقصود مش نقص. */
body.theme-plus .plid-card{
    max-width:660px;
    margin:0 0 44px;
    background:var(--bp-paper);
    border:1px solid var(--bp-line);
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 10px 24px rgba(0,30,69,.10);
}
body.theme-plus .plid-card-head{
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:14px 20px;
    background:var(--bp-ink);
    box-shadow:inset 6px 0 0 var(--bp-or);
}
body[dir="rtl"].theme-plus .plid-card-head{box-shadow:inset -6px 0 0 var(--bp-or)}
body.theme-plus .plid-kicker{
    color:#fff;font-size:.82rem;font-weight:800;
    letter-spacing:.14em;text-transform:uppercase;
}
/* الحروف العربية موصولة — التباعد بيكسّر الوصل، فبيتشال في RTL. */
body[dir="rtl"].theme-plus .plid-kicker{letter-spacing:0;text-transform:none;font-size:.92rem}
body.theme-plus .plid-bars{
    flex:0 0 116px;height:20px;
    background:repeating-linear-gradient(90deg,rgba(255,255,255,.85) 0 2px,transparent 2px 5px,rgba(255,255,255,.85) 5px 6px,transparent 6px 11px);
}
body.theme-plus .plid-bars--heel{
    flex:0 0 96px;height:16px;
    background:repeating-linear-gradient(90deg,var(--bp-or) 0 2px,transparent 2px 6px,var(--bp-or) 6px 7px,transparent 7px 12px);
}

body.theme-plus .plid-fields{margin:0;padding:4px 0}
body.theme-plus .plid-f{
    display:grid;grid-template-columns:150px minmax(0,1fr);gap:6px 18px;
    padding:13px 20px;
    border-top:1px dashed var(--bp-line);
}
body.theme-plus .plid-f:first-child{border-top:0}
body.theme-plus .plid-f dt{
    margin:0;padding-top:3px;
    font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
    color:var(--bp-mute);
}
body[dir="rtl"].theme-plus .plid-f dt{letter-spacing:0;text-transform:none;font-size:.88rem}
body.theme-plus .plid-f dd{
    margin:0;color:var(--bp-ink);font-size:.96rem;font-weight:600;line-height:1.6;
}
body.theme-plus .plid-links{display:flex;flex-wrap:wrap;gap:6px 14px}
body.theme-plus .plid-links a{
    color:var(--bp-ink);text-decoration:none;
    border-bottom:1px dotted var(--bp-or);
    padding:1px 2px;border-radius:2px;
}
/* البرتقالي على الأبيض تباينه 3.5 — أقل من 4.5 للنص العادي، فالنص
   بيفضل كحلي في كل الحالات والبرتقالي خط وخلفية بس. */
body.theme-plus .plid-links a:hover,
body.theme-plus .plid-links a:focus-visible{background:rgba(251,68,0,.12);border-bottom-style:solid}

/* خط القص: الثقبان نصف دائرة محفورة من جوّه بلون الأرضية. */
body.theme-plus .plid-cut{
    position:relative;height:22px;
    background:
        radial-gradient(circle 11px at 0 50%, var(--bp-ground) 97%, transparent 100%),
        radial-gradient(circle 11px at 100% 50%, var(--bp-ground) 97%, transparent 100%);
}
body.theme-plus .plid-cut::before{
    content:'';position:absolute;top:50%;inset-inline:18px;
    border-top:2px dashed var(--bp-line);
}

body.theme-plus .plid-heel{
    display:flex;align-items:center;justify-content:space-between;gap:16px;
    padding:12px 20px 14px;
    background:var(--bp-ink);
}
body.theme-plus .plid-heel-code{
    font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
    font-size:.8rem;letter-spacing:.18em;
    color:var(--bp-or); /* 4.7:1 على الكحلي */
}

/* ── ٢) الرؤية والرسالة نثرًا ─────────────────────────────────
   عمود قراءة ~68 حرف بخط برتقالي على بدايته — مش كروت. */
body.theme-plus .plid-prose{
    max-width:68ch;
    margin:0 0 36px;
    padding-inline-start:18px;
    border-inline-start:3px solid var(--bp-or);
}
body.theme-plus .plid-prose h2{
    margin:0 0 12px;font-size:1.35rem;font-weight:800;color:var(--bp-ink);
}
body.theme-plus .plid-prose p{
    margin:0 0 14px;color:#3d4b5e;font-size:1.02rem;line-height:1.8;
}
body.theme-plus .plid-prose p:last-child{margin-bottom:0}

/* ── ٣) شريط القيم المنقّط ───────────────────────────────────── */
body.theme-plus .plid-values{
    display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;
    margin:0 0 40px;padding:14px 20px;
    background:var(--bp-paper);
    border-top:2px dashed var(--bp-line);
    border-bottom:2px dashed var(--bp-line);
}
body.theme-plus .plid-values-l{
    font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
    color:var(--bp-ink);
}
body[dir="rtl"].theme-plus .plid-values-l{letter-spacing:0;text-transform:none;font-size:.92rem}
body.theme-plus .plid-v{
    position:relative;padding-inline-start:16px;
    color:#3d4b5e;font-size:.95rem;
}
body.theme-plus .plid-v::before{
    content:'';position:absolute;inset-inline-start:0;top:.45em;
    width:7px;height:7px;background:var(--bp-or);border-radius:2px;
}

/* ── ٤) تذكرتان ─────────────────────────────────────────────── */
body.theme-plus .plid-tks{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;
}
body.theme-plus .plid-tk{
    display:flex;flex-direction:column;
    background:var(--bp-paper);
    border:1px solid var(--bp-line);
    border-radius:12px;
    overflow:hidden;
}
body.theme-plus .plid-tk-head{
    display:flex;align-items:center;gap:12px;
    padding:16px 20px;
    background:var(--bp-ink);
    box-shadow:inset 6px 0 0 var(--bp-or);
}
body[dir="rtl"].theme-plus .plid-tk-head{box-shadow:inset -6px 0 0 var(--bp-or)}
body.theme-plus .plid-tk-head .bi{font-size:1.5rem;line-height:1;color:var(--bp-or)}
body.theme-plus .plid-tk-head h2{margin:0;font-size:1.12rem;font-weight:800;color:#fff}
body.theme-plus .plid-tk-body{
    flex:1;display:flex;flex-direction:column;gap:16px;
    padding:18px 20px 20px;
}
body.theme-plus .plid-tk-body p{
    margin:0;max-width:52ch;color:#3d4b5e;font-size:.95rem;line-height:1.7;
}
body.theme-plus .plid-go{
    margin-top:auto;align-self:flex-start;
    display:inline-flex;align-items:center;gap:8px;
    padding:10px 18px;border-radius:8px;
    background:var(--bp-ink);color:#fff;
    font-size:.92rem;font-weight:700;text-decoration:none;
    transition:background .2s ease;
}
/* الأبيض على البرتقالي 3.5:1 — مش كفاية لنص بالحجم ده، فالتحويم
   بيفتّح الكحلي بدل ما يقلبه برتقالي. */
body.theme-plus .plid-go:hover,
body.theme-plus .plid-go:focus-visible{background:#00306e;color:#fff}

/* الدورات الداخلية: زرار جوّه تذكرة الحضوري، وراه خط قص بثقبين. */
body.theme-plus .plid-tk-sub{
    display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;
    padding:14px 20px;
    border-top:2px dashed var(--bp-line);
    background:
        radial-gradient(circle 9px at 0 0, var(--bp-ground) 96%, transparent 100%),
        radial-gradient(circle 9px at 100% 0, var(--bp-ground) 96%, transparent 100%),
        #fbfcfe;
}
body.theme-plus .plid-tk-note{color:var(--bp-mute);font-size:.88rem}
body.theme-plus .plid-sub-btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:8px 14px;border-radius:8px;
    border:2px dashed var(--bp-or);background:#fff;
    color:var(--bp-ink);font-size:.88rem;font-weight:700;text-decoration:none;
    transition:background .2s ease,border-color .2s ease,color .2s ease;
}
body.theme-plus .plid-sub-btn .bi{color:var(--bp-or);font-size:1rem}
body.theme-plus .plid-sub-btn:hover,
body.theme-plus .plid-sub-btn:focus-visible{background:var(--bp-ink);border-color:var(--bp-ink);color:#fff}
body.theme-plus .plid-sub-btn:hover .bi,
body.theme-plus .plid-sub-btn:focus-visible .bi{color:#fff}

/* ── ضيّق ───────────────────────────────────────────────────── */
@media (max-width:991px){
    body.theme-plus .plid-tks{grid-template-columns:1fr}
}
@media (max-width:575px){
    body.theme-plus .plid-card{margin-bottom:32px}
    body.theme-plus .plid-f{grid-template-columns:1fr;gap:2px;padding:12px 16px}
    body.theme-plus .plid-card-head,
    body.theme-plus .plid-heel,
    body.theme-plus .plid-values,
    body.theme-plus .plid-tk-head,
    body.theme-plus .plid-tk-body,
    body.theme-plus .plid-tk-sub{padding-inline:16px}
    body.theme-plus .plid-bars{flex:0 0 84px}
    body.theme-plus .plid-heel-code{font-size:.72rem;letter-spacing:.12em}
    body.theme-plus .plid-prose h2{font-size:1.2rem}
    body.theme-plus .plid-tk-sub{justify-content:flex-start}
}

/* ── ضبط التكوين بعد مراجعة اللقطة (2026-09-09) ─────────────────
   المشكلة اللي بانت على 1440: المحتوى كان مفرود على عرض الحاوية كله
   فالنص التاني من الشاشة يفضل فاضي، والصفحة تبان مفكوكة. العلاج:
   عمود واحد محدود، وأرضية منقّطة خفيفة (نظام بلس: خلفية منقّطة)
   عشان الفراغ الجنبي يبقى نسيج مقصود مش بياض. */
body.theme-plus .plid{
    background-image:radial-gradient(rgba(0,30,69,.10) 1.2px,transparent 1.2px);
    background-size:22px 22px;
}
body.theme-plus .plid-col{max-width:1000px}

/* التذكرتان مش لازم يتساووا في الطول — تذكرة الحضوري فيها كعب زيادة
   (زرار الداخلية)، ولو فرضنا نفس الطول بتفضل تذكرة عن بُعد نصها فاضي. */
body.theme-plus .plid-tks{align-items:start}

/* ── بانر /about-plus على الموبايل: الشكل البرتقالي يرجع ركن ──────
   نفس علّة صفحة /downloads المشروحة فوق: الشكل المائل عرضه 520px،
   فعند 390px بيغطي البانر كله وفقرة المقدمة الرمادية (#5d6b7a)
   بتقع فوقه فتباينها يوقع تحت 4.5:1 وتبقى غير مقروءة.

   ده **مش تعديل** للقاعدة القديمة (سطر 1096) — ده مُحدِّد جديد مقصور
   على body.page-about وعلى الشاشات الضيّقة بس، فما بيمسّش أي صفحة تانية. */
@media (max-width:991px){
    body.theme-plus.page-about #common-banner-section-image::after{
        width:210px;height:120px;inset-inline-end:-70px;top:-30px;border-radius:0 0 0 40px;
    }
}

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

   قواعد مهمة:
   - الأرضية لازم تفضل **لون واحد مصمت** لأن ثقوب التقطيع مرسومة بنفس
     اللون عشان تبان "فراغ" مقصوص في الورقة (نفس علّة بلوك .plbp فوق).
   - كل الإجابات ظاهرة، فمفيش أي JS ولا details/summary.
   - العمودان بأعداد مختلفة (٦/٥) من الـPHP، مش بـcolumns: عشان الطولين
     يختلفوا فعلاً بدل ما المتصفح يوازنهم.
   - خصائص منطقية بس (inset-inline-*) عشان النسخة العربية.
   ============================================================ */
body.theme-plus .plfq{
    --fq-ink:#001e45;
    --fq-or:#fb4400;
    --fq-paper:#fff;
    --fq-ground:#e9edf4;
    --fq-line:#d2dae7;
    --fq-mute:#56657c;
    background:var(--fq-ground);
    padding:40px 0 56px;
}
/* عرض محدود عشان سطر الإجابة يفضل حوالي ٦٥ حرف مش عرض الشاشة كله */
body.theme-plus .plfq-wall{
    max-width:1120px;margin-inline:auto;
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
    align-items:start; /* العمود الأقصر ما يتمطّش لطول العمود التاني */
}
body.theme-plus .plfq-col{display:flex;flex-direction:column;gap:24px}

body.theme-plus .plfq-tkt{
    position:relative;
    display:grid;grid-template-columns:66px minmax(0,1fr);
    background:var(--fq-paper);
    border:1px solid var(--fq-line);
    border-radius:10px;
    box-shadow:0 4px 14px rgba(0,30,69,.08);
    transition:transform .25s,box-shadow .25s;
}
body.theme-plus .plfq-tkt:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(0,30,69,.14)}

/* الكعب: عمود كحلي بخط برتقالي داخلي وخط تقطيع منقّط يفصله عن جسم التذكرة */
body.theme-plus .plfq-stub{
    display:flex;flex-direction:column;align-items:center;gap:6px;
    padding:16px 6px;
    background:var(--fq-ink) repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 6px,transparent 6px 12px);
    border-start-start-radius:10px;border-end-start-radius:10px;
    box-shadow:inset 5px 0 0 var(--fq-or);
    border-inline-end:2px dashed rgba(255,255,255,.45);
}
body[dir="rtl"].theme-plus .plfq-stub{box-shadow:inset -5px 0 0 var(--fq-or)}
body.theme-plus .plfq-stub-lbl{
    font-size:.6rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
    color:rgba(255,255,255,.72);line-height:1;
}
/* الرقم برتقالي على الكحلي = تباين 4.6:1، وهو رقم مرجعي زخرفي (aria-hidden) */
body.theme-plus .plfq-stub-no{font-size:1.5rem;font-weight:800;line-height:1;color:var(--fq-or)}
body.theme-plus .plfq-stub-bars{
    margin-top:auto;width:26px;height:34px;
    background:repeating-linear-gradient(90deg,#fff 0 2px,transparent 2px 5px);
    opacity:.75;
}

/* ثقبا التقطيع فوق وتحت خط الكعب — بلون الأرضية عشان يبانوا مقصوصين */
body.theme-plus .plfq-tkt::before,
body.theme-plus .plfq-tkt::after{
    content:'';position:absolute;inset-inline-start:57px;
    width:18px;height:18px;border-radius:50%;background:var(--fq-ground);
}
body.theme-plus .plfq-tkt::before{top:-9px}
body.theme-plus .plfq-tkt::after{bottom:-9px}

body.theme-plus .plfq-body{padding:18px 20px 20px}
body.theme-plus .plfq-q{
    margin:0 0 8px;font-size:1.02rem;font-weight:800;line-height:1.45;color:var(--fq-ink);
}
body.theme-plus .plfq-a{
    margin:0;font-size:.94rem;line-height:1.75;color:var(--fq-mute);max-width:62ch;
}

/* موبايل/لوح: عمود واحد بترتيب القراءة نفسه (٠١ → ١١)، والكعب يفضل جانبي
   لأن عرضه 58px بس فباقي 390px يكفي سطر إجابة مريح. */
@media (max-width:991px){
    body.theme-plus .plfq{padding:28px 0 40px}
    body.theme-plus .plfq-wall{grid-template-columns:1fr;gap:20px}
    body.theme-plus .plfq-col{gap:20px}
    body.theme-plus .plfq-tkt{grid-template-columns:58px minmax(0,1fr)}
    body.theme-plus .plfq-tkt::before,body.theme-plus .plfq-tkt::after{inset-inline-start:49px}
    body.theme-plus .plfq-body{padding:16px 16px 18px}
    body.theme-plus .plfq-stub-no{font-size:1.3rem}
}

/* سطر تعريفي عن الصفحة — على هيئة قصاصة كعب صغيرة فوق الحائط (نفس نمط .plbp-lede
   في بلس عشان الصفحة تفضل من نفس الموقع) */
body.theme-plus .plfq-note{
    max-width:1120px;margin:0 auto 26px;
    padding-inline-start:14px;
    border-inline-start:3px solid var(--fq-or);
    color:var(--fq-ink);font-size:.95rem;font-weight:600;line-height:1.7;
}
@media (max-width:991px){
    body.theme-plus .plfq-note{margin-bottom:20px;font-size:.9rem}
}

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

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

   الثقوب عند خط القص مرسومة جوّه العنصر مع overflow:hidden
   (تطلع أنصاف دوائر) — أي عنصر بيخرج برّه الحاوية بيعمل تمرير أفقي
   على 390px، وده اللي اتجنّبناه هنا.
   ============================================================ */

/* في العربي التباعد الحرفي بيفكّ وصل الحروف، وuppercase مالوش معنى —
   فبنلغيهم على الكِيكرز والعناوين الصغيرة بتاعة الصفحتين. */
body[dir="rtl"].theme-plus .plrq-kick,
body[dir="rtl"].theme-plus .plrq-field-label,
body[dir="rtl"].theme-plus .plrq-stub-kick,
body[dir="rtl"].theme-plus .plrq-after h2,
body[dir="rtl"].theme-plus .plep-kick,
body[dir="rtl"].theme-plus .plep-field dt,
body[dir="rtl"].theme-plus .plep-stub-kick,
body[dir="rtl"].theme-plus .plep-h{
    letter-spacing:normal;text-transform:none;
}

/* ══ ١) /services/in-house-courses — قسيمة الطلب ═══════════ */

body.theme-plus .plrq-slip{
    position:relative;overflow:hidden;
    display:grid;grid-template-columns:minmax(0,1fr) 300px;
    /* عرض محدود ومحاذي لبداية السطر: تخطيط بلس غير متماثل والفراغ الجنبي مقصود */
    max-width:1000px;margin:0 0 44px;
    background:var(--bp-paper);
    border:1px solid var(--bp-line);border-top:4px solid var(--bp-or);
    border-radius:10px;
    box-shadow:0 10px 24px rgba(0,30,69,.10);
}
/* الثقبان على خط القص بين الجسم والكعب — نصفا دائرة مقصوصين بالـoverflow */
body.theme-plus .plrq-slip::before,
body.theme-plus .plrq-slip::after{
    content:'';position:absolute;inset-inline-end:289px;
    width:22px;height:22px;border-radius:50%;
    background:var(--bp-ground);z-index:3;
}
body.theme-plus .plrq-slip::before{top:-11px}
body.theme-plus .plrq-slip::after{bottom:-11px}

body.theme-plus .plrq-body{padding:28px 32px 32px}
body.theme-plus .plrq-kick{
    display:block;margin-bottom:8px;
    font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
    color:var(--bp-mute);
}
body.theme-plus .plrq-h{
    margin:0 0 24px;font-size:1.35rem;font-weight:800;line-height:1.35;color:var(--bp-ink);
}

/* حقول الاستمارة: خط نقطي فاضي زي أي قسيمة مطبوعة. التالت بيتمدّ على
   عرض الصف عشان الشبكة تبقى غير متماثلة ومتتقريش كقائمة تلات بنود. */
body.theme-plus .plrq-fields{
    list-style:none;margin:0;padding:0;
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;
}
body.theme-plus .plrq-field--wide{grid-column:1 / -1}
body.theme-plus .plrq-field-label{
    display:block;margin-bottom:8px;
    font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
    color:var(--bp-mute);
}
body.theme-plus .plrq-rule{
    display:block;height:22px;
    border-bottom:2px dotted #aebbcf;
}
/* لون تعبئة الزر أغمق شوية من برتقالي العلامة (#fb4400): النص الأبيض على
   البرتقالي الأصلي تباينه 3.6:1 وده تحت 4.5:1 المطلوبة لنص بحجم عادي.
   #d63a00 نفس الدرجة بس أغمق فبيوصل 4.7:1 والزر لسه بيتقرا برتقالي. */
body.theme-plus .plrq-cta{
    display:inline-block;margin-top:30px;
    background:#d63a00!important;border:0!important;color:#fff!important;
    border-radius:8px!important;padding:12px 32px;font-weight:800;
    box-shadow:0 6px 16px rgba(251,68,0,.28);
}
body.theme-plus .plrq-cta:hover{background:var(--bp-ink)!important;color:#fff!important}

body.theme-plus .plrq-stub{
    display:flex;flex-direction:column;gap:12px;
    padding:28px 24px 24px;color:#fff;
    background:var(--bp-ink) repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 7px,transparent 7px 14px);
    border-inline-start:2px dashed rgba(255,255,255,.5);
}
body.theme-plus .plrq-stub-kick{
    font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
    color:var(--bp-or);
}
body.theme-plus .plrq-stub-h{margin:0;font-size:1.02rem;font-weight:800;line-height:1.45;color:#fff}
body.theme-plus .plrq-stub-line{
    margin:0;font-size:.87rem;line-height:1.75;color:rgba(255,255,255,.92);
}
body.theme-plus .plrq-stub-line b{color:var(--bp-or);font-weight:800}
body.theme-plus .plrq-stub-bars{margin-top:auto;width:100%;height:24px;opacity:.45}

/* خاتمة الصفحة نص جارٍ مش زرار — وعرضه محدود للقراءة */
body.theme-plus .plrq-after{
    max-width:70ch;margin:0;padding-top:26px;
    border-top:2px dashed var(--bp-line);
}
body.theme-plus .plrq-after h2{
    margin:0 0 10px;
    font-size:1rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
    color:var(--bp-ink);
}
body.theme-plus .plrq-after p{margin:0;color:var(--bp-mute);font-size:1rem;line-height:1.85}

@media (max-width:991px){
    body.theme-plus .plrq-slip{grid-template-columns:1fr;margin-bottom:34px}
    body.theme-plus .plrq-slip::before,
    body.theme-plus .plrq-slip::after{display:none}
    body.theme-plus .plrq-body{padding:24px 20px 26px}
    body.theme-plus .plrq-stub{
        border-inline-start:0;border-top:2px dashed rgba(255,255,255,.5);
        padding:22px 20px;
    }
}
@media (max-width:575px){
    body.theme-plus .plrq-fields{grid-template-columns:1fr}
    body.theme-plus .plrq-h{font-size:1.2rem}
}

/* ══ ٢) /services/public-courses — بطاقة الدخول ════════════ */

body.theme-plus .plep-pass{
    position:relative;overflow:hidden;
    display:grid;grid-template-columns:minmax(0,1fr) 300px;
    margin:0 0 46px;border-radius:10px;
    background:var(--bp-ink) repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 8px,transparent 8px 16px);
    border:1px solid var(--bp-ink);border-top:4px solid var(--bp-or);
    box-shadow:0 12px 28px rgba(0,30,69,.18);
}
body.theme-plus .plep-pass::before,
body.theme-plus .plep-pass::after{
    content:'';position:absolute;inset-inline-end:289px;
    width:22px;height:22px;border-radius:50%;
    background:var(--bp-ground);z-index:3;
}
body.theme-plus .plep-pass::before{top:-11px}
body.theme-plus .plep-pass::after{bottom:-11px}

/* عمود مرن: الكيكر فوق، الحقول في النص، وزر الصعود ملزوق تحت — من
   غير كده كان بيفضل فراغ كحلي كبير تحت الحقول لأن ارتفاع الشريط
   بيتحدد بالكعب. */
body.theme-plus .plep-main{
    display:flex;flex-direction:column;
    padding:26px 30px 28px;color:#fff;
    border-inline-end:2px dashed rgba(255,255,255,.45);
}
body.theme-plus .plep-kick{
    display:block;
    font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
    color:rgba(255,255,255,.75);
}

/* حقول معنونة في صف أفقي، مفصولة بخطوط قص رأسية — زي بطاقة الصعود */
/* الصف بياخد المساحة الفاضية ويتوسّط فيها رأسيًا: ارتفاع الشريط بيتحدد
   بالكعب، ومن غير كده كان بيفضل فراغ كحلي كبير تحت الحقول. */
body.theme-plus .plep-fields{
    display:flex;flex-wrap:wrap;align-items:center;
    flex:1 1 auto;
    gap:16px 0;margin:24px 0 28px;
}
body.theme-plus .plep-field{min-width:0;padding-inline-end:30px}
body.theme-plus .plep-field + .plep-field{
    padding-inline-start:30px;
    border-inline-start:1px dashed rgba(255,255,255,.38);
}
body.theme-plus .plep-field dt{
    margin-bottom:6px;
    font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
    color:var(--bp-or);
}
body.theme-plus .plep-field dd{margin:0;font-size:2rem;font-weight:800;line-height:1;color:#fff}
body.theme-plus .plep-field--wide{flex:1 1 260px}
body.theme-plus .plep-field--wide dd{
    display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px;
    font-size:1rem;font-weight:700;line-height:1.6;
}
body.theme-plus .plep-field--wide dd a{
    color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.5);
}
body.theme-plus .plep-field--wide dd a:hover{color:var(--bp-or);border-bottom-color:var(--bp-or)}
body.theme-plus .plep-sep{color:rgba(255,255,255,.55)}

/* نفس سبب اللون الأغمق المشروح عند .plrq-cta فوق. */
body.theme-plus .plep-cta{
    display:inline-block;align-self:flex-start;margin-top:auto;
    background:#d63a00!important;border:0!important;color:#fff!important;
    border-radius:8px!important;padding:12px 30px;font-weight:800;
    box-shadow:0 6px 16px rgba(251,68,0,.35);
}
body.theme-plus .plep-cta:hover{background:#fff!important;color:var(--bp-ink)!important}

/* الكعب هنا هو الورقة الفاتحة — عكس قسيمة الدورات الداخلية */
body.theme-plus .plep-stub{
    display:flex;flex-direction:column;gap:14px;
    padding:26px 24px 22px;background:var(--bp-paper);
}
body.theme-plus .plep-stub-kick{
    font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
    color:var(--bp-mute);
}
/* المزايا خط مطبوع صغير — سطر واحد لكل ميزة، مش كارت */
body.theme-plus .plep-fine{
    list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;
}
body.theme-plus .plep-fine li{font-size:.82rem;line-height:1.65;color:var(--bp-mute)}
body.theme-plus .plep-fine li b{color:var(--bp-ink);font-weight:800}
body.theme-plus .plep-stub-bars{
    margin-top:auto;width:100%;height:22px;opacity:.45;
    background:repeating-linear-gradient(90deg,var(--bp-ink) 0 2px,transparent 2px 5px,var(--bp-ink) 5px 6px,transparent 6px 11px);
}

body.theme-plus .plep-h{
    margin:0 0 16px;
    font-size:1.1rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
    color:var(--bp-ink);
}
/* الشروط جدول صفّين برأس صف كحلي — مش قائمة بنود */
body.theme-plus .plep-tablewrap{overflow-x:auto;max-width:940px}
body.theme-plus .plep-table{
    width:100%;border-collapse:collapse;
    background:var(--bp-paper);border:1px solid var(--bp-line);
}
body.theme-plus .plep-table th{
    width:236px;text-align:start;vertical-align:top;
    padding:22px;font-size:.95rem;font-weight:800;line-height:1.5;color:#fff;
    background:var(--bp-ink) repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 7px,transparent 7px 14px);
    border-bottom:1px solid rgba(255,255,255,.28);
}
body.theme-plus .plep-table td{
    padding:22px;vertical-align:top;
    color:var(--bp-mute);font-size:.95rem;line-height:1.85;
    border-bottom:1px solid var(--bp-line);
}
body.theme-plus .plep-table tr:last-child th,
body.theme-plus .plep-table tr:last-child td{border-bottom:0}
body.theme-plus .plep-inline{
    display:inline-block;margin-inline-start:6px;white-space:nowrap;
    color:var(--bp-ink);font-weight:800;text-decoration:none;
    border-bottom:2px solid var(--bp-or);
}
body.theme-plus .plep-inline:hover{color:var(--bp-or)}

@media (max-width:991px){
    body.theme-plus .plep-pass{grid-template-columns:1fr;margin-bottom:34px}
    body.theme-plus .plep-pass::before,
    body.theme-plus .plep-pass::after{display:none}
    body.theme-plus .plep-main{
        padding:22px 20px 26px;
        border-inline-end:0;border-bottom:2px dashed rgba(255,255,255,.45);
    }
    body.theme-plus .plep-stub{padding:22px 20px}
}
@media (max-width:767px){
    body.theme-plus .plep-fields{flex-direction:column;align-items:flex-start;gap:14px}
    body.theme-plus .plep-field{padding-inline-end:0}
    /* الصف بقى عمود، فـflex-basis بتاعة حقل المدن بقت ارتفاع مش عرض
       (260px فراغ رأسي) — بنرجّعها لارتفاع المحتوى. */
    body.theme-plus .plep-field--wide{flex:0 0 auto}
    body.theme-plus .plep-field + .plep-field{
        padding-inline-start:0;padding-top:14px;
        border-inline-start:0;border-top:1px dashed rgba(255,255,255,.38);
        align-self:stretch;
    }
    /* الجدول بيتفكّ لصفوف مكدّسة بدل ما يعمل تمرير أفقي */
    body.theme-plus .plep-table,
    body.theme-plus .plep-table tbody,
    body.theme-plus .plep-table tr,
    body.theme-plus .plep-table th,
    body.theme-plus .plep-table td{display:block;width:auto}
    body.theme-plus .plep-table th{padding:16px 18px}
    body.theme-plus .plep-table td{padding:18px}
}

/* ════════════════════════════════════════════════════════════
   بلس — /clients: كعب تذكرة واحد عريض بحقول معنونة في صفوف
   (2026-09-09). البديل لـ .plbp-chips/.plbp-wide المحذوفين فوق.
   ------------------------------------------------------------
   ليه الشكل ده: الشبكة القديمة كانت عشر بلاطات متساوية بأيقونة
   واسم — نفس معمار باقي المعاهد. هنا العشرة بقوا أربع عائلات،
   وكل عائلة حقل في صف من صفوف قسيمة الصعود: عنوان صغير + أسماء
   القطاعات على سطر جارٍ. مفيش أيقونات ومفيش وصف تحت كل بند.
   بتختلف عن بطاقة /services/public-courses (.plep) بإن دي ورقة
   بيضا بحقول رأسية ونص مطبوع، وتلك كحلية بحقول أفقية وأرقام ضخمة.
   ============================================================ */

/* في العربي التباعد الحرفي بيفكّ وصل الحروف وuppercase مالوش معنى */
body[dir="rtl"].theme-plus .plcl-kick,
body[dir="rtl"].theme-plus .plcl-h,
body[dir="rtl"].theme-plus .plcl-field dt,
body[dir="rtl"].theme-plus .plcl-stub-name{
    letter-spacing:normal;text-transform:none;
}

body.theme-plus .plcl-pass{
    position:relative;
    display:grid;grid-template-columns:minmax(0,1fr) 148px;
    margin:0 0 46px;border-radius:10px;
    background:var(--bp-paper);
    border:1px solid var(--bp-line);
    box-shadow:0 12px 28px rgba(0,30,69,.12);
}
/* الثقبين على خط القص بين المتن والكعب — بلون الأرضية عشان يبانوا فراغ،
   ولذلك الأرضية لازم تفضل لون واحد مصمت (نفس شرط .plbp فوق). */
body.theme-plus .plcl-pass::before,
body.theme-plus .plcl-pass::after{
    content:'';position:absolute;inset-inline-end:137px;
    width:22px;height:22px;border-radius:50%;
    background:var(--bp-ground);border:1px solid var(--bp-line);z-index:3;
}
body.theme-plus .plcl-pass::before{top:-12px}
body.theme-plus .plcl-pass::after{bottom:-12px}

body.theme-plus .plcl-main{padding:26px 30px 0}

/* رأس القسيمة: اسم المعهد فوق العنوان، وخط طباعة مصمت تحتهم */
body.theme-plus .plcl-head{
    padding-bottom:16px;
    border-bottom:3px solid var(--bp-ink);
}
body.theme-plus .plcl-kick{
    display:block;margin-bottom:6px;
    font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
    color:var(--bp-mute);
}
body.theme-plus .plcl-h{
    margin:0;
    font-size:1.05rem;font-weight:800;letter-spacing:.10em;text-transform:uppercase;
    color:var(--bp-ink);
}

/* الحقول: عمود عنوان ضيّق + عمود قيمة، وخط قص منقّط بين الصفوف */
body.theme-plus .plcl-fields{margin:0}
body.theme-plus .plcl-field{
    display:grid;grid-template-columns:214px minmax(0,1fr);
    gap:4px 26px;padding:18px 0;
}
body.theme-plus .plcl-field + .plcl-field{border-top:1px dashed var(--bp-line)}
body.theme-plus .plcl-field dt{
    padding-top:.35em;
    font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
    line-height:1.6;color:var(--bp-mute);
}
/* سطر جارٍ (مش flex) عن قصد: مع flex كل عنصر بيلف لوحده فالنقطة الفاصلة
   كانت بتفضل في آخر السطر على الموبايل. في السطر العادي فرصة اللف بتبقى
   قبل النقطة، فالنقطة بتنزل مع اسم القطاع اللي بعدها. */
body.theme-plus .plcl-field dd{
    margin:0;
    font-size:1.02rem;font-weight:700;line-height:1.8;color:var(--bp-ink);
}
body.theme-plus .plcl-sep{color:var(--bp-or);font-weight:800;margin-inline-end:5px}

/* قسيمة القص: الدعوة جوّه التذكرة مش كارت خاتمة */
body.theme-plus .plcl-tear{
    display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
    gap:14px 26px;
    margin-top:4px;padding:20px 0 26px;
    border-top:2px dashed var(--bp-line);
}
body.theme-plus .plcl-tear p{
    margin:0;max-width:52ch;
    font-size:1rem;font-weight:800;line-height:1.6;color:var(--bp-ink);
}
/* برتقالي أغمق من --bp-or عشان النص الأبيض يعدّي 4.5:1 (نفس سبب .plep-cta) */
body.theme-plus .plcl-cta{
    display:inline-block;flex:0 0 auto;
    background:#d63a00;color:#fff;text-decoration:none;
    border-radius:8px;padding:12px 30px;font-weight:800;
    box-shadow:0 6px 16px rgba(251,68,0,.32);
}
body.theme-plus .plcl-cta:hover,
body.theme-plus .plcl-cta:focus{background:var(--bp-ink);color:#fff}

/* الكعب: باركود رأسي + اسم المعهد المختصر */
body.theme-plus .plcl-stub{
    display:flex;flex-direction:column;align-items:center;gap:16px;
    padding:26px 16px;
    background:var(--bp-ink) repeating-linear-gradient(135deg,rgba(255,255,255,.07) 0 7px,transparent 7px 14px);
    border-inline-start:2px dashed rgba(255,255,255,.5);
    border-radius:0 10px 10px 0;
}
body[dir="rtl"].theme-plus .plcl-stub{border-radius:10px 0 0 10px}
body.theme-plus .plcl-bars{
    flex:1 1 auto;width:100%;min-height:120px;
    background:repeating-linear-gradient(0deg,rgba(255,255,255,.85) 0 2px,transparent 2px 5px,rgba(255,255,255,.85) 5px 6px,transparent 6px 11px);
}
body.theme-plus .plcl-stub-name{
    font-size:.78rem;font-weight:800;letter-spacing:.10em;line-height:1.5;
    text-align:center;color:#fff;
}

@media (max-width:991px){
    body.theme-plus .plcl-field{grid-template-columns:170px minmax(0,1fr)}
}
@media (max-width:767px){
    /* الكعب بيتحوّل شريط أفقي تحت المتن، والباركود بيلف ٩٠ درجة معاه */
    body.theme-plus .plcl-pass{grid-template-columns:1fr}
    body.theme-plus .plcl-pass::before,
    body.theme-plus .plcl-pass::after{display:none}
    body.theme-plus .plcl-main{padding:22px 20px 0}
    body.theme-plus .plcl-field{grid-template-columns:1fr;gap:6px}
    body.theme-plus .plcl-field dt{padding-top:0}
    body.theme-plus .plcl-stub{
        flex-direction:row;align-items:center;gap:14px;padding:14px 18px;
        border-inline-start:0;border-top:2px dashed rgba(255,255,255,.5);
        border-radius:0 0 10px 10px;
    }
    body[dir="rtl"].theme-plus .plcl-stub{border-radius:0 0 10px 10px}
    body.theme-plus .plcl-bars{
        min-height:0;height:26px;
        background:repeating-linear-gradient(90deg,rgba(255,255,255,.85) 0 2px,transparent 2px 5px,rgba(255,255,255,.85) 5px 6px,transparent 6px 11px);
    }
}
@media (max-width:575px){
    body.theme-plus .plcl-tear{gap:14px}
    body.theme-plus .plcl-cta{width:100%;text-align:center}
}

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

   الحل مش لون تاني: تلات معماريات مختلفة، وكل واحدة مختلفة عن
   التانيتين كمان:
     .plrg  التسجيل      — ورقة بكعب رأسي على الجنب، باركود رأسي،
                            الكعب شايل اختيار الدورة والرسوم الحية.
     .plih  الطلب الداخلي — عرض كامل، الكعب شريط أفقي فوق، باركود
                            أفقي، والحقول تحته في صفّين والترتيب
                            معكوس (مَن يسأل الأول).
     .plcf  الباحث        — شبّاك صغير في نص الصفحة، مفيش باركود
                            ولا كعب، الحقول رأسية في عمود ضيّق.

   الأرضية في .plrg و.plih لازم تفضل لون واحد مصمت لأن الثقوب
   مرسومة بنفس اللون عشان تبان "فراغ" (نفس شرط .plbp فوق).
   ============================================================ */

/* ── مشترك بين التلاتة: التوكنات بس، مفيش شكل مشترك ─────────── */
body.theme-plus .plrg,
body.theme-plus .plih,
body.theme-plus .plcf,
body.theme-plus .plcf-out{
    --bp-ink:#001e45;
    --bp-or:#fb4400;
    --bp-or-t:#d63a00;      /* النسخة اللي النص الأبيض عليها بيعدّي 4.5:1 */
    --bp-paper:#fff;
    --bp-ground:#eef1f7;
    --bp-line:#d2dae7;
    --bp-mute:#4c5a70;      /* 4.5:1+ على الورق الأبيض */
}

/* في العربي التباعد الحرفي بيفكّ وصل الحروف وuppercase مالوش معنى */
body[dir="rtl"].theme-plus .plrg-brand,
body[dir="rtl"].theme-plus .plrg-cap,
body[dir="rtl"].theme-plus .plrg-stub-kick,
body[dir="rtl"].theme-plus .plrg-f label,
body[dir="rtl"].theme-plus .plih-stub-brand,
body[dir="rtl"].theme-plus .plih-rowcap span,
body[dir="rtl"].theme-plus .plih-f label,
body[dir="rtl"].theme-plus .plcf-kick,
body[dir="rtl"].theme-plus .plcf-f label,
body[dir="rtl"].theme-plus .plcf-shelf-h{
    letter-spacing:normal;text-transform:none;
}

/* ════════════════ 1) /register — تذكرة بكعب رأسي ════════════ */

/* أرضية مصمتة: القاعدة الأقدم بتحط نقط على #f5f7fb، والثقوب
   المرسومة بلون واحد كانت هتبان لطشة فوق النقط. */
body.theme-plus.pg-training-courses #register-section.plrg{
    background:var(--bp-ground);
    padding:34px 0 56px;
}

body.theme-plus .plrg-tkt{
    position:relative;
    display:grid;grid-template-columns:minmax(0,1fr) 340px;
    background:var(--bp-paper);
    border:1px solid var(--bp-line);
    border-radius:10px;
    box-shadow:0 14px 32px rgba(0,30,69,.13);
}
/* الثقبان على خط القص بين المتن والكعب */
body.theme-plus .plrg-tkt::before,
body.theme-plus .plrg-tkt::after{
    content:'';position:absolute;inset-inline-end:329px;
    width:22px;height:22px;border-radius:50%;
    background:var(--bp-ground);border:1px solid var(--bp-line);z-index:3;
}
body.theme-plus .plrg-tkt::before{top:-12px}
body.theme-plus .plrg-tkt::after{bottom:-12px}

body.theme-plus .plrg-main{min-width:0;padding:28px 30px 0}

/* رأس التذكرة: اسم المعهد فوق العنوان وخط طباعة مصمت تحتهم */
body.theme-plus .plrg-head{padding-bottom:14px;border-bottom:3px solid var(--bp-ink)}
body.theme-plus .plrg-brand{
    display:block;margin-bottom:4px;
    font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
    color:var(--bp-mute);
}
body.theme-plus .plrg-h1{margin:0;font-size:1.9rem;font-weight:800;color:var(--bp-ink)}

body.theme-plus .plrg-msg:not(:empty){margin-top:16px}

body.theme-plus .plrg-block{padding:22px 0}
body.theme-plus .plrg-block + .plrg-block{border-top:1px dashed var(--bp-line)}

/* عنوان القسم: سطر صغير بشرطة برتقالية — مش شريط ملوّن بعرض الصفحة */
body.theme-plus .plrg-cap{
    margin:0 0 12px;
    font-size:.74rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
    color:var(--bp-mute);
}
body.theme-plus .plrg-cap::before{
    content:'';display:inline-block;vertical-align:middle;
    width:18px;height:3px;margin-inline-end:9px;
    background:var(--bp-or);
}

body.theme-plus .plrg-table{width:100%;margin-bottom:0;font-size:.94rem}
body.theme-plus .plrg-table th{
    background:var(--bp-ink);color:#fff;border-color:var(--bp-ink);
    font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
    padding:9px 12px;
}
body[dir="rtl"].theme-plus .plrg-table th{letter-spacing:normal;text-transform:none}
body.theme-plus .plrg-table td{padding:10px 12px;color:var(--bp-ink)}

/* التبويبان: تذكرتان صغيرتان جنب بعض، النشط بكعب برتقالي */
body.theme-plus .plrg-tabs{border-bottom:0;gap:8px;margin-bottom:0}
body.theme-plus .plrg-tabs .nav-link{
    display:flex;align-items:center;gap:8px;
    padding:11px 18px;
    border:1px solid var(--bp-line);border-bottom:0;
    border-radius:8px 8px 0 0;
    background:var(--bp-ground);color:var(--bp-ink);
    font-weight:700;font-size:.95rem;
}
body.theme-plus .plrg-tabs .nav-link.active{
    background:var(--bp-ink);color:#fff;border-color:var(--bp-ink);
    box-shadow:inset 0 4px 0 var(--bp-or);
}
body.theme-plus .plrg-tabs .nav-link .bi{font-size:1.05rem;line-height:1}

body.theme-plus .plrg-pane{
    border:1px solid var(--bp-line);border-radius:0 8px 8px 8px;
    padding:18px 16px 6px;background:#fbfcfe;
}
body[dir="rtl"].theme-plus .plrg-pane{border-radius:8px 0 8px 8px}
/* شبكة بوتستراب جوّه لوح مضبوط بالحشو: الهوامش السالبة بتاعة .row
   كانت هتطلّع تمرير أفقي، فبتتصفّر والحشو بيفضل على الأعمدة. */
body.theme-plus .plrg-pane .row{margin-inline:0}
body.theme-plus .plrg-pane .search-inner-box > .row > .padding-2{padding:0}
body.theme-plus .plrg-pane h5{
    font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
    color:var(--bp-mute);margin-bottom:10px;
}
body[dir="rtl"].theme-plus .plrg-pane h5{letter-spacing:normal;text-transform:none;font-size:.98rem}

/* قسيمة القص: الموافقات والزرار جوّه التذكرة على خط منقّط عريض */
body.theme-plus .plrg-tear{
    margin-top:6px;padding:20px 0 26px;
    border-top:2px dashed var(--bp-line);
}
body.theme-plus .plrg-fine{
    margin:0 0 12px;max-width:74ch;
    font-size:.83rem;line-height:1.7;color:var(--bp-mute);
}
body.theme-plus .plrg-fine--end{margin:12px 0 0}
body.theme-plus .plrg-check{
    display:flex;align-items:flex-start;gap:9px;
    margin:0 0 8px;font-weight:400;font-size:.9rem;line-height:1.6;color:var(--bp-ink);
}
body.theme-plus .plrg-check input{margin-top:.28em;flex:0 0 auto}

body.theme-plus .plrg-go{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
/* زرار رئيسي واحد ظاهر؛ التاني ثانوي بإطار — عشان يبقى فيه إجراء أول واضح */
body.theme-plus .plrg-btn{
    border:0;border-radius:8px;padding:12px 28px;
    background:var(--bp-or-t);color:#fff;font-weight:800;
    box-shadow:0 6px 16px rgba(251,68,0,.3);
}
body.theme-plus .plrg-btn:hover,
body.theme-plus .plrg-btn:focus{background:var(--bp-ink);color:#fff}
body.theme-plus .plrg-btn2{
    border:2px solid var(--bp-ink);border-radius:8px;padding:10px 24px;
    background:transparent;color:var(--bp-ink);font-weight:800;
}
body.theme-plus .plrg-btn2:hover,
body.theme-plus .plrg-btn2:focus{background:var(--bp-ink);color:#fff}

/* ── الكعب الرأسي ────────────────────────────────────────────
   شريط كحلي مشرشر بخط قص منقّط، شايل اختيار الدورة والرسوم.
   تفاصيل الدورة مبقتش "خطوة أولى" فوق الصفحة — بقت جنبك طول الوقت. */
body.theme-plus .plrg-stub{
    display:flex;flex-direction:column;
    padding:24px 22px 22px;
    background:var(--bp-ink) repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 7px,transparent 7px 14px);
    border-inline-start:2px dashed rgba(255,255,255,.55);
    border-radius:0 10px 10px 0;
    color:#fff;
}
body[dir="rtl"].theme-plus .plrg-stub{border-radius:10px 0 0 10px}
body.theme-plus .plrg-stub-top{margin-bottom:18px}
body.theme-plus .plrg-stub-kick{
    display:block;margin-bottom:5px;
    font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
    color:rgba(255,255,255,.82);
}
body[dir="rtl"].theme-plus .plrg-stub-kick{letter-spacing:normal;text-transform:none;font-size:.8rem}
body.theme-plus .plrg-stub-top strong{font-size:1.06rem;font-weight:800;line-height:1.4;color:#fff}

body.theme-plus .plrg-f{margin-bottom:14px}
body.theme-plus .plrg-f label{
    display:block;margin-bottom:5px;
    font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
    color:rgba(255,255,255,.86);
}
body.theme-plus .plrg-stub .form-control,
body.theme-plus .plrg-stub select{
    width:100%;background:#fff;color:var(--bp-ink);
    border:0;border-radius:6px;height:auto;padding:9px 11px;
}

body.theme-plus .plrg-stub-fees{
    margin-top:6px;padding-top:16px;
    border-top:2px dashed rgba(255,255,255,.45);
}
body.theme-plus .plrg-stub-fees .fees-box{
    background:rgba(255,255,255,.1);border:1px dashed rgba(255,255,255,.55);
    border-radius:8px;padding:12px 14px;margin-bottom:10px;
}
body.theme-plus .plrg-stub-fees .fees-box h6{
    margin:0 0 4px;font-size:.72rem;font-weight:700;color:rgba(255,255,255,.85);
}
body.theme-plus .plrg-stub-fees .fees-box h4{margin:0;font-size:1.4rem;font-weight:800;color:#fff}
body.theme-plus .plrg-stub-fees .fees-box p{margin:0;font-size:.9rem;color:rgba(255,255,255,.9)}
body.theme-plus .plrg-stub-link{
    display:inline-block;margin-top:4px;
    color:#fff;font-weight:800;font-size:.86rem;text-decoration:underline;
}
body.theme-plus .plrg-stub-link:hover{color:var(--bp-or)}

body.theme-plus .plrg-stub-foot{margin-top:auto;padding-top:20px}
/* الباركود رأسي هنا — في صفحة الطلب الداخلي أفقي، وفي الباحث مش موجود */
body.theme-plus .plrg-bars{
    display:block;width:100%;height:44px;opacity:.75;
    background:repeating-linear-gradient(90deg,rgba(255,255,255,.9) 0 2px,transparent 2px 5px,rgba(255,255,255,.9) 5px 6px,transparent 6px 11px);
}
body.theme-plus .plrg-stub-issue{margin:12px 0 0;font-size:.84rem;line-height:1.7}
body.theme-plus .plrg-stub-issue a{color:#fff;text-decoration:underline}
body.theme-plus .plrg-stub-issue a:hover{color:var(--bp-or)}

@media (max-width:991px){
    /* الكعب بينزل تحت المتن، فخط القص بيبقى أفقي والثقوب مالهاش لازمة */
    body.theme-plus .plrg-tkt{grid-template-columns:1fr}
    body.theme-plus .plrg-tkt::before,
    body.theme-plus .plrg-tkt::after{display:none}
    body.theme-plus .plrg-main{padding:24px 20px 0}
    body.theme-plus .plrg-stub{
        border-inline-start:0;border-top:2px dashed rgba(255,255,255,.55);
        border-radius:0 0 10px 10px;
    }
    body[dir="rtl"].theme-plus .plrg-stub{border-radius:0 0 10px 10px}
}
@media (max-width:575px){
    body.theme-plus .plrg-h1{font-size:1.5rem}
    body.theme-plus .plrg-main{padding:20px 14px 0}
    body.theme-plus .plrg-pane{padding:14px 10px 4px}
    body.theme-plus .plrg-go{flex-direction:column}
    body.theme-plus .plrg-btn,
    body.theme-plus .plrg-btn2{width:100%}
}

/* ════════════ 2) /in-house — تذكرة بالكعب فوق ═══════════════ */

body.theme-plus.pg-training-courses #register-section.plih{
    background:var(--bp-ground);
    padding:34px 0 56px;
}

body.theme-plus .plih-tkt{
    position:relative;
    background:var(--bp-paper);
    border:1px solid var(--bp-line);
    border-radius:10px;
    box-shadow:0 14px 32px rgba(0,30,69,.13);
}

/* الكعب: شريط أفقي فوق — عكس /register اللي كعبها عمود على الجنب */
body.theme-plus .plih-stub{
    display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;
    gap:16px 28px;
    padding:24px 30px;
    background:var(--bp-ink) repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 7px,transparent 7px 14px);
    box-shadow:inset 0 -5px 0 var(--bp-or);
    border-radius:10px 10px 0 0;
    color:#fff;
}
body.theme-plus .plih-stub-id{min-width:0;flex:1 1 340px}
body.theme-plus .plih-stub-brand{
    display:block;margin-bottom:4px;
    font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
    color:rgba(255,255,255,.82);
}
body.theme-plus .plih-h1{margin:0;font-size:1.75rem;font-weight:800;color:#fff}
body.theme-plus .plih-stub-side{flex:0 0 auto;text-align:end}
/* باركود أفقي بخطوط عريضة — شكل مختلف عن باركود /register الرفيع */
body.theme-plus .plih-bars{
    display:block;width:190px;height:34px;margin-inline-start:auto;opacity:.8;
    background:repeating-linear-gradient(90deg,rgba(255,255,255,.9) 0 3px,transparent 3px 7px,rgba(255,255,255,.9) 7px 9px,transparent 9px 15px);
}
body.theme-plus .plih-stub-contact{margin:9px 0 0;font-size:.86rem;line-height:1.6}
body.theme-plus .plih-stub-contact a{color:#fff;text-decoration:underline}
body.theme-plus .plih-stub-contact a:hover{color:var(--bp-or)}

/* خط التقطيع تحت الكعب بثقبين على الجنبين */
body.theme-plus .plih-perf{
    position:relative;display:block;height:0;
    border-top:2px dashed var(--bp-line);
}
body.theme-plus .plih-notch{
    position:absolute;top:-11px;
    width:22px;height:22px;border-radius:50%;
    background:var(--bp-ground);border:1px solid var(--bp-line);
}
body.theme-plus .plih-notch--s{inset-inline-start:-12px}
body.theme-plus .plih-notch--e{inset-inline-end:-12px}

body.theme-plus .plih-msg:not(:empty){padding:18px 30px 0}

/* الصفّان: كل صف شريط عريض، والعنوان لوحة صغيرة على ناحية البداية */
body.theme-plus .plih-row{padding:26px 30px}
body.theme-plus .plih-row + .plih-row{border-top:2px dashed var(--bp-line)}
body.theme-plus .plih-row--ask{background:#fafbfd;border-radius:0 0 10px 10px}
body.theme-plus .plih-rowcap{margin:0 0 16px}
body.theme-plus .plih-rowcap span{
    display:inline-block;padding:6px 14px;
    background:var(--bp-ink);color:#fff;border-radius:6px;
    font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
}

body.theme-plus .plih-fields{display:flex;flex-wrap:wrap;gap:16px 20px}
body.theme-plus .plih-f{flex:1 1 210px;min-width:0;margin:0}
/* (2026-09-12) الحقول في الصف بتتمدد لنفس الارتفاع أصلاً (align-items:stretch)،
   بس الليبل فوق والكونترول وراه — فأول ليبل بيلف سطرين بيزق كونترولـه لوحده
   تحت خط الباقيين. حصل عند ~1280px مع "Targeted level of audience": الكونترول
   نزل 24px تحت الأربعة التانيين.
   الليبل هو اللي بيمتص الفراغ، فالكونترول بينزل لقاع الحقل. بالطريقة دي
   المحاذاة مش بتفرق نوع الكونترول (input/select/textarea)، وبتشتغل مع ليبل
   من أي عدد سطور مش سطرين بس. */
body.theme-plus .plih-f{display:flex;flex-direction:column}
body.theme-plus .plih-f > label{flex:1 0 auto}
body.theme-plus .plih-f--wide{flex:1 1 100%}
body.theme-plus .plih-f--note{flex:1 1 100%}
body.theme-plus .plih-f label{
    display:block;margin-bottom:5px;
    font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
    color:var(--bp-mute);
}
body.theme-plus .plih-f .form-control{
    width:100%;height:auto;padding:10px 12px;
    border:1px solid var(--bp-line);border-radius:6px;color:var(--bp-ink);
}
body.theme-plus .plih-f textarea.form-control{min-height:88px}

/* القسيمة: زرار واحد في آخر الصف التاني على خط قص */
body.theme-plus .plih-coupon{
    margin-top:22px;padding-top:20px;
    border-top:2px dashed var(--bp-line);
}
body.theme-plus .plih-btn{
    border:0;border-radius:8px;padding:13px 34px;
    background:var(--bp-or-t);color:#fff;font-weight:800;
    box-shadow:0 6px 16px rgba(251,68,0,.3);
}
body.theme-plus .plih-btn:hover,
body.theme-plus .plih-btn:focus{background:var(--bp-ink);color:#fff}

@media (max-width:767px){
    body.theme-plus .plih-stub{padding:20px}
    body.theme-plus .plih-h1{font-size:1.4rem}
    body.theme-plus .plih-stub-side{text-align:start;flex:1 1 100%}
    body.theme-plus .plih-bars{margin-inline-start:0;width:150px}
    body.theme-plus .plih-row{padding:22px 18px}
    body.theme-plus .plih-msg:not(:empty){padding:16px 18px 0}
    body.theme-plus .plih-f{flex:1 1 100%}
    body.theme-plus .plih-btn{width:100%}
}

/* ═════════════ 3) /course-finder — شبّاك بحث ════════════════ */

body.theme-plus .plcf{background:var(--bp-ground);padding:38px 0 26px}
body.theme-plus .plcf-out{background:var(--bp-ground);padding:0 0 54px}

/* شبّاك صغير في نص الصفحة — مش ورقة بعرض الصفحة زي الصفحتين التانيتين،
   ومفيش فيه باركود ولا كعب خالص. */
body.theme-plus .plcf-win{
    max-width:660px;margin:0 auto;
    background:var(--bp-paper);
    border:1px solid var(--bp-line);
    border-radius:12px;
    box-shadow:0 16px 34px rgba(0,30,69,.14);
    overflow:hidden;
}
body.theme-plus .plcf-win-head{
    padding:26px 30px 22px;
    background:var(--bp-ink);
    box-shadow:inset 0 -5px 0 var(--bp-or);
    color:#fff;
}
body.theme-plus .plcf-kick{
    display:block;margin-bottom:5px;
    font-size:.7rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
    color:rgba(255,255,255,.82);
}
body.theme-plus .plcf-h1{margin:0;font-size:1.85rem;font-weight:800;color:#fff}
body.theme-plus .plcf-sub{
    margin:8px 0 0;max-width:52ch;
    font-size:.95rem;line-height:1.65;color:rgba(255,255,255,.9);
}

/* الحقول رأسية في عمود واحد — عكس سطر القوائم الأفقي اللي كان قبل كده */
body.theme-plus .plcf-form{padding:24px 30px 28px}
body.theme-plus .plcf-f{margin-bottom:16px}
body.theme-plus .plcf-f label{
    display:block;margin-bottom:6px;
    font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;
    color:var(--bp-mute);
}
body.theme-plus .plcf-f .form-select,
body.theme-plus .plcf-f select{
    display:block;width:100%;height:auto;padding:11px 13px;
    border:1px solid var(--bp-line);border-radius:8px;
    background-color:#fff;color:var(--bp-ink);font-size:.98rem;
}
/* chosen بيحط عرض 500px بالإيد على الحاوية — بنرجّعها لعرض الحقل */
body.theme-plus .plcf-f .chosen-container{width:100%!important;max-width:100%}
body.theme-plus .plcf-f .chosen-choices{
    border:1px solid var(--bp-line)!important;border-radius:8px!important;
    padding:6px 8px!important;background:#fff!important;box-shadow:none!important;
    min-height:46px;
}
body.theme-plus .plcf-f .chosen-drop{border-color:var(--bp-line)}

body.theme-plus .plcf-key{margin-top:22px;padding-top:20px;border-top:2px dashed var(--bp-line)}
body.theme-plus .plcf-go{
    display:inline-flex;align-items:center;gap:9px;
    border:0;border-radius:8px;padding:13px 34px;
    background:var(--bp-or-t);color:#fff;font-weight:800;
    box-shadow:0 6px 16px rgba(251,68,0,.3);
}
body.theme-plus .plcf-go:hover,
body.theme-plus .plcf-go:focus{background:var(--bp-ink);color:#fff}

/* الرفّ: تخصصات المعهد بأداة بلس نفسها (.pltx) — الثقوب فيها مرسومة
   بـ#f5f7fb، فبنوحّد أرضية الرفّ معاها. */
body.theme-plus .plcf-shelf{margin-top:34px;padding:26px 20px 30px;background:#f5f7fb;border-radius:12px}
body.theme-plus .plcf-shelf-h{
    margin:0 0 18px;
    font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;
    color:var(--bp-mute);
}
body.theme-plus .plcf-shelf-h::before{
    content:'';display:inline-block;vertical-align:middle;
    width:18px;height:3px;margin-inline-end:9px;background:var(--bp-or);
}

@media (max-width:767px){
    body.theme-plus .plcf-win-head{padding:22px 18px 18px}
    body.theme-plus .plcf-h1{font-size:1.45rem}
    body.theme-plus .plcf-form{padding:20px 18px 22px}
    body.theme-plus .plcf-go{width:100%;justify-content:center}
    body.theme-plus .plcf-shelf{padding:20px 14px 24px}
}

/* ── ضبط بعد القياس (2026-09-09) ─────────────────────────────
   1) صندوق الرسوم جوّه الكعب الكحلي: get_course_fees_div بيحط
      background أزرق فاتح بالإيد (style=) على صفوف سنة معيّنة،
      والنص أبيض — التباين بيقع تحت 4.5:1. الـimportant هنا هو
      الطريقة الوحيدة لتخطّي ستايل مكتوب على العنصر نفسه.
   2) رفّ التخصصات في /course-finder: نسخة مضغوطة من أداة بلس —
      تلات أعمدة وارتفاع أقل — عشان ما تبقاش نسخة من صفحة
      /categories اللي بتستعمل نفس الأداة بعمودين وارتفاع أكبر. */

body.theme-plus .plrg-stub-fees .fees-box{
    background:rgba(255,255,255,.12)!important;
    color:#fff;
}
body.theme-plus .plrg-stub-fees .fees-box h6,
body.theme-plus .plrg-stub-fees .fees-box h4,
body.theme-plus .plrg-stub-fees .fees-box p{color:#fff}

body.theme-plus .plcf-shelf .pltx-a{min-height:74px}
body.theme-plus .plcf-shelf .pltx-a{grid-template-columns:62px 2px minmax(0,1fr) auto}
body.theme-plus .plcf-shelf .pltx-no{font-size:1.1rem}
body.theme-plus .plcf-shelf .pltx-bars{width:30px;height:13px}
body.theme-plus .plcf-shelf .pltx-body{padding:12px 16px}
body.theme-plus .plcf-shelf .pltx-title{font-size:.95rem}
@media (min-width:992px){
    body.theme-plus .plcf-shelf .pltx-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
}

/* حافة "شبّاك" مقصوصة بين رأس اللوح والحقول في /course-finder
   (2026-09-09). السبب: رأس اللوح ورأس تذكرة /in-house كلاهما شريط
   كحلي بعنوان أبيض، فكانا بيتقروا نفس الحاجة. القصّة النصف-دائرية
   دي بتخلّي اللوح شبّاك تذاكر مش رأس صفحة تانٍ — وهي كمان الفرق
   الوحيد اللي مش محتاج لون جديد. */
body.theme-plus .plcf-win-head{position:relative;padding-bottom:30px;box-shadow:none}
body.theme-plus .plcf-win-head::after{
    content:'';position:absolute;inset-inline:0;bottom:-1px;height:12px;
    background:
        radial-gradient(circle at 8px 12px, #fff 7px, transparent 7.5px) 0 100%/16px 12px repeat-x,
        linear-gradient(var(--bp-or),var(--bp-or)) 0 0/100% 4px no-repeat;
}

/* ============================================================
   بلس — صفحتا تفاصيل المقال والمدونة (2026-09-09)
   ------------------------------------------------------------
   الخلفية العامة للصفحتين جاية من body.theme-plus.pg-post-page
   (رمادي #f5f7fb منقّط)، فكل الثقوب والقصّات هنا مرسومة بنفس
   اللون ده عشان تتقرا "فراغ" مش دايرة ملوّنة.

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

   قواعد اللون هنا: البرتقالي #fb4400 على أبيض تباينه 3.5:1 بس —
   فهو ممنوع كنص صغير على أبيض، ومسموح كخط/حد/خلفية، أو كنص
   فوق الكحلي (4.66:1). النص الصغير الملوّن كله كحلي أو #56657c.
   ============================================================ */

body.theme-plus .plart,
body.theme-plus .plblg{
    --plp-ink:#001e45;
    --plp-or:#fb4400;
    --plp-paper:#fff;
    --plp-ground:#f5f7fb;
    --plp-line:#dfe4ee;
    --plp-mute:#56657c;
    --plp-copy:#2b3440;
    padding:22px 0 66px;
}

/* ── المقال: تذكرة القراءة ───────────────────────────────────
   شبكة من تلات أعمدة: كعب / عمود تخريم / جسم. عمود التخريم
   عمود حقيقي في الشبكة مش خط مرسوم، عشان الثقوب والقصّتين
   تتمركز لوحدها وتنعكس في العربي من غير حسابات. */
body.theme-plus .plart-ticket{
    position:relative;
    display:grid;
    grid-template-columns:300px 22px minmax(0,1fr);
    margin-top:18px;
    background:var(--plp-paper);
    border:1px solid var(--plp-line);
    border-radius:10px;
}

body.theme-plus .plart-stub{
    background:var(--plp-ink);
    border-start-start-radius:9px;
    border-end-start-radius:9px;
}

/* الكعب لاصق: هو اللي شايل العنوان والتاريخ، فلازم يفضل ظاهر
   وانت نازل في نص طويل. 96px = ارتفاع الهيدر الثابت + تنفّس. */
body.theme-plus .plart-stub-in{
    position:sticky;
    top:96px;
    padding:30px 26px 32px;
}

body.theme-plus .plart-kicker{
    margin:0 0 14px;
    font-size:.72rem;font-weight:800;letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--plp-or);
}

body.theme-plus .plart-title{
    margin:0 0 18px;
    font-size:1.85rem;line-height:1.22;font-weight:800;
    letter-spacing:-.02em;
    color:#fff;
}

body.theme-plus .plart-date{
    margin:0;padding-top:14px;
    font-size:.9rem;
    color:rgba(255,255,255,.88);
    border-top:2px dashed rgba(255,255,255,.3);
}

body.theme-plus .plart-back{
    display:inline-block;margin-top:20px;padding-bottom:3px;
    font-size:.8rem;font-weight:800;letter-spacing:.08em;
    text-transform:uppercase;text-decoration:none;
    color:#fff;
    border-bottom:2px solid var(--plp-or);
}
body.theme-plus .plart-back:hover{color:var(--plp-or)}

/* عمود التخريم: ثقوب مكرّرة رأسياً + قصّة فوق وقصّة تحت. */
body.theme-plus .plart-perf{
    position:relative;
    background:radial-gradient(circle at 50% 50%, var(--plp-ground) 3px, transparent 3.5px) 50% 0/22px 18px repeat-y;
}
body.theme-plus .plart-perf::before,
body.theme-plus .plart-perf::after{
    content:'';position:absolute;
    inset-inline-start:50%;margin-inline-start:-10px;
    width:20px;height:20px;border-radius:50%;
    background:var(--plp-ground);
    border:1px solid var(--plp-line);
}
body.theme-plus .plart-perf::before{top:-11px}
body.theme-plus .plart-perf::after{bottom:-11px}

body.theme-plus .plart-body{padding:34px 38px 40px}

/* عرض القراية: 68 حرف — النص الجاري ما يمتدّش عرض الورقة كلها. */
body.theme-plus .plart-copy{
    max-width:68ch;
    font-size:1.02rem;line-height:1.85;
    color:var(--plp-copy);
}
body.theme-plus .plart-copy > *:first-child{margin-top:0}
body.theme-plus .plart-copy p{margin:0 0 1.15em}
body.theme-plus .plart-copy h2,
body.theme-plus .plart-copy h3,
body.theme-plus .plart-copy h4,
body.theme-plus .plart-copy h5,
body.theme-plus .plart-copy h6{
    margin:1.9em 0 .6em;
    font-size:1.06rem;font-weight:800;letter-spacing:-.01em;
    color:var(--plp-ink);
}
body.theme-plus .plart-copy ul,
body.theme-plus .plart-copy ol{margin:0 0 1.15em;padding-inline-start:1.3em}
body.theme-plus .plart-copy li{margin:0 0 .5em}
body.theme-plus .plart-copy a{
    color:var(--plp-ink);
    text-decoration:underline;text-underline-offset:3px;
    text-decoration-color:var(--plp-or);text-decoration-thickness:2px;
}

/* ── ذيل المقال: تذكرة تالية واحدة + سطر روابط ──────────────── */
body.theme-plus .plart-tail{margin-top:34px}

body.theme-plus .plart-tail-head{
    margin:0 0 14px;
    font-size:.78rem;font-weight:800;letter-spacing:.2em;
    text-transform:uppercase;
    color:var(--plp-mute);
}

body.theme-plus .plart-next{
    display:grid;grid-template-columns:118px minmax(0,1fr);
    overflow:hidden;text-decoration:none;
    background:var(--plp-paper);
    border:1px solid var(--plp-line);
    border-radius:10px;
}
body.theme-plus .plart-next:hover{border-color:var(--plp-ink)}

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

body.theme-plus .plart-next-main{display:block;padding:22px 26px}
body.theme-plus .plart-next-title{
    display:block;
    font-size:1.15rem;line-height:1.35;font-weight:800;
    color:var(--plp-ink);
}
body.theme-plus .plart-next-desc{
    display:block;margin-top:6px;max-width:62ch;
    font-size:.9rem;line-height:1.6;
    color:var(--plp-mute);
}
body.theme-plus .plart-next-go{
    display:inline-block;margin-top:14px;padding-bottom:2px;
    font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;
    color:var(--plp-ink);
    border-bottom:2px solid var(--plp-or);
}

body.theme-plus .plart-more{
    margin:18px 0 0;
    font-size:.92rem;line-height:2;
    color:var(--plp-mute);
}
body.theme-plus .plart-more a{
    color:var(--plp-ink);font-weight:600;
    text-decoration:underline;text-underline-offset:3px;
    text-decoration-color:var(--plp-or);text-decoration-thickness:2px;
}
body.theme-plus .plart-more a:hover{text-decoration-color:var(--plp-ink)}
body.theme-plus .plart-more-sep{color:var(--plp-line)}

@media (max-width:991px){
    /* الكعب بينزل فوق الجسم، وخط التخريم بيلف أفقي بنفس الثقوب. */
    body.theme-plus .plart-ticket{grid-template-columns:minmax(0,1fr)}
    body.theme-plus .plart-stub{
        border-start-end-radius:9px;
        border-end-start-radius:0;
    }
    body.theme-plus .plart-stub-in{position:static;padding:24px 20px 26px}
    body.theme-plus .plart-title{font-size:1.5rem}
    body.theme-plus .plart-perf{
        height:22px;
        background:radial-gradient(circle at 50% 50%, var(--plp-ground) 3px, transparent 3.5px) 0 50%/18px 22px repeat-x;
    }
    body.theme-plus .plart-perf::before,
    body.theme-plus .plart-perf::after{
        top:50%;bottom:auto;margin-top:-10px;margin-inline-start:0;
    }
    body.theme-plus .plart-perf::before{inset-inline-start:-11px}
    body.theme-plus .plart-perf::after{inset-inline-start:auto;inset-inline-end:-11px}
    body.theme-plus .plart-body{padding:26px 20px 32px}
    body.theme-plus .plart-next{grid-template-columns:84px minmax(0,1fr)}
    body.theme-plus .plart-next-main{padding:18px}
}

/* ── المدونة: ورقة أضيق موسّطة، الكعب فوق ────────────────────
   عرض الورقة نفسه محدود (820px) — ده الفرق المعماري الأول عن
   المقال اللي ورقته بعرض الحاوية كلها. */
body.theme-plus .plblg-ticket{
    position:relative;
    max-width:820px;margin:18px auto 0;
    background:var(--plp-paper);
    border:1px solid var(--plp-line);
    border-radius:10px;
}

body.theme-plus .plblg-stub{
    padding:28px 34px 24px;
    border-top:6px solid var(--plp-or);
    border-start-start-radius:9px;
    border-start-end-radius:9px;
}

body.theme-plus .plblg-kicker{
    margin:0 0 12px;
    font-size:.72rem;font-weight:800;letter-spacing:.18em;
    text-transform:uppercase;
    color:var(--plp-mute);
}

/* 22ch: العنوان بيتلمّ في كتلة قصيرة بدل سطر واحد ممدود — ده
   اللي بيدّي الكعب شكل رأس تذكرة مش رأس مقال. */
body.theme-plus .plblg-title{
    margin:0 0 16px;max-width:22ch;
    font-size:2rem;line-height:1.2;font-weight:800;letter-spacing:-.02em;
    color:var(--plp-ink);
}

body.theme-plus .plblg-date{
    display:inline-block;margin:0;padding:5px 12px;
    font-size:.86rem;font-weight:700;
    color:var(--plp-ink);
    background:var(--plp-ground);
    border:1px dashed var(--plp-line);
    border-radius:6px;
}

body.theme-plus .plblg-perf{
    position:relative;height:20px;
    background:radial-gradient(circle at 50% 50%, var(--plp-ground) 3px, transparent 3.5px) 0 50%/18px 20px repeat-x;
}
body.theme-plus .plblg-perf::before,
body.theme-plus .plblg-perf::after{
    content:'';position:absolute;top:50%;margin-top:-10px;
    width:20px;height:20px;border-radius:50%;
    background:var(--plp-ground);
    border:1px solid var(--plp-line);
}
body.theme-plus .plblg-perf::before{inset-inline-start:-11px}
body.theme-plus .plblg-perf::after{inset-inline-end:-11px}

body.theme-plus .plblg-body{padding:8px 34px 38px}

/* الخط البرتقالي على هامش النص: علامة المدونة. المقال مالوش
   خط هامشي — النص هناك جوّه جسم التذكرة على بياض. */
body.theme-plus .plblg-copy{
    max-width:68ch;
    padding-inline-start:18px;
    border-inline-start:3px solid var(--plp-or);
    font-size:1.02rem;line-height:1.85;
    color:var(--plp-copy);
}
body.theme-plus .plblg-copy > *:first-child{margin-top:0}
body.theme-plus .plblg-copy p{margin:0 0 1.15em}
body.theme-plus .plblg-copy h2,
body.theme-plus .plblg-copy h3,
body.theme-plus .plblg-copy h4,
body.theme-plus .plblg-copy h5,
body.theme-plus .plblg-copy h6{
    margin:1.9em 0 .6em;
    font-size:1.06rem;font-weight:800;letter-spacing:-.01em;
    color:var(--plp-ink);
}
body.theme-plus .plblg-copy ul,
body.theme-plus .plblg-copy ol{margin:0 0 1.15em;padding-inline-start:1.3em}
body.theme-plus .plblg-copy li{margin:0 0 .5em}
body.theme-plus .plblg-copy a{
    color:var(--plp-ink);
    text-decoration:underline;text-underline-offset:3px;
    text-decoration-color:var(--plp-or);text-decoration-thickness:2px;
}

/* ── ذيل المدونة: شريط تذاكر متلاصق ─────────────────────────
   ورقة واحدة مقسومة بخطوط تخريم رأسية — مش أربع كروت منفصلة. */
body.theme-plus .plblg-tail{max-width:820px;margin:32px auto 0}

body.theme-plus .plblg-tail-head{
    margin:0 0 12px;
    font-size:.78rem;font-weight:800;letter-spacing:.2em;
    text-transform:uppercase;
    color:var(--plp-ink);
}

body.theme-plus .plblg-strip{
    position:relative;
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
    margin:0;padding:0;list-style:none;
    background:var(--plp-paper);
    border:1px solid var(--plp-line);
    border-radius:10px;
}
/* حافة مقطوعة أسفل الشريط: نصف دوائر بلون الأرضية = "اتقطع". */
body.theme-plus .plblg-strip::after{
    content:'';position:absolute;inset-inline:0;bottom:-1px;height:10px;
    background:radial-gradient(circle at 7px 10px, var(--plp-ground) 6px, transparent 6.5px) 0 100%/14px 10px repeat-x;
}

body.theme-plus .plblg-stripe + .plblg-stripe{border-inline-start:2px dashed var(--plp-line)}
body.theme-plus .plblg-stripe a{display:block;padding:18px 16px 26px;text-decoration:none}
body.theme-plus .plblg-stripe-date{
    display:block;margin-bottom:8px;
    font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;
    color:var(--plp-mute);
}
body.theme-plus .plblg-stripe-title{
    display:block;
    font-size:.92rem;line-height:1.45;font-weight:700;
    color:var(--plp-ink);
}
body.theme-plus .plblg-stripe a:hover .plblg-stripe-title{
    text-decoration:underline;text-underline-offset:3px;
    text-decoration-color:var(--plp-or);text-decoration-thickness:2px;
}

@media (max-width:991px){
    body.theme-plus .plblg-stub{padding:24px 20px 20px}
    body.theme-plus .plblg-title{font-size:1.55rem;max-width:none}
    body.theme-plus .plblg-body{padding:6px 20px 32px}
    body.theme-plus .plblg-copy{padding-inline-start:14px}
    body.theme-plus .plblg-strip{grid-template-columns:minmax(0,1fr)}
    body.theme-plus .plblg-stripe + .plblg-stripe{
        border-inline-start:0;
        border-top:2px dashed var(--plp-line);
    }
}

/* ── ضبط بعد القياس واللقطات (2026-09-09) ────────────────────
   1) ثقوب التخريم كانت دوائر بلون الأرضية على ورق أبيض — الفرق
      بين #f5f7fb و#fff مش بيبان أصلاً، فخط التخريم كان مختفي
      وفضل الفرق بين الكعب والجسم مجرد تغيير لون. اتزوّد حلقة
      كحلية شفافة حوالين كل ثقب عشان يتقرا "مخروم".
   2) الكعب الكحلي في المقال بقى فيه نفس التهشير المائل بتاع
      كعوب "قسيمة الصعود" في بلس (.plbp-pass-top) — نفس الموقع
      مش لوح كحلي سادة.
   3) سطر الروابط الباقية كان ماشي من حافة لحافة تحت التذكرة
      الكبيرة على طول، فكان بيتقرا زي فقرة سايبة. بقى تحت خط
      تخريم أفقي وبعرض محدود. */

body.theme-plus .plart-perf{
    background:radial-gradient(circle at 50% 50%,
        var(--plp-ground) 3.5px,
        rgba(0,30,69,.2) 3.5px, rgba(0,30,69,.2) 4.5px,
        transparent 5px) 50% 8px/22px 20px repeat-y;
}

body.theme-plus .plblg-perf{
    background:radial-gradient(circle at 50% 50%,
        var(--plp-ground) 3.5px,
        rgba(0,30,69,.2) 3.5px, rgba(0,30,69,.2) 4.5px,
        transparent 5px) 8px 50%/20px 20px repeat-x;
}

body.theme-plus .plart-stub{
    background:var(--plp-ink) repeating-linear-gradient(135deg,
        rgba(255,255,255,.055) 0 8px, transparent 8px 16px);
}

body.theme-plus .plart-more{
    max-width:900px;
    margin-top:20px;padding-top:16px;
    border-top:2px dashed var(--plp-line);
}

/* ── ضبط عرض القراية بعد القياس (2026-09-09) ──────────────────
   68ch طلعت 79 حرف فعلي في السطر (وحدة ch بتقيس عرض الصفر وهو
   أعرض من متوسط الحرف في Open Sans). القياس بـcanvas على نفس
   الخط: 1ch ≈ 1.16 حرف. فالحدود اتظبطت على النطاق 65–75:
   المقال 60ch ≈ 70 حرف، والمدونة 62ch ≈ 72 حرف.
   وورقة المدونة نزلت لـ700px عشان النص يملاها بدل ما يفضل
   نصها الجنبي فاضي بعد تضييق عمود القراية. */

body.theme-plus .plart-copy{max-width:60ch}

body.theme-plus .plblg-ticket{max-width:700px}
body.theme-plus .plblg-tail{max-width:700px}
body.theme-plus .plblg-copy{max-width:62ch}

/* تاريخ تذاكر ذيل المدونة صيغته "8 May 2022" — بيبدأ برقم مجرّد،
   فخوارزمية bidi في العربي بتقلبه لـ"May 2022 8". العزل بـisolate
   مع direction:ltr بيخلّي التاريخ يتقرا صح، وinline-block بيخلّيه
   يفضل مبتدي من ناحية القراية الصحيحة في الاتجاهين. (2026-09-09) */
body.theme-plus .plblg-stripe-date{
    display:inline-block;
    direction:ltr;
    unicode-bidi:isolate;
}

/* (2026-09-09) tlb: "ifrid al-kalam bi-3ard as-safha". an-nass kan 72ch = 545px
   gowwa lawh 1050px. al-lawh nafso hu al-hadd. */
body.theme-plus .plcp-sec-body p,
body.theme-plus .plcp-sec-body li,
body.theme-plus .plcp-sec-body > .tab-pane > .row > [class^="col-"] > p,
body.theme-plus .plcp-sec-body > .tab-pane > .row > [class^="col-"] > ul,
body.theme-plus .plcp-sec-body > .tab-pane > .row > [class^="col-"] > div > p,
body.theme-plus .plcp-sec-body #nav-overview > .row > [class*="col-md-12"]:first-child > p{max-width:none}

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

/* نافذة بلَس: رأس كحلي وحرف برتقالي على جنبه وخط قصّ منقّط تحته —
   نفس تذكرة الموقع. حقول صناديق وزرار مربّع برتقالي بعرض النافذة. */
body.theme-plus .modal-content{border:0;border-radius:10px;overflow:hidden;border-inline-start:6px solid #fb4400}
body.theme-plus .modal-header{background:#001e45;border:0;border-bottom:2px dashed rgba(255,255,255,.35);padding:16px 22px}
body.theme-plus .modal-title{color:#fff;font-weight:700;font-size:1.06rem}
body.theme-plus .modal-header .close svg{fill:#fff}
body.theme-plus .modal-content > p{padding:14px 22px 0;color:#5b6b7f;font-size:.87rem}
body.theme-plus .modal-body .form-control{border:1px solid #dbe2ea!important;border-radius:6px!important}
body.theme-plus .modal-body .form-control:focus{border-color:#fb4400!important;box-shadow:none!important}
body.theme-plus .modal-body .btn-primary{border-radius:0!important;background:#fb4400!important;border-color:#fb4400!important;font-weight:700}

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

/* بلَس — تذاكر: رقم البند في كعب برتقالي مربّع، وفاصل منقّط بين
   الأقسام، وعمود واحد. */
body.theme-plus.pg-policy-page{counter-reset:plsec}
body.theme-plus.pg-policy-page .common-listing-section-wrap .box4 h5{
    counter-increment:plsec;display:flex;align-items:center;gap:12px;
    margin:36px 0 10px;padding-top:14px;border-top:2px dashed #dbe2ea;
    color:#001e45;font-size:1rem}
body.theme-plus.pg-policy-page .common-listing-section-wrap .box4 h5::before{
    content:counter(plsec,decimal-leading-zero);
    background:#fb4400;color:#fff;font-size:.74rem;font-weight:700;
    padding:5px 9px;flex:0 0 auto}
body.theme-plus.pg-policy-page .common-listing-section-wrap .box4 p{line-height:1.8}

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

/* بلَس — تذاكر: كعب برتقالي فيه رقم المجموعة، وفاصل منقّط،
   وتلات أعمدة. */
body.theme-plus.page-sitemap{counter-reset:plmap}
body.theme-plus.page-sitemap h5.no-margin{
    counter-increment:plmap;display:flex;align-items:center;gap:11px;
    margin:30px 0 10px;padding-top:12px;border-top:2px dashed #dbe2ea;
    color:#001e45;font-size:.96rem}
body.theme-plus.page-sitemap h5.no-margin::before{
    content:counter(plmap,decimal-leading-zero);
    background:#fb4400;color:#fff;font-size:.7rem;font-weight:700;padding:4px 8px;flex:0 0 auto}
body.theme-plus.page-sitemap .sitemap-list{column-count:3;column-gap:32px}

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

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

/* بلَس — تذاكر: صف ثقوب تخريم تحت العنوان. */
body.theme-plus h2:not([class]),
body.theme-plus h2.inst-logos-h{position:relative;padding-bottom:15px}
body.theme-plus h2:not([class])::after,
body.theme-plus h2.inst-logos-h::after{
    content:"";position:absolute;bottom:2px;inset-inline-start:0;
    width:88px;height:5px;
    background-image:radial-gradient(circle,#fb4400 1.6px,transparent 1.9px);
    background-size:11px 5px;background-repeat:repeat-x}

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

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

/* بلَس — تذكرة: الكرت بقى كعب برتقالي على الجنب وخط قصّ منقّط بينه
   وبين المتن، اتنين في الصف — بدل كرت عادي في تلات أعمدة. */
body.theme-plus.pg-training-courses #category_course_list,
body.theme-plus.pg-training-courses #course_list,
body.theme-plus.pg-training-courses .inst-tc #category_course_list,
body.theme-plus.pg-training-courses .inst-tc #course_list{
    display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:18px}
/* (2026-09-12) تحت 576px الكرتين بيبقوا 150px والعنوان/التاريخ بيطلعوا 2-4px بره الكرت
   (الكرت overflow:hidden فالكلام كان بيتقص). عمود واحد على الموبايل. */
@media (max-width:575px){
    body.theme-plus.pg-training-courses #category_course_list,
    body.theme-plus.pg-training-courses #course_list,
    body.theme-plus.pg-training-courses .inst-tc #category_course_list,
    body.theme-plus.pg-training-courses .inst-tc #course_list{grid-template-columns:1fr!important}
}
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting{
    display:grid!important;grid-template-columns:14px 1fr;align-items:stretch;gap:0 18px;
    border:1px solid #dbe2ea!important;border-radius:8px!important;
    box-shadow:none!important;padding:0!important;overflow:hidden;height:100%;
    background:#fff!important}
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting::before{
    content:"";grid-column:1;grid-row:1/-1;background:#fb4400;
    border-inline-end:2px dashed #fff}
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting .course-image{display:none!important}
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting > *:not(.course-image){grid-column:2}
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting .course-title{
    margin:14px 16px 8px 0;font-size:.94rem;line-height:1.45}
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting .course-date,
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting .course-language,
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting .course-location{
    display:inline-block;margin:0 14px 5px 0;font-size:.77rem}
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting > form{margin:8px 16px 14px 0}

/* (2026-09-18) "الأيكونات مش فوق بعضها": صفوف اللغة/النوع كانت padding:0 16px
   (سطر ~1086) والتاريخ padding:0!important (سطر ~4858، اتعدّل لـ16px)، فأيقونة
   التاريخ كانت أبعد ١٦px يسار أيقونتَي اللغة والنوع. كمان عرض الأيقونات كان
   مختلف (٢٠px inline على التاريخ و١٢px الفعلي على اللغة) — هنا نفس عرض عمود
   الأيقونة للتلاتة. */
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting .course-date > i.bi,
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting .course-language > i.bi,
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting .course-location > i.bi{
    display:inline-block!important;width:20px!important;text-align:center;vertical-align:middle}

/* ─────────────────────────────
   (2026-09-12) "تصميم الكروت مش حلو" — طلب صريح، والاختيار: شيل شريط التاريخ الكحلي.

   التاريخ كان فاضل عليه بقايا تصميم "التذكرة" القديم: خلفية كحلية بخطوط مائلة
   (سطر 1071 و1114)، ونقطة برتقاني على الحرف (1115)، ودواير مقصوصة على الكرت
   (1067-1069). دلوقتي التاريخ سطر عادي جنب أيقونة زي باقي المعلومات، والكرت
   أبيض نضيف بحد رفيع وشريط برتقاني رفيع على الجنب.
   ───────────────────────────── */
/* الدايرة المقصوصة اللي فوق الكرت (من تصميم التذكرة القديم) — اتشالت هي والتانية */
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting::after{content:none!important}
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting::before{
    content:""!important;position:static!important;grid-column:1!important;grid-row:1/-1!important;
    width:auto!important;height:auto!important;border-radius:0!important;border:0!important;
    background:#fb4400!important;z-index:auto!important}
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting .course-date{
    grid-column:2!important;grid-row:auto!important;
    background:transparent!important;background-image:none!important;color:#5d6b7a!important;
    border:0!important;border-radius:0!important;
    display:inline-block!important;align-items:initial;justify-content:initial;text-align:start!important;
    font-weight:600!important;font-size:.8rem!important;line-height:24px!important;
    padding:0 16px!important;margin:0 14px 5px 0!important;position:static!important}
body[dir="rtl"].theme-plus.pg-training-courses .courselist-style-inside .courselisting .course-date{margin:0 0 5px 14px!important}
/* (2026-09-18) العربي: التاريخ كان margin شمال ١٤px واللغة/النوع لسه margin يمين ١٤px
   (من قاعدة الـLTR فوق) فأيقونة التاريخ كانت أبعد ١٤px يمين أيقونتَي اللغة والنوع. */
body[dir="rtl"].theme-plus.pg-training-courses .courselist-style-inside .courselisting .course-language,
body[dir="rtl"].theme-plus.pg-training-courses .courselist-style-inside .courselisting .course-location{margin:0 0 5px 14px!important}
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting .course-date::before,
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting .course-date::after{content:none!important;display:none!important}
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting .course-date i.bi{
    display:inline-block!important;color:#fb4400!important;margin-inline-end:6px}

/* (2026-09-12) "خلي زر التسجيل واقف بطول المربع" — طلب صريح.
   عمود تالت على جنب الكرت: الزرار بطول الكرت كله والكلام واقف. */
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting,
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting.virtual{
    grid-template-columns:14px minmax(0,1fr) 46px!important}
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting > form{
    grid-column:3!important;grid-row:1/-1!important;margin:0!important;padding:0!important;
    display:flex!important;align-self:stretch}
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting > form .btn,
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting > form .btn-primary,
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting > form .btn-secondary{
    width:100%!important;height:auto!important;align-self:stretch;border-radius:0!important;
    writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);
    display:flex!important;align-items:center;justify-content:center;
    padding:12px 0!important;box-shadow:none!important;white-space:nowrap;
    font-size:.78rem!important;font-weight:700;letter-spacing:.06em}
/* الكرت بيطول بمحتواه بس — الزرار بيتمدّد معاه، مش بيفرض طول */
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting,
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting.virtual{height:auto!important}
body[dir="rtl"].theme-plus.pg-training-courses .courselist-style-inside .courselisting > form .btn{
    transform:none}

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

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

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

/* ─────────────────────────────
   (2026-09-10) مكان زر التسجيل موحّد بين الصفوف

   الصف الافتراضي ناقصه عمود المدينة، والكرت grid — فالزرار كان
   بيقع في خانة مختلفة عن باقي الصفوف ويزحّ أفقيًا (قِست 33 مقابل
   97 في بلَس، و16 مقابل 137 في سمارت). التثبيت بتحديد العمود
   بالصريح بدل الترتيب التلقائي.
   ───────────────────────────── */
/* السبب: قاعدة التذكرة اللي بتحدّد الأعمدة `14px 1fr` محدّدها
   `.courselisting` من غير `.virtual`، وفيه قاعدة أقدم بنفس الشكل
   لكن محدّدها فيه `.courselisting.virtual` كمان (تخصيص أعلى بكلاس)
   وبتحطّ `96px minmax(0,1fr)`. فالصف الافتراضي كان بياخد كعب 96px
   بدل 14px، والكرت كله يزحّ 64px. نفس التخصيص هنا بيسوّيهم.
   (قِست: زر التسجيل عند 33 في الصفوف العادية و97 في الافتراضية.) */
body.theme-plus.pg-training-courses .courselist-style-inside .courselisting.virtual{
    grid-template-columns:14px 1fr;column-gap:18px}

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

   المراجعة الشاملة طلّعت إن الصفحة دي هي الوحيدة اللي لسه بنفس
   التخطيط بالحرف في الـ11 موقع — نفس الكرت ونفس ترتيب البيانات،
   والفرق لون الزرار والحدّ بس. كل موقع بياخد أداته.
   ───────────────────────────── */
/* بلَس — تذكرة: كعب برتقالي على الجنب وخط قصّ منقّط. */
body.theme-plus.pg-search-page .courselisting{
    position:relative;background:#fff!important;border:1px solid #dbe2ea!important;
    border-radius:8px!important;box-shadow:none!important;overflow:hidden;
    padding:18px 22px 18px 40px!important;margin-bottom:20px}
body.theme-plus.pg-search-page .courselisting::before{
    content:'';position:absolute;inset-inline-start:0;top:0;bottom:0;width:16px;
    background:#fb4400;border-inline-end:2px dashed #fff}
body.theme-plus.pg-search-page .course-title h6 a{color:#001e45!important;font-weight:700}
body.theme-plus.pg-search-page .custom-head-additional{
    background:#001e45!important;color:#fff!important;border-radius:6px!important}
body.theme-plus.pg-search-page .course-details-wrap{
    background:#f5f7fb!important;border-radius:6px!important}


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

/* ═════════════════════════════════════════════════════════════
   (2026-09-12) الصفحة الرئيسية كلها: لمسة فنية — طلب صريح
   علامة واحدة بتربط الصفحة: "+" من اسم المعهد نفسه، نقشة باهتة
   (كحلي على الفاتح، أبيض على الكحلي)، مع البرتقالي والكحلي.
   وفي الدورات القادمة: القراية أولاً (العناوين كانت حروف كبيرة متباعدة).
   ═════════════════════════════════════════════════════════════ */
body.theme-plus{
    --pl-plus-light:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><path d='M14 10v8M10 14h8' stroke='%23001e45' stroke-opacity='.07' stroke-width='1.6' stroke-linecap='round'/></svg>");
    --pl-plus-dark:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'><path d='M14 10v8M10 14h8' stroke='%23ffffff' stroke-opacity='.07' stroke-width='1.6' stroke-linecap='round'/></svg>")}

/* ── البنر: نقشة + كروت الصور ── */
body.theme-plus .pl-hero{background-color:#fff;background-image:var(--pl-plus-light);background-size:28px 28px}
body.theme-plus .pl-rail a.has-photo{border-radius:18px;transition:transform .25s ease,box-shadow .25s ease}
body.theme-plus .pl-rail a.has-photo:hover{transform:translateY(-6px);
    box-shadow:0 0 0 3px var(--site-primary,#fb4400),0 18px 34px rgba(0,30,69,.28)}
body.theme-plus .pl-rail-nav{border-radius:50%!important;width:52px!important;height:52px!important;
    box-shadow:0 8px 18px rgba(0,30,69,.18);transition:background .2s,color .2s}
body.theme-plus .pl-rail-nav:hover{background:var(--site-primary,#fb4400)!important;color:#fff!important}

/* ── شريط البحث ── */
body.theme-plus .pl-hero-bar{
    background-color:var(--pl-ink,#001e45);
    background-image:var(--pl-plus-dark),linear-gradient(120deg,#001e45 0%,#0b2f66 100%);
    background-size:28px 28px,100% 100%}
body.theme-plus .pl-hero-bar input{border-radius:12px!important}
body.theme-plus .pl-hero-bar button{border-radius:12px!important;box-shadow:0 8px 18px rgba(251,68,0,.35)}

/* ── كل الخدمات: "+" كبيرة باهتة في ركن كل بلاطة ── */
body.theme-plus .pl-tile-inner{position:relative;overflow:hidden;transition:background .2s ease}
body.theme-plus .pl-tile-inner::after{content:'+';position:absolute;inset-inline-end:14px;bottom:-18px;
    font-size:5.5rem;font-weight:800;line-height:1;color:rgba(251,68,0,.08);pointer-events:none;transition:color .2s ease}
body.theme-plus .pl-tile:hover .pl-tile-inner{background:#fff4ee!important}
body.theme-plus .pl-tile:hover .pl-tile-inner::after{color:rgba(251,68,0,.18)}
body.theme-plus .pl-tile-inner img,body.theme-plus .pl-tile-inner i{transition:transform .25s ease}
body.theme-plus .pl-tile:hover .pl-tile-inner img,body.theme-plus .pl-tile:hover .pl-tile-inner i{transform:scale(1.15)}

/* ── التخصصات: نقشة على الكحلي + توهّج برتقالي ── */
body.theme-plus .inst-pagegrid--categories{
    background-color:#001e45;
    background-image:radial-gradient(600px 320px at 100% 0%,rgba(251,68,0,.18),transparent 70%),var(--pl-plus-dark);
    background-size:100% 100%,28px 28px;background-repeat:no-repeat,repeat}

/* ── الدورات القادمة: قراية أسهل ── */
body.theme-plus .inst-upcoming{background-color:#f4f6fa;background-image:var(--pl-plus-light);background-size:28px 28px}
body.theme-plus .inst-upcoming-title{text-transform:none!important;letter-spacing:normal!important;font-size:.98rem!important;font-weight:700;line-height:1.4}
body.theme-plus .inst-upcoming-list a{border-top:0!important;position:relative;overflow:hidden;border-radius:12px!important}
body.theme-plus .inst-upcoming-list a::before{content:'';position:absolute;inset:0 0 auto 0;height:5px;
    background:linear-gradient(90deg,var(--site-primary,#fb4400) 0%,#ff9a3c 100%)}
body.theme-plus .inst-upcoming-date{border-radius:10px!important}
body.theme-plus .inst-upcoming-book{border-radius:8px!important}

/* ── المدن ── */
body.theme-plus .pl-cities{background-color:#fff;background-image:var(--pl-plus-light);background-size:28px 28px}
body.theme-plus .pl-cities-globe svg{filter:drop-shadow(0 18px 40px rgba(251,68,0,.28))}
body.theme-plus .pl-cities-pill{transition:transform .18s ease,background .18s,color .18s,box-shadow .18s}
body.theme-plus .pl-cities-pill:hover{transform:translateY(-3px);box-shadow:0 8px 18px rgba(251,68,0,.25)}

/* ── شريط "Ready to grow" في الفوتر ── */
body.theme-plus .pl-footer-cta{
    background-image:radial-gradient(520px 260px at 100% 50%,rgba(251,68,0,.22),transparent 70%),var(--pl-plus-dark)!important;
    background-size:100% 100%,28px 28px!important;background-repeat:no-repeat,repeat!important}

@media (prefers-reduced-motion:reduce){
    body.theme-plus .pl-rail a.has-photo:hover,
    body.theme-plus .pl-cities-pill:hover{transform:none}
    body.theme-plus .pl-tile:hover .pl-tile-inner img,body.theme-plus .pl-tile:hover .pl-tile-inner i{transform:none}
}

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


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

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

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

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

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

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

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

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

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

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

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

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


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

/* (2026-09-12) الشكل البرتقالي (520×320 فوق يمين) كان ياخد ربع البنر على الديسكتوب
   ويغطي البنر كله على شاشة 390، فالكلام ما كانش يقدر ياخد العرض كله.
   طلب صريح: يتشال خالص — البنر بقى خلفية نقط فاتحة والكلام بعرض الصفحة. */
body.theme-plus.pg-training-courses #common-banner-section-image::after,
body.theme-plus.pg-training-courses #common-banner-section-icon::after{display:none}

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

/* (2026-09-12) طلب صريح: تغيير أيقونات صفحة نتايج البحث، وكل معهد بثلاثي مختلف.
   الـmask متطبّق على الـ<svg> نفسه مش على عنصر أب: نسخ الموبايل بتقع جوّه <span>
   بلا كلاس فمفيش أب أعلّق عليه — وكده محدِّد واحد بيغطي الديسكتوب والموبايل.
   خط bootstrap-icons مش محمّل في الصفحة (fonts.check=false) فطريق كودات الخط مقفول.
   الرسمة الأصلية بتتلغي بـfill:transparent واللون بيجي من background-color.
   bi-x (قفل المودال) وزراري العرض برّه المحدِّدات دي. */
body.theme-plus.pg-search-page svg.bi-calendar-check-fill,body.theme-plus.pg-search-page svg.bi-flag-fill,body.theme-plus.pg-search-page svg.bi-clock-fill,body.theme-plus.pg-search-page svg.bi-signpost-split-fill{fill:transparent!important;background-color:#fb4400;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-plus.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='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-plus.pg-search-page svg.bi-flag-fill{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M16 8c0 3.866-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234-.2.032-.352-.176-.273-.362.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M16 8c0 3.866-3.582 7-8 7a9.06 9.06 0 0 1-2.347-.306c-.584.296-1.925.864-4.181 1.234-.2.032-.352-.176-.273-.362.354-.836.674-1.95.77-2.966C.744 11.37 0 9.76 0 8c0-3.866 3.582-7 8-7s8 3.134 8 7z'/></svg>")}
body.theme-plus.pg-search-page svg.bi-clock-fill,body.theme-plus.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) طلب صريح: "وسطن الـ3". بعد ما بلاطة "الدورات الجديدة" اتشالت فضلوا
   تلات بلاطات، والشبكة معرّفة بأربعة أعمدة ثابتة فالتلاتة بيتراصوا في ناحية ويسيبوا
   فراغ 323px على التانية. auto-fit بيلغي العمود الفاضي وjustify-content:center
   بيحط المجموعة في نص الصفحة — ولو رجعت أربعة تاني هتتوزع عادي. */
body.theme-plus .pl-tiles-row{grid-template-columns:repeat(auto-fit,294px)!important;justify-content:center!important}

/* (2026-09-12) طلب: "الفوتر محتاج لمسة فنية". المشكلة في الصورة إن التلات مجموعات
   (استكشف التخصصات | أبرز المواقع | روابط سريعة) بتقرا كشبكة واحدة مسطّحة: العناوين
   صغيرة (11.2px) وبنفس وزن الروابط تقريبًا، والمسافات متساوية فمفيش فصل بينهم.
   الحل هيكلي مش تزويقي — ومقصود إنه يفضل بعيد عن فوتر سمارت والسعودي:
     • العنوان أكبر شوية وتحته شرطة قصيرة بلون العلامة — يفصل الرأس عن قائمته
     • مسافات أوسع بين العمودين وبين الكتلة وروابط سريعة، وفاصل رفيع قبلها
     • الروابط: انزلاق بسيط والنقطة تكبر عند المرور — حياة من غير تغيير التخطيط
   الكبسولات والفقرة الضخمة اتجربوا قبل كده واترفضوا (موثّق فوق) فما رجعتش ليهم. */
body.theme-plus .pl-footer-label{
    font-size:.78rem;margin:0 0 18px;padding-bottom:10px;position:relative}
body.theme-plus .pl-footer-label::after{
    content:"";position:absolute;inset-inline-start:0;bottom:0;
    width:26px;height:3px;border-radius:2px;background:var(--site-primary,#fb4400)}
body.theme-plus .pl-footer-label-2{margin-top:34px}
body.theme-plus .pl-footer-cols{gap:46px}
body.theme-plus .pl-footer-split{gap:56px}
@media (min-width:768px){
    body.theme-plus .pl-footer-narrow{
        border-inline-start:1px solid #dde3ee;padding-inline-start:40px}
}
body.theme-plus .pl-footer-list li{padding-bottom:14px}
body.theme-plus .pl-footer-list a{transition:color .15s ease,padding-inline-start .15s ease}
body.theme-plus .pl-footer-list a:hover{padding-inline-start:21px}
body.theme-plus .pl-footer-list a::before{transition:transform .15s ease}
body.theme-plus .pl-footer-list a:hover::before{transform:scale(1.28)}



/* (2026-09-12) talab: "az-zurar laziq fil-khana illi fo2o" fi /course-finder.
   adaat chosen bititha2an bi float:left gowwa .plcf-f--wide, fal-ha2l biyanhar
   3aleha: biyantihi 3and 506 wal-adaa tikammil li 563 - ya3ni bitinzil gowwa
   masahet .plcf-key wa takul al-masafa al-musammama (22px margin + 20px padding
   + hadd mutaqatti3). clear:both 3ala saff az-zurar binazzilo taht al-float
   badal ma nghayyar siyaq tanseeq al-ha2l nafso.
   (garrabt display:flow-root 3ala al-ha2l qabl kida fa-zabat al-fagwa bass
   khalla 3ard al-ha2l 0 wal-label yit2ass wal-adaa tokhrog barra al-card,
   fa-itshalit.) */
body.theme-plus .plcf-key{clear:both}


/* ═════════════════════════════════════════════════════════════
   (2026-09-18) صفحة "عن المعهد" — بنية مختلفة لكل معهد (طلب صريح: صفحات الموبايل
   شبه بعضها). الـHTML واحد (about_vmv.php: رؤية/رسالة/وعد/قيم) والبنية بتتغيّر
   بالـCSS: عدد الأعمدة، مكان الصورة، الترتيب، شكل العنوان — مش الألوان بس.
   ═════════════════════════════════════════════════════════════ */
body.theme-plus.page-about #common-listing-section .box4{background:transparent;box-shadow:none;padding:0;display:grid;gap:14px;counter-reset:plab}
body.theme-plus.page-about #common-listing-section .aboutus-section-card{position:relative;counter-increment:plab;background:#fff;border:1px solid #e3e6ee;border-radius:12px;padding:16px;padding-inline-start:84px;margin:0;min-height:96px}
body.theme-plus.page-about #common-listing-section .aboutus-section-card::before{content:counter(plab,decimal-leading-zero);position:absolute;inset-inline-start:0;top:0;bottom:0;width:64px;background:#fb4400;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.2rem;letter-spacing:.06em;border-inline-end:2px dashed #fff;border-start-start-radius:12px;border-end-start-radius:12px}
body.theme-plus.page-about #common-listing-section .aboutus-section-card .row{display:flex;align-items:center;gap:14px;margin:0}
body.theme-plus.page-about #common-listing-section .aboutus-section-card .col-md-6{max-width:none;width:auto;padding:0}
body.theme-plus.page-about #common-listing-section .aboutus-section-card .col-md-6:not(:has(> img)){flex:1 1 auto;order:1}
body.theme-plus.page-about #common-listing-section .aboutus-section-card .col-md-6:has(> img){flex:0 0 72px;order:2}
body.theme-plus.page-about #common-listing-section .aboutus-section-card .col-md-12{display:none}
body.theme-plus.page-about #common-listing-section .aboutus-vision img,body.theme-plus.page-about #common-listing-section .aboutus-mission img,body.theme-plus.page-about #common-listing-section .aboutus-brand img{width:72px;height:72px;object-fit:cover;border:0;border-radius:10px;box-shadow:none}
body.theme-plus.page-about #common-listing-section .aboutus-section-card h4{color:#001e45;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px}
body.theme-plus.page-about #common-listing-section .aboutus-section-card p{font-size:.92rem;padding:0;margin:0;color:#3a4661}
body.theme-plus.page-about #common-listing-section .aboutus-values{background:#001e45;border:0}
body.theme-plus.page-about #common-listing-section .aboutus-values h4{color:#fff}
body.theme-plus.page-about #common-listing-section .aboutus-values .aboutus-section-row{background:none;border:0;box-shadow:none;padding:0}
body.theme-plus.page-about #common-listing-section .aboutus-values .aboutus-section-row .row{display:flex;flex-wrap:wrap;margin:0}
body.theme-plus.page-about #common-listing-section .aboutus-values .aboutus-col-5{flex:0 0 33.333%;max-width:33.333%;padding:0 6px}
body.theme-plus.page-about #common-listing-section .aboutus-values .aboutus-value-card{background:#fff;border-radius:12px;padding:6px}
body.theme-plus.page-about #common-listing-section .aboutus-values img{border:0;box-shadow:none}
@media (min-width:992px){body.theme-plus.page-about #common-listing-section .aboutus-values .aboutus-col-5{flex:0 0 20%;max-width:20%}}