/* ============================================================
   معهد المورد — Al Mawred Institute
   ------------------------------------------------------------
   Direction: corporate split. Square corners, a heavy rule
   above the heading, and the search raised into a card beside
   the copy instead of inside it.

   Everything is scoped to body.theme-almawred, so no rule here
   can reach Institute even if the file were loaded by mistake.
   ============================================================ */

body.theme-almawred {
    --mw-ink: #10233d;
    --mw-line: #d8dee7;
    --mw-bg: #f4f6f9;
}

/* --- نظام التصميم: زوايا قائمة، حدود واضحة --- */
body.theme-almawred .btn,
body.theme-almawred .form-control,
body.theme-almawred .card,
body.theme-almawred .courselisting,
body.theme-almawred input,
body.theme-almawred select,
body.theme-almawred textarea {
    border-radius: 0 !important;
}

body.theme-almawred .courselisting,
body.theme-almawred .card {
    border: 1px solid var(--mw-line) !important;
    box-shadow: none !important;
    border-top: 3px solid var(--site-primary, #1764a4) !important;
}

/* --- البنر ---
   صورة full-bleed عبر عرض الشاشة كاملة، وبطاقة بحث بيضا عايمة
   جنب النص — مش فوق النص مباشرة. */
body.theme-almawred .mw-hero {
    position: relative;
    min-height: 460px;
    display: flex;
    align-items: center;
    background-color: var(--mw-ink);
    background-image:
        linear-gradient(to right, rgba(16, 35, 61, .92) 0%, rgba(16, 35, 61, .68) 45%, rgba(16, 35, 61, .25) 100%),
        var(--site-hero);
    background-size: cover;
    background-position: center;
}
body.theme-almawred[dir="rtl"] .mw-hero {
    background-image:
        linear-gradient(to left, rgba(16, 35, 61, .92) 0%, rgba(16, 35, 61, .68) 45%, rgba(16, 35, 61, .25) 100%),
        var(--site-hero);
}

body.theme-almawred .mw-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1.3fr 1fr;
    gap: 46px;
    align-items: center;
    padding: 60px 0;
}

body.theme-almawred .mw-hero-rule {
    display: block;
    width: 64px;
    height: 5px;
    background: var(--site-accent, #fbc708);
    margin: 0 0 20px;
}

body.theme-almawred .mw-hero-copy h1 {
    color: #fff;
    font-size: 2.3rem;
    line-height: 1.2;
    font-weight: 800;
    margin: 0 0 14px;
}

body.theme-almawred .mw-hero-copy p {
    color: rgba(255, 255, 255, .88);
    font-size: 1rem;
    max-width: 46ch;
    margin: 0;
}

body.theme-almawred .mw-hero-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin: 22px 0 0;
}

body.theme-almawred .mw-hero-links a {
    display: inline-block;
    padding: 11px 22px;
    border: 2px solid #fff;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
}

body.theme-almawred .mw-hero-links a:first-child {
    background: #fff;
    color: var(--site-primary, #1764a4);
}

body.theme-almawred .mw-hero-links a:hover {
    background: var(--site-accent, #fbc708);
    border-color: var(--site-accent, #fbc708);
    color: var(--mw-ink, #10233d);
}

/* --- بطاقة البحث العايمة: حقل واحد + Advanced Search --- */
body.theme-almawred .mw-hero-card {
    position: relative;
    background: #fff;
    padding: 28px;
    box-shadow: 0 18px 40px rgba(0, 0, 0, .22);
}

body.theme-almawred .mw-hero-card form {
    display: flex;
    border: 2px solid var(--mw-ink, #10233d);
}
body.theme-almawred .mw-hero-card input {
    flex: 1;
    border: 0 !important;
    padding: 12px 14px;
}
body.theme-almawred .mw-hero-card button {
    border: 0;
    background: var(--site-primary, #1764a4);
    color: #fff;
    width: 48px;
    flex: none;
}
body.theme-almawred .mw-hero-card > a {
    display: block;
    margin-top: 14px;
    text-align: center;
    color: var(--site-primary, #1764a4);
    font-weight: 700;
    font-size: .88rem;
}

@media (max-width: 991px) {
    body.theme-almawred .mw-hero { min-height: 0; padding: 0; }
    body.theme-almawred .mw-hero-grid { grid-template-columns: 1fr; gap: 32px; padding: 48px 0; }
    body.theme-almawred .mw-hero-copy h1 { font-size: 1.9rem; }
    body.theme-almawred .mw-hero-card { padding: 24px; }
}

/* --- التذييل ---
   سكرين شوت حقيقي (almawred-uae.com) وضّح إن الفوتر عندهم أربع
   أعمدة (المكتب، Services، Quick Links، Download Schedule) على
   لوحة غامقة قريبة من الأسود (#262631 بالحرف، مسحوبة فعليًا من
   .white-section في fullcss.css بتاعهم). شريط الحقوق عندهم أخضر
   حرفي (#337742)، بس طلب صريح ("خلي اللون الاخضر نفس لون التوب
   بار") رجّح الاتساق هنا. مفيش override لـ#dt-copyright-section
   هنا خالص عمدًا: القاعدة المشتركة في _institute.css
   (body[class*="theme-"] #dt-top-section, ...#dt-copyright-section
   { background: var(--topbar-bg, var(--site-primary)) !important })
   أصلاً بتلوّن الاتنين بنفس القيمة الحرفية معًا — أي override هنا
   كان بيفرقهم بدل ما يوحّدهم، وده اللي حصل فعليًا: .mw-topbar تحت
   في الملف ده مالهاش !important فالقاعدة المشتركة كانت الغالبة على
   طول (تحقّقت بعينة بكسل حقيقية: التوب بار #1764a4 مش var(--mw-ink)
   اللي كنت مفترضه). سايبها تورّث نفس اللون تلقائيًا بدل ما أخمّن. */
body.theme-almawred #dt-home-footer-section {
    background: #262631;
    color: #c9cbd6;
}

body.theme-almawred .institute-footer h6 {
    text-transform: uppercase;
    letter-spacing: .03em;
    font-size: 1.1rem;
    font-weight: 800;
    color: #fff;
    margin: 0 0 18px;
}
body.theme-almawred .institute-footer,
body.theme-almawred .institute-footer .footer-list,
body.theme-almawred .institute-footer .footer-list li { color: #c9cbd6; }
body.theme-almawred .institute-footer a { color: #c9cbd6; text-decoration: none; }
body.theme-almawred .institute-footer a:hover { color: #fff; text-decoration: underline; }
body.theme-almawred .institute-footer .footer-list { list-style: none; padding: 0; margin: 0; }
body.theme-almawred .institute-footer .footer-list li { position: relative; padding-inline-start: 22px; padding-bottom: 14px; font-size: .92rem; }
body.theme-almawred .institute-footer .footer-list li i { position: absolute; inset-inline-start: 0; top: 3px; color: #7c8494; }
body.theme-almawred .mw-footer-col { margin-bottom: 30px; }
/* طلب صريح: الشعار كله أبيض من غير إطار/رقعة بيضا حواليه — مش
   رقعة بيضا خلف ملف أسود زي الأول. الفلتر بيحوّل الشعار (نص أسود
   + حلقة حمرا-رمادية) لصورة ظلّية بيضا موحّدة، بيلغي ألوان الحلقة
   الحقيقية عمدًا — ده اللي طلبه المستخدم بالظبط ("يظهر كله باللون
   الأبيض"). */
body.theme-almawred .mw-footer-logo {
    display: inline-block;
    margin-top: 6px;
    line-height: 0;
}
body.theme-almawred .mw-footer-logo-img {
    max-width: 150px;
    height: auto;
    filter: brightness(0) invert(1);
}
body.theme-almawred .mw-footer-download {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    background: #33333f;
    border: 1px solid #45465a;
    border-radius: 8px;
    padding: 12px 16px;
    font-weight: 700;
    font-size: .88rem;
}
body.theme-almawred .mw-footer-download i { font-size: 1.3rem; color: var(--site-accent, #fbc708); }
body.theme-almawred .mw-footer-download:hover { background: #3d3d4a; text-decoration: none; color: #fff; }

body.theme-almawred #back-to-top { background: var(--site-primary, #1764a4); }

/* ── القائمة: شريط أعلى وروابط بحروف كبيرة ── */
body.theme-almawred .nav-link { text-transform: uppercase; font-size: .84rem; letter-spacing: .04em; font-weight: 700; }
body.theme-almawred .navbar-nav .nav-link.active { border-radius: 0 !important; }
body.theme-almawred #dt-header-section { border-bottom: 3px solid var(--site-accent, #fbc708); }

/* ── الداخلية: الأيقونة على الجهة النهائية، وخطّ أصفر يفصل العنوان ── */
body.theme-almawred .common-banner-icon { order: 2; margin-inline-start: auto; }
body.theme-almawred .common-banner-text { order: 1; }
body.theme-almawred .common-banner-icon { border-radius: 0; box-shadow: 0 12px 30px rgba(0,0,0,.22); }
body.theme-almawred .common-banner-text h1 { padding-bottom: 14px; border-bottom: 4px solid var(--site-accent, #fbc708); display: inline-block; }

/* ── الصور: ثنائي اللون، بلا استدارة، وشريط دهبي أسفلها ── */
body.theme-almawred .widget-icon,
body.theme-almawred .common-banner-image { background: var(--site-primary, #1764a4); border-radius: 0; }
body.theme-almawred .widget-icon img,
body.theme-almawred .common-banner-image img { mix-blend-mode: luminosity; opacity: .92; }
body.theme-almawred .widget-icon::after,
body.theme-almawred .common-banner-image::after {
    content: ""; position: absolute; inset-inline: 0; bottom: 0; height: 6px;
    background: var(--site-accent, #fbc708);
}

/* ── الشريط العلوي: بيانات التواصل أولاً، ثم الروابط بفواصل مربّعة ── */
body.theme-almawred .mw-topbar { background: var(--mw-ink, #10233d); color: #fff; font-size: .8rem; }
body.theme-almawred .mw-topbar-inner { display: flex; align-items: center; gap: 26px; min-height: 38px; }
body.theme-almawred .mw-topbar-contact { display: flex; gap: 20px; font-weight: 700; }
body.theme-almawred .mw-topbar-links { gap: 0; margin-inline-start: auto; }
body.theme-almawred .mw-topbar-links li + li::before {
    content: ""; display: inline-block; width: 4px; height: 4px;
    background: var(--site-accent, #fbc708); margin: 0 12px; vertical-align: middle;
}

body.theme-almawred .mw-topbar-row { min-height: 52px; gap: 16px; display: flex; align-items: center; }

body.theme-almawred .mw-topbar-mail {
    display: inline-flex; align-items: center; gap: 8px;
    color: #dce4ec; text-decoration: none; font-size: .82rem; font-weight: 600;
}
body.theme-almawred .mw-topbar-mail i { color: #8fa9c2; font-size: .95em; }
body.theme-almawred .mw-topbar-mail:hover { color: #fff; text-decoration: underline; }

body.theme-almawred .mw-topbar-dl {
    margin-inline-start: auto;
    display: inline-flex; align-items: center; justify-content: center;
    width: 34px; height: 34px;
    background: var(--site-accent, #fbc708); color: var(--mw-ink, #10233d);
    border-radius: 4px;
    flex: none;
}
body.theme-almawred .mw-topbar-dl:hover { filter: brightness(1.08); }

/* طلب صريح: الإيميل أقصى اليسار وDownloads أقصى اليمين على الموبايل،
   زي الديسك توب بالظبط. الصف هنا عنصرين بس فمحتاجش يلف أصلاً — لكن
   قاعدة _institute.css العامة (max-width:575.98px) بتصفّر
   margin-inline-start على كل عناصر أي توب بار بـ!important عشان تصلح
   ثيمات تانية فيها عناصر كتير بتلف لسطرين (الدفع التلقائي كان بيكسر
   التمركز بينهم). هنا مفيش لف أصلاً، فالتصفير ده بس قرّب Downloads من
   الإيميل بدل ما يفضل على الطرف. برجّعها هنا بنفس القوة. */
@media (max-width: 575.98px) {
    body.theme-almawred .mw-topbar-dl {
        margin-inline-start: auto !important;
    }
}

/* ── لوحة الدورات: كروت بشريط دهبي ─────────────────────────── */
body.theme-almawred .inst-mega { --inst-mega-line: #e3e9f2; }
body.theme-almawred .inst-mega-grid {
    grid-template-columns: repeat(auto-fill, minmax(178px, 1fr));
    gap: 7px;
}

body.theme-almawred .inst-mega-card {
    border: 1px solid var(--inst-mega-line);
    border-inline-start: 4px solid var(--site-accent, #fbc708);
    border-radius: 2px;
    background: #fff;
    padding: 8px 9px;
    gap: 8px;
}

body.theme-almawred .inst-mega-icon { width: 20px; height: 20px; }
body.theme-almawred .inst-mega-name { font-size: .78rem; line-height: 1.22; }
body.theme-almawred .inst-mega-n { min-width: 22px; padding: 1px 5px; font-size: .68rem; }

body.theme-almawred .inst-mega-card:hover {
    background: #f7faff;
    border-inline-start-color: var(--site-primary, #1764a4);
}

body.theme-almawred .inst-mega-n {
    background: var(--site-accent, #fbc708);
    color: #4a3a00;
}

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

/* ══════════════════════════════════════════════════════════
   أقسام الصفحة الرئيسية — إعادة تصميم كاملة (طلب صريح: "مش حلو"
   على المحاولة الأولى، اتقال أرجع لمرجع كذا موقع تدريب حقيقي).
   المحاولة الأولى كانت حدود ملوّنة رفيعة على كارت مسطّح — نفس
   الكليشيه اللي أي تصميم AI بيرجع له. المراجع (leoron، aztech،
   oxford-management...) كلها بتشترك في حاجة واحدة: عمق حقيقي —
   ظل ناعم مش حد رفيع، زوايا مدوّرة بس شوية، badge دائري ملوّن
   خلف الأيقونة، ورفعة (lift) واضحة وقت الوقوف.
   ═══════════════════════════════════════════════════════════ */

/* القيم دي مش تخمين: مسحوبة فعليًا من نسخة محفوظة (mhtml) من
   leoron.com — استدارة الزوايا فيه الأكثر تكرارًا 12px (مش 14 ولا 16)،
   وظل السكون خفيف جدًا (rgba(0,0,0,.1) 0 1px 10px) وظل الوقوف عليه
   أوضح بس برضه مش مبالغ فيه (rgba(0,0,0,.2) 0 8px 16px) — هنا بنفس
   النسبة، بس بحبر almawred الكحلي بدل الأسود الخام. */
:root, body.theme-almawred {
    --mw-radius: 12px;
    --mw-shadow: 0 2px 10px rgba(16, 35, 61, .10);
    --mw-shadow-hover: 0 10px 20px rgba(16, 35, 61, .20);
}

body.theme-almawred .inst-values { background: var(--mw-bg, #f4f6f9); }
body.theme-almawred .inst-categories { background: #fff; }
body.theme-almawred .inst-upcoming { background: var(--mw-bg, #f4f6f9); }

body.theme-almawred .inst-values-head h2,
body.theme-almawred .inst-categories-head h2,
body.theme-almawred .inst-upcoming-head h2,
body.theme-almawred .inst-assoc h2 {
    text-transform: uppercase;
    letter-spacing: .03em;
    position: relative;
    padding-bottom: 14px;
}
body.theme-almawred .inst-values-head h2::after,
body.theme-almawred .inst-categories-head h2::after,
body.theme-almawred .inst-upcoming-head h2::after {
    content: "";
    position: absolute;
    inset-inline-start: 0;
    bottom: 0;
    width: 46px;
    height: 3px;
    background: var(--site-accent, #fbc708);
}

/* ── البطاقات الأربع: كارت أبيض بظل + شارة دائرية للأيقونة ── */
body.theme-almawred .inst-tile {
    border: 0;
    border-radius: var(--mw-radius);
    background: #fff;
    box-shadow: var(--mw-shadow);
    transition: transform .22s ease, box-shadow .22s ease;
}
body.theme-almawred .inst-tile:hover {
    transform: translateY(-6px);
    box-shadow: var(--mw-shadow-hover);
}
body.theme-almawred .inst-tile-label { color: var(--mw-ink, #10233d); }
body.theme-almawred .inst-tile-icon {
    background: var(--mw-bg, #f4f6f9);
    border-radius: 50%;
    padding: 12px;
    box-sizing: border-box;
    width: 52px;
    height: 52px;
    transition: transform .22s ease;
}
body.theme-almawred .inst-tile:hover .inst-tile-icon { transform: scale(1.06); }
body.theme-almawred .inst-tile-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--site-primary, #1764a4);
    font-weight: 700;
}
body.theme-almawred .inst-tile:hover .inst-tile-more { text-decoration: underline; }

/* ── شبكة التخصصات: نفس لغة العمق، بادج دائري خلف الأيقونة ── */
body.theme-almawred .inst-categories-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}
body.theme-almawred .inst-category {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    gap: 12px;
    border: 0;
    border-radius: var(--mw-radius);
    padding: 26px 20px;
    background: #fff;
    box-shadow: var(--mw-shadow);
    transition: transform .2s ease, box-shadow .2s ease;
}
body.theme-almawred .inst-category:hover {
    transform: translateY(-4px);
    box-shadow: var(--mw-shadow-hover);
}
body.theme-almawred .inst-category-icon {
    background: var(--mw-bg, #f4f6f9);
    border-radius: 50%;
    padding: 12px;
    box-sizing: border-box;
    width: 52px;
    height: 52px;
}
body.theme-almawred .inst-category-title { font-size: .9rem; font-weight: 700; }
body.theme-almawred .inst-category-go { display: none; }

@media (max-width: 767px) {
    body.theme-almawred .inst-categories-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ── الدورات القادمة: صف بادج تاريخ + نص، مش كارت صورة ── */
body.theme-almawred .inst-upcoming-list li {
    border: 0;
    border-radius: var(--mw-radius);
    background: #fff;
    box-shadow: var(--mw-shadow);
    transition: transform .2s ease, box-shadow .2s ease;
}
body.theme-almawred .inst-upcoming-list li:hover {
    transform: translateY(-4px);
    box-shadow: var(--mw-shadow-hover);
}
body.theme-almawred .inst-upcoming-list a {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
}
body.theme-almawred .inst-upcoming-date {
    background: var(--mw-ink, #10233d);
    color: var(--site-accent, #fbc708);
    border-radius: 10px;
    flex: none;
    width: 58px;
    height: 58px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
body.theme-almawred .inst-upcoming-day { font-size: 1.2rem; font-weight: 800; line-height: 1; }
body.theme-almawred .inst-upcoming-month { font-size: .68rem; text-transform: uppercase; letter-spacing: .04em; }
body.theme-almawred .inst-upcoming-title { color: var(--mw-ink, #10233d); font-weight: 700; }
body.theme-almawred .inst-upcoming-city { color: var(--site-primary, #1764a4); }

/* ── Value Proposition: كارت بظل وbadge دائري ── */
body.theme-almawred .inst-values-list { gap: 18px; }
body.theme-almawred .inst-values-list li {
    border: 0;
    padding: 20px;
    background: #fff;
    border-radius: var(--mw-radius);
    box-shadow: var(--mw-shadow);
    transition: transform .2s ease, box-shadow .2s ease;
}
body.theme-almawred .inst-values-list li:hover {
    transform: translateY(-4px);
    box-shadow: var(--mw-shadow-hover);
}
body.theme-almawred .inst-values-list img {
    background: var(--mw-bg, #f4f6f9);
    border-radius: 50%;
    padding: 9px;
    box-sizing: border-box;
    width: 44px;
    height: 44px;
}
body.theme-almawred .inst-values-foot a { color: var(--site-primary, #1764a4); }

body.theme-almawred .inst-assoc-link { border-radius: 999px; }

/* ══════════════════════════════════════════════════════════
   الأقسام الزوجية (leoron.com: Trending+Location، Values+Trust) —
   نفس لغة العمق (--mw-radius/--mw-shadow) اللي بقية أقسام الصفحة
   الرئيسية بتستخدمها.
   ══════════════════════════════════════════════════════════ */
body.theme-almawred .inst-trend-wrap,
body.theme-almawred .inst-values-trust-wrap { background: #fff; }

body.theme-almawred .inst-trend-card,
body.theme-almawred .inst-loc-card {
    border-radius: var(--mw-radius);
    box-shadow: var(--mw-shadow);
    transition: transform .2s ease, box-shadow .2s ease;
}
body.theme-almawred .inst-trend-card:hover,
body.theme-almawred .inst-loc-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--mw-shadow-hover);
}

body.theme-almawred .inst-trust-card {
    border: 0;
    border-radius: var(--mw-radius);
    box-shadow: var(--mw-shadow);
    background: var(--mw-bg, #f4f6f9);
}
body.theme-almawred .inst-trust-stars { color: var(--site-accent, #fbc708); }
body.theme-almawred .inst-trust-link { color: var(--site-primary, #1764a4); font-weight: 800; }

body.theme-almawred .inst-callback-box {
    background: var(--mw-ink, #10233d);
    border-radius: var(--mw-radius);
    box-shadow: var(--mw-shadow-hover);
}
body.theme-almawred .inst-callback-submit {
    background: var(--site-accent, #fbc708);
    color: var(--mw-ink, #10233d);
    border-radius: 8px;
}
body.theme-almawred .inst-callback-submit:hover { filter: brightness(1.05); }
body.theme-almawred .inst-callback-fields input { border-radius: 6px; }

/* ══════════════════════════════════════════════════════════
   المدن المتاحة — خريطة باهتة + صفوف بشرائط أعلام
   ------------------------------------------------------------
   طلب صريح: 11 تصميم قسم "Venues" مختلف على الـ11 معهد، كل واحد
   مبني على مرجع حقيقي مختلف. هنا مرجع anderson.ae بالظبط: خريطة
   عالم باهتة على الشمال، وصفوف مدن على اليمين — كل صف شريط لوني
   بلون العلم، اسم المدينة بحروف كابيتال، وزرار "Find Courses".
   الخريطة نفسها SVG مولّد جوّه الملف (بيضاوات قارات مبسّطة)، مش
   صورة متسحوبة من حتة تانية — بلون --mw-line الباهت مش الوردي
   الحقيقي. زوايا قايمة حادة (مفيش استدارة) عشان يفضل جزء من نظام
   "corporate split" بتاع الصفحة، مش قسم غريب عنها.
   ══════════════════════════════════════════════════════════ */
body.theme-almawred .mw-cities { background: #fff; padding: 64px 0; }

body.theme-almawred .mw-cities-grid {
    display: grid;
    grid-template-columns: .8fr 1.2fr;
    gap: 50px;
    align-items: stretch;
}

/* خريطة عالم مرسومة بإيدينا (بيضاوات) كانت هنا الأول — طلعت بقع
   رمادية مالهاش شكل خريطة ("ايه دا" على سكرين شوت بالظبط لده).
   رقم حقيقي (عدد المدن الفعلي) بدالها بدل ما نخترع رسمة مش
   واضحة — نفس قاعدة "بيانات حقيقية بدل زخرفة" المتّبعة طول
   الجلسة دي. */
body.theme-almawred .mw-cities-stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: var(--mw-ink, #10233d);
    padding: 40px 20px;
}
body.theme-almawred .mw-cities-stat-num {
    font-size: clamp(3.5rem, 6vw, 5.5rem);
    font-weight: 800;
    line-height: 1;
    color: var(--site-accent, #fbc708);
}
body.theme-almawred .mw-cities-stat-label {
    margin-top: 12px;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: .85rem;
    font-weight: 700;
    color: #fff;
}

body.theme-almawred .mw-cities-eyebrow {
    display: block;
    text-transform: uppercase;
    letter-spacing: .12em;
    font-size: .72rem;
    font-weight: 700;
    color: var(--site-primary, #1764a4);
    margin: 0 0 10px;
}
body.theme-almawred .mw-cities-head h2 {
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--mw-ink, #10233d);
    margin: 0 0 28px;
    text-transform: none;
}

body.theme-almawred .mw-cities-list { list-style: none; margin: 0; padding: 0; }
body.theme-almawred .mw-cities-list li { border-bottom: 1px solid var(--mw-line, #d8dee7); }
body.theme-almawred .mw-cities-list li:first-child { border-top: 1px solid var(--mw-line, #d8dee7); }

body.theme-almawred .mw-cities-list a {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 16px 4px;
    text-decoration: none;
    transition: background .15s ease, padding-inline-start .15s ease;
}
body.theme-almawred .mw-cities-list a:hover {
    background: var(--mw-bg, #f4f6f9);
    padding-inline-start: 12px;
}

/* شريط رفيع طولي (6px) كان بيقص أي علم حقيقي جواه لخط شبه مالوش
   شكل — العلم محتاج مساحة تتعرف بيها. بقى مستطيل علم حقيقي
   (34×24) بدل الشريط، وfi/fi-xx (flag-icons) بيحطوا صورة العلم
   نفسها فوق أي لون هنا. :not(.fi) هنا لازمة: من غيرها specificity
   القاعدة دي (كلاسين) كانت أعلى من fi-xx (كلاس واحد بره الملف ده)
   فبتكسب هي وتمسح صورة العلم بالكامل حتى لو الكلاس متحط صح. */
body.theme-almawred .mw-cities-flag {
    flex: none;
    width: 34px;
    height: 24px;
    background-color: var(--mw-bg, #f4f6f9);
    border: 1px solid var(--mw-line, #d8dee7);
}
body.theme-almawred .mw-cities-flag:not(.fi) {
    background-color: var(--site-accent, #fbc708);
    border-color: var(--site-accent, #fbc708);
}

body.theme-almawred .mw-cities-info { flex: 1; min-width: 0; }
body.theme-almawred .mw-cities-name {
    display: block;
    text-transform: uppercase;
    letter-spacing: .02em;
    font-weight: 800;
    font-size: 1rem;
    color: var(--mw-ink, #10233d);
}

body.theme-almawred .mw-cities-go {
    flex: none;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: .82rem;
    font-weight: 700;
    color: var(--site-primary, #1764a4);
    white-space: nowrap;
}
body.theme-almawred .mw-cities-list a:hover .mw-cities-go { color: var(--site-accent, #fbc708); }

/* ============================================================
   Course Categories — bespoke replacement for the shared
   red-circle/chevron grid. Same card language the rest of the
   site already uses (white, square corners, a heavy blue rule),
   just applied to a small square icon chip instead of a circle.
   ============================================================ */
body.theme-almawred .mw-categories { background: var(--mw-bg, #f4f6f9); padding: 64px 0; }

body.theme-almawred .mw-categories-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    margin: 0 0 28px;
    padding-bottom: 16px;
    border-bottom: 3px solid var(--site-accent, #fbc708);
}
body.theme-almawred .mw-categories-eyebrow {
    display: block;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--site-primary, #1764a4);
    margin-bottom: 6px;
}
body.theme-almawred .mw-categories-head h2 {
    font-size: 1.7rem;
    font-weight: 800;
    color: var(--mw-ink, #10233d);
    margin: 0;
}
body.theme-almawred .mw-categories-all {
    flex: none;
    font-size: .82rem;
    font-weight: 700;
    color: var(--site-primary, #1764a4);
    white-space: nowrap;
    padding-bottom: 4px;
}
body.theme-almawred .mw-categories-all:hover { color: var(--site-accent, #fbc708); }

body.theme-almawred .mw-categories-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
}

body.theme-almawred .mw-category {
    display: flex;
    align-items: center;
    gap: 16px;
    background: #fff;
    border: 1px solid var(--mw-line, #d8dee7);
    border-top: 3px solid var(--site-primary, #1764a4);
    padding: 20px 18px;
    text-decoration: none;
    transition: border-color .15s ease, background .15s ease;
}
body.theme-almawred .mw-category:hover { background: #fbfcfe; border-top-color: var(--site-accent, #fbc708); }

/* الأيقونة نفسها شارة زرقاء/ذهبية مربّعة كاملة (SVG مخصّص
   للمورد، خلفية #1764a4 + شريط ذهبي سفلي) — تُعرض زي ما هي من
   غير أي صندوق أو فلتر إضافي، عشان الألوان دي هي هوية الموقع
   نفسها بالظبط. */
body.theme-almawred .mw-category-icon {
    flex: none;
    display: flex;
    width: 44px;
    height: 44px;
}
body.theme-almawred .mw-category-icon img { width: 100%; height: 100%; display: block; }

body.theme-almawred .mw-category-title {
    flex: 1;
    font-weight: 700;
    font-size: .96rem;
    color: var(--mw-ink, #10233d);
    line-height: 1.3;
}

body.theme-almawred .mw-category-go {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    color: var(--site-primary, #1764a4);
    transition: transform .15s ease, color .15s ease;
}
body.theme-almawred .mw-category:hover .mw-category-go {
    color: var(--site-accent, #fbc708);
    transform: translateX(4px);
}
body.theme-almawred[dir="rtl"] .mw-category:hover .mw-category-go,
html[dir="rtl"] body.theme-almawred .mw-category:hover .mw-category-go { transform: translateX(-4px); }

@media (max-width: 991px) {
    body.theme-almawred .mw-categories-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 767px) {
    body.theme-almawred .mw-categories { padding: 40px 0; }
    body.theme-almawred .mw-categories-grid { grid-template-columns: 1fr; }
    body.theme-almawred .mw-categories-head { flex-direction: column; align-items: flex-start; gap: 8px; }
}

@media (max-width: 767px) {
    body.theme-almawred .mw-cities { padding: 44px 0; }
    body.theme-almawred .mw-cities-grid { grid-template-columns: 1fr; gap: 24px; }
}

/* ============================================================
   القوالب الخدمية (tiles) — بديل الصف العادي المشترك.
   ------------------------------------------------------------
   نفس فكرة "split" اللي البنر مبني عليها: عمود كلام + لوحة
   جنبه. اللوحة هنا كحلي مصمت (--mw-ink) فيها الـ3 قوالب الحقيقية
   كصفوف مكدّسة (مش شبكة 2×2 — البيانات 3 بس، مفيش قالب رابع
   مختلق عشان يقفل شبكة). أيقونة كل صف في دايرة بيضا عشان أي لون
   أصلي للأيقونة يبان صح فوق الكحلي.
   ============================================================ */
/* ثاني تصميم: المحاولة الأولى (نص جنب لوحة صفوف) طلعت شبه خمس
   معاهد تانية بالحرف، غيّر بس اللون — مشكلة حقيقية اتقالت صراحة.
   هنا 4 كروت مستقلة في صف واحد، كل كارت لوحده بحد وخط علوي أزرق
   تخين (نفس لغة كروت التصنيفات)، من غير لوحة غامقة حاوية ومن غير
   عمود نص جنبها خالص. */
/* ثالث تصميم. مربعات مستقلة بخط علوي كانت اتقالها "غيّرها" مع
   شوية معاهد تانية من غير سبب محدد — فكرة جديدة تمامًا هنا: صف
   مفتوح بلا كارت ولا حد، كل عنصر وراه رقم كبير شفاف (01-04) في
   خلفيته، والأيقونة والاسم فوقه. */
body.theme-almawred .mw-tiles { padding: 60px 0; }

body.theme-almawred .mw-tiles-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

body.theme-almawred .mw-tiles-item {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    padding: 20px 10px;
    text-decoration: none;
    overflow: hidden;
}

body.theme-almawred .mw-tiles-num {
    position: absolute;
    top: -18px;
    inset-inline-start: 50%;
    transform: translateX(-50%);
    font-size: 5rem;
    font-weight: 900;
    line-height: 1;
    color: var(--site-accent, #fbc708);
    opacity: .16;
    z-index: 0;
    font-variant-numeric: tabular-nums;
}
[dir="rtl"] body.theme-almawred .mw-tiles-num { transform: translateX(50%); }

body.theme-almawred .mw-tiles-icon {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
}
body.theme-almawred .mw-tiles-icon img { width: 30px; height: 30px; object-fit: contain; }
/* "New Training Courses" مالوش أيقونة ملف زي التلاتة التانيين —
   حرف Bootstrap Icons بنفس وزن الأيقونات التانية بصريًا. */
body.theme-almawred .mw-tiles-icon i { font-size: 1.7rem; color: var(--site-primary, #1764a4); line-height: 1; }

body.theme-almawred .mw-tiles-label {
    position: relative;
    z-index: 1;
    color: var(--mw-ink);
    font-weight: 700;
    font-size: .96rem;
    line-height: 1.3;
}
body.theme-almawred .mw-tiles-item:hover .mw-tiles-label { color: var(--site-primary, #1764a4); }

@media (max-width: 767px) {
    body.theme-almawred .mw-tiles { padding: 40px 0; }
    body.theme-almawred .mw-tiles-row { grid-template-columns: repeat(2, 1fr); }
    body.theme-almawred .mw-tiles-num { font-size: 3.6rem; }
}

/* ═══ الدورات القادمة — المورد: خط زمني (طلب صريح 2026-09-05 "تصميم متطور واحترافي") ═══
   خط عمودي أزرق على الحافة، كل دورة عقدة تاريخ دائرية على الخط وكارت أبيض
   جنبها فيه صورة الدورة مصغّرة، العنوان، المدى والمدينة، وشريط أصفر رفيع
   عند التحويم. */
body.theme-almawred .inst-upcoming-list { position: relative; padding-inline-start: 34px; }
body.theme-almawred .inst-upcoming-list::before { content: ""; position: absolute; top: 8px; bottom: 8px; inset-inline-start: 11px; width: 2px; background: linear-gradient(var(--site-primary, #1764a4), rgba(23,100,164,.15)); }
body.theme-almawred .inst-upcoming-list li { border: 0 !important; margin-bottom: 14px; position: relative; }
body.theme-almawred .inst-upcoming-list li::before { content: ""; position: absolute; inset-inline-start: -34px; top: 26px; width: 24px; height: 24px; border-radius: 50%; background: #fff; border: 4px solid var(--site-primary, #1764a4); box-shadow: 0 0 0 4px #fff; }
body.theme-almawred .inst-upcoming-list a { background: #fff; border-radius: 10px; padding: 14px 18px; gap: 16px; box-shadow: 0 6px 18px rgba(16,35,61,.07); border-inline-start: 4px solid transparent; transition: transform .18s, border-color .18s, box-shadow .18s; }
body.theme-almawred .inst-upcoming-list a:hover { transform: translateX(4px); border-inline-start-color: #fbc708; box-shadow: 0 12px 26px rgba(16,35,61,.12); }
body.theme-almawred[dir="rtl"] .inst-upcoming-list a:hover { transform: translateX(-4px); }
body.theme-almawred .inst-upcoming-thumb { display: block; flex: 0 0 96px; height: 68px; border-radius: 6px; background-size: cover; background-position: center; }
body.theme-almawred .inst-upcoming-date { width: auto; height: auto; background: transparent; color: var(--site-primary, #1764a4); flex-direction: row; gap: 6px; align-items: baseline; }
body.theme-almawred .inst-upcoming-day { font-size: 1.6rem; }
body.theme-almawred .inst-upcoming-month { font-size: .8rem; opacity: 1; }
body.theme-almawred .inst-upcoming-body { flex: 1; }
body.theme-almawred .inst-upcoming-title { font-size: 1rem; color: var(--mw-ink, #10233d); }
body.theme-almawred .inst-upcoming-meta2 { display: flex; gap: 14px; font-size: .8rem; color: #5a6a7c; }
body.theme-almawred .inst-upcoming-meta2 i { margin-inline-end: 4px; color: var(--site-primary, #1764a4); }
body.theme-almawred .inst-upcoming-book { display: inline-block; align-self: flex-start; margin-top: 4px; font-size: .78rem; font-weight: 700; color: var(--site-primary, #1764a4); border-bottom: 2px solid #fbc708; }
@media (max-width: 767px) { body.theme-almawred .inst-upcoming-thumb { display: none; } body.theme-almawred .inst-upcoming-list a { flex-wrap: wrap; } }

/* الدورات القادمة: كروت أصغر (طلب صريح 2026-09-06) */
body.theme-almawred .inst-upcoming-list a { padding: 10px 14px; gap: 12px; }
body.theme-almawred .inst-upcoming-thumb { flex-basis: 72px; height: 52px; }
body.theme-almawred .inst-upcoming-day { font-size: 1.25rem; }
body.theme-almawred .inst-upcoming-title { font-size: .92rem; }
body.theme-almawred .inst-upcoming-list li { margin-bottom: 10px; }
body.theme-almawred .inst-upcoming-list li::before { width: 18px; height: 18px; top: 22px; inset-inline-start: -31px; border-width: 3px; }

/* ═══ البلاطات — المورد: بطاقات صور (طلب صريح 2026-09-06 "تصميم تاني خالص") ═══
   أربع بطاقات صور حقيقية بارتفاع ثابت، تدرّج أزرق غامق من تحت، الاسم أبيض
   وخط أصفر تحته، ورابط More Details. عند التحويم الصورة بتتقرّب والتدرّج بيغمق. */
body.theme-almawred .mw-tiles--photos { padding: 44px 0 36px; background: #fff; }
body.theme-almawred .mw-tiles--photos .mw-tiles-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
body.theme-almawred .mw-tiles-card { position: relative; display: flex; align-items: flex-end; min-height: 260px; border-radius: 12px; overflow: hidden; background-size: cover; background-position: center; text-decoration: none; box-shadow: 0 10px 26px rgba(16,35,61,.14); isolation: isolate; transition: transform .25s ease, box-shadow .25s ease; }
body.theme-almawred .mw-tiles-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(16,35,61,.92) 0%, rgba(16,35,61,.45) 55%, rgba(16,35,61,.05) 100%); transition: background .25s ease; z-index: 0; }
body.theme-almawred .mw-tiles-card::after { content: ""; position: absolute; inset: 0; background-image: inherit; background-size: cover; background-position: center; z-index: -1; transition: transform .6s ease; }
body.theme-almawred .mw-tiles-card:hover { transform: translateY(-4px); box-shadow: 0 18px 36px rgba(16,35,61,.22); }
body.theme-almawred .mw-tiles-card:hover::after { transform: scale(1.07); }
body.theme-almawred .mw-tiles-card:hover::before { background: linear-gradient(to top, rgba(23,100,164,.95) 0%, rgba(23,100,164,.5) 55%, rgba(23,100,164,.08) 100%); }
body.theme-almawred .mw-tiles-card-body { position: relative; z-index: 1; padding: 18px 18px 16px; display: flex; flex-direction: column; gap: 8px; }
body.theme-almawred .mw-tiles-card-label { color: #fff; font-size: 1.05rem; font-weight: 800; line-height: 1.3; }
body.theme-almawred .mw-tiles-card-label::after { content: ""; display: block; width: 44px; height: 3px; background: #fbc708; margin-top: 8px; }
body.theme-almawred .mw-tiles-card-more { color: #fbc708; font-size: .8rem; font-weight: 700; }
@media (max-width: 991px) { body.theme-almawred .mw-tiles--photos .mw-tiles-row { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 575px) { body.theme-almawred .mw-tiles--photos .mw-tiles-row { grid-template-columns: 1fr; } body.theme-almawred .mw-tiles-card { min-height: 200px; } }

/* ===== /training-courses — المورد: بانر كحلي بخط أصفر، فلتر كبسولة راكب على البانر، كروت 4 أعمدة بتاريخ أصفر فوق الصورة (2026-09-07) ===== */
body.theme-almawred.pg-training-courses #common-banner-section-image .background-listing{background:linear-gradient(120deg,#10233d 0%,#1764a4 100%);border-radius:0;padding-bottom:44px}
body.theme-almawred.pg-training-courses #common-banner-section-image .background-listing:before{display:none}
body.theme-almawred.pg-training-courses #common-banner-section-image .common-banner-image{display:none}
body.theme-almawred.pg-training-courses #common-banner-section-image .common-banner-text{width:100%;float:none;max-width:860px}
body.theme-almawred.pg-training-courses #common-banner-section-image h1{color:#fff;font-size:34px;padding-bottom:12px;position:relative}
body.theme-almawred.pg-training-courses #common-banner-section-image h1:after{content:'';display:block;width:72px;height:5px;background:#fbc708;margin-top:12px;border-radius:3px}
body.theme-almawred.pg-training-courses #common-banner-section-image p{color:#dfe7f2;text-align:start}
body.theme-almawred.pg-training-courses #searresultscourses-btn2{background:#fbc708;border-color:#fbc708;color:#10233d;font-weight:700;border-radius:30px;padding:8px 22px}
body.theme-almawred.pg-training-courses #common-filter-box-modal-one{margin-top:-30px;padding:0}
body.theme-almawred.pg-training-courses #common-filter-box-modal-one .box2{border-radius:40px;padding:12px 20px;box-shadow:0 12px 30px rgba(16,35,61,.14);border:1px solid #d8dee7}
body.theme-almawred.pg-training-courses #common-filter-box-modal-one .form-control{border-radius:20px;border:1px solid #d8dee7;background:#f4f6f9;color:#10233d;height:34px}
body.theme-almawred.pg-training-courses #common-filter-box-modal-one .menu-two{border-radius:20px;border-color:#1764a4;color:#1764a4;background:#fff}
body.theme-almawred.pg-training-courses #common-filter-box-modal-one .menu-two:hover{background:#1764a4;color:#fff}
body.theme-almawred.pg-training-courses #common-filter-box-modal-one .menu-two.purple-color{background:#fbc708;border-color:#fbc708;color:#10233d;font-weight:700}
body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting,body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting.virtual{background:#fff;border:1px solid #d8dee7;border-radius:14px;padding:0;box-shadow:none;overflow:hidden;transition:transform .25s,box-shadow .25s,border-color .25s}
body.theme-almawred.pg-training-courses .courselisting:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(16,35,61,.12);border-color:#1764a4}
body.theme-almawred.pg-training-courses .course-image{border:0;border-radius:0}
body.theme-almawred.pg-training-courses .course-image-vl-icon{background:#1764a4}
body.theme-almawred.pg-training-courses .course-date{position:absolute;top:12px;inset-inline-start:12px;background:#fbc708;color:#10233d;font-weight:700;font-size:12px;padding:3px 10px;border-radius:20px;z-index:2;line-height:18px}
body.theme-almawred.pg-training-courses .course-date i{display:none}
body.theme-almawred.pg-training-courses .course-title{font-size:15px;color:#10233d;padding:10px 14px 0;min-height:46px;line-height:20px}
body.theme-almawred.pg-training-courses .course-language,body.theme-almawred.pg-training-courses .course-location,body.theme-almawred.pg-training-courses .course-time{padding:0 14px;color:#5b6b80}
body.theme-almawred.pg-training-courses .courselisting i.bi{color:#1764a4!important}
body.theme-almawred.pg-training-courses .courselisting form{padding:10px 14px 14px}
body.theme-almawred.pg-training-courses .courselisting .btn-primary{background:#10233d;border-color:#10233d;color:#fff;border-radius:20px;font-weight:600}
body.theme-almawred.pg-training-courses .courselisting:hover .btn-primary{background:#1764a4;border-color:#1764a4}
@media (min-width:992px){body.theme-almawred.pg-training-courses #course_list{grid-template-columns:repeat(4,1fr);gap:22px}}

/* --- training-courses fix ca6c579eb021bd0fb7dfc31537300a4c --- */
/* خلفية البانر على القسم نفسه (الأساس المشترك بيحط صورة المعهد على #common-banner-section-image وبيشفّف الصندوق الداخلي) */
body.theme-almawred.pg-training-courses #common-banner-section-image{background:linear-gradient(120deg,#10233d 0%,#1764a4 100%)}
body.theme-almawred.pg-training-courses #common-banner-section-image::before{display:none}
body.theme-almawred.pg-training-courses #common-banner-section-image .common-banner-section-box{padding:34px 0 60px}
body.theme-almawred.pg-training-courses #common-banner-section-image .common-banner-text{max-width:860px}
body.theme-almawred.pg-training-courses #searresultscourses-btn2{background:#fbc708!important;border-color:#fbc708!important;color:#10233d!important}
body.theme-almawred.pg-training-courses #common-filter-box-modal-one .menu-two.purple-color{background:#fbc708!important;border-color:#fbc708!important;color:#10233d!important}
body.theme-almawred.pg-training-courses .courselisting .btn-primary{background:#10233d!important;border-color:#10233d!important;color:#fff!important}
body.theme-almawred.pg-training-courses .courselisting:hover .btn-primary{background:#1764a4!important;border-color:#1764a4!important;color:#fff!important}

/* --- training-courses fix a5af087ee1c4af5d0e0963878b004814 --- */
/* أيقونات بيانات الكارت الخاصة بالمعهد (طلب 2026-09-07): calendar-event / translate / people-fill / geo-alt-fill / building-fill */
body.theme-almawred.pg-training-courses .course-date .bi-calendar-check-fill::before{content:"\f1e8"}
body.theme-almawred.pg-training-courses .course-language .bi-flag-fill::before{content:"\f658"}
body.theme-almawred.pg-training-courses .course-language .bi-bookmarks-fill::before{content:"\f4cf"}
body.theme-almawred.pg-training-courses .course-location .bi-signpost-split-fill::before{content:"\f3e7"}
body.theme-almawred.pg-training-courses .course-time .bi-signpost-split-fill::before{content:"\f876"}

/* --- training-courses fix f184eadda4e72def2e03562fbf53145f --- */
/* زر Clear بنفس شكل الحقل اللي جنبه (طلب 2026-09-07) */
body.theme-almawred.pg-training-courses #common-filter-box-modal-one .menu-two.darkblue-color{background:#f4f6f9!important;border:1px solid #d8dee7!important;color:#10233d!important;border-radius:20px;padding:0 16px}
body.theme-almawred.pg-training-courses #common-filter-box-modal-one .menu-two.darkblue-color:hover{background:#1764a4!important;border-color:#1764a4!important;color:#fff!important}

/* --- training-courses fix 9353af489abb08c7e3dc0d1b8ad335b0 --- */
/* حقول الفلتر بتترندر بزوايا 4px (الثيم بيفرضها) فزر Clear ياخد نفس الاستدارة */
body.theme-almawred.pg-training-courses #common-filter-box-modal-one .menu-two.darkblue-color{border-radius:4px}

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

/* --- training-courses fix 3b45ee0f5615b07646c65573c724cbc0 --- */
/* ===== الدورات الداخلية — المورد: الخطوات صف أفقي بثلاث محطات وخط أصفر بينها، المزايا شبكة 2×2 من بلاطات زرقاء فاتحة، الزر في المنتصف (2026-09-07) ===== */
body.theme-almawred .inst-ih-grid{grid-template-columns:1fr;gap:30px}
body.theme-almawred .inst-ih-steps,body.theme-almawred .inst-ih-benefits{border:0;box-shadow:none;background:transparent;padding:0}
body.theme-almawred .inst-ih-h{text-align:center;padding-bottom:0;font-size:1.5rem}
body.theme-almawred .inst-ih-h::after{inset-inline-start:50%;transform:translateX(-50%);background:#fbc708;bottom:-8px}
body.theme-almawred .inst-ih-list{grid-template-columns:repeat(3,1fr);gap:24px;position:relative;margin-top:30px}
body.theme-almawred .inst-ih-list::before{content:'';position:absolute;top:26px;left:16%;right:16%;height:3px;background:#fbc708;border-radius:2px}
body.theme-almawred .inst-ih-list li{flex-direction:column;align-items:center;text-align:center;position:relative}
body.theme-almawred .inst-ih-num{width:54px;height:54px;background:#10233d;border:4px solid #fbc708;font-size:1.2rem}
body.theme-almawred .inst-ih-checks{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:26px}
body.theme-almawred .inst-ih-checks li{background:#eef3f9;border-radius:12px;padding:16px 18px}
body.theme-almawred .inst-ih-checks li .bi{color:#1764a4}
body.theme-almawred .inst-ih-benefits{text-align:center}
body.theme-almawred .inst-ih-cta{background:#fbc708!important;border-color:#fbc708!important;color:#10233d!important;border-radius:30px;padding:12px 32px;margin-top:8px}

/* --- training-courses fix 9cfc93069f36432ef620be31116c2d9b --- */
/* لمسة فنية (2026-09-07): المورد — محطات بظل أصفر ناعم ترتفع عند المرور، البلاطات بظل وحد أصفر عند المرور، خلفية بتدرّج فاتح */
body.theme-almawred .inst-ih{background:linear-gradient(180deg,#f4f6f9,#fff)}
body.theme-almawred .inst-ih-num{box-shadow:0 8px 20px rgba(251,199,8,.35);transition:transform .25s}
body.theme-almawred .inst-ih-list li:hover .inst-ih-num{transform:translateY(-4px) scale(1.06)}
body.theme-almawred .inst-ih-checks li{border:1px solid transparent;transition:transform .2s,border-color .2s,box-shadow .2s}
body.theme-almawred .inst-ih-checks li:hover{transform:translateY(-3px);border-color:#fbc708;box-shadow:0 10px 24px rgba(16,35,61,.1)}
body.theme-almawred .inst-ih-cta{box-shadow:0 8px 20px rgba(251,199,8,.4)}

/* --- banner-icon = banner-image (2026-09-07) --- */
/* صفحة التخصص بانرها #common-banner-section-icon بنفس بنية بانر الصورة → نفس تصميم بانر الثيم */
body.theme-almawred.pg-training-courses #common-banner-section-icon .background-listing{background:linear-gradient(120deg,#10233d 0%,#1764a4 100%);border-radius:0;padding-bottom:44px}
body.theme-almawred.pg-training-courses #common-banner-section-icon .background-listing:before{display:none}
body.theme-almawred.pg-training-courses #common-banner-section-icon .common-banner-image{display:none}
body.theme-almawred.pg-training-courses #common-banner-section-icon .common-banner-text{width:100%;float:none;max-width:860px}
body.theme-almawred.pg-training-courses #common-banner-section-icon h1{color:#fff;font-size:34px;padding-bottom:12px;position:relative}
body.theme-almawred.pg-training-courses #common-banner-section-icon h1:after{content:'';display:block;width:72px;height:5px;background:#fbc708;margin-top:12px;border-radius:3px}
body.theme-almawred.pg-training-courses #common-banner-section-icon p{color:#dfe7f2;text-align:start}
body.theme-almawred.pg-training-courses #common-banner-section-icon{background:linear-gradient(120deg,#10233d 0%,#1764a4 100%)}
body.theme-almawred.pg-training-courses #common-banner-section-icon::before{display:none}
body.theme-almawred.pg-training-courses #common-banner-section-icon .common-banner-section-box{padding:34px 0 60px}
body.theme-almawred.pg-training-courses #common-banner-section-icon .common-banner-text{max-width:860px}

/* --- training-courses fix adfc67469ebc31d77cde451226333af1 --- */
/* ===== الصفحات الداخلية — المورد (2026-09-07): عن المعهد = ثلاث أعمدة بخط أصفر علوي وأرقام كبيرة؛ الأسئلة = أكورديون بأرقام صفراء؛ الدورات العامة = مزايا في صف بخط أصفر؛ العملاء = بلاطات مستديرة ===== */
body.theme-almawred .inst-about-pillar{border-top:4px solid #fbc708;border-radius:0 0 12px 12px;position:relative;overflow:hidden}
body.theme-almawred .inst-about-pillar::after{content:attr(data-n);position:absolute;inset-inline-end:14px;top:6px;font-size:3.6rem;font-weight:800;color:rgba(23,100,164,.08);line-height:1}
body.theme-almawred .inst-about-pillar .bi{color:#1764a4}
body.theme-almawred .inst-about-offer{border-radius:30px;padding:14px 22px}
body.theme-almawred .inst-about-offer > .bi{background:#fbc708;color:#10233d;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
body.theme-almawred .inst-about-h::after,body.theme-almawred .inst-faq-h::after,body.theme-almawred .inst-pub-h::after,body.theme-almawred .inst-clients-h::after{background:#fbc708}
body.theme-almawred .inst-faq-item{border-radius:30px}
body.theme-almawred .inst-faq-item summary::before{content:'';width:10px;height:10px;border-radius:50%;background:#fbc708;flex:0 0 auto;margin-inline-end:10px}
body.theme-almawred .inst-faq-item summary{justify-content:flex-start}
body.theme-almawred .inst-faq-item summary .bi{margin-inline-start:auto}
body.theme-almawred .inst-pub-feat{border-top:4px solid #fbc708;border-radius:0 0 12px 12px}
body.theme-almawred .inst-clients-grid li{border-radius:50px;padding:22px 10px}
body.theme-almawred .inst-clients-grid li .bi{color:#1764a4}

/* --- training-courses fix bb9291f01a26fd380dc085cd21f22924 --- */
/* ===== قوائم التخصصات/المدن/المقالات — المورد (2026-09-07): بلاطات مدوّرة 14px، أيقونة التخصص في دائرة صفراء، المدن بصورة وشارة صفراء، المقالات بتاريخ كبسولة صفراء ===== */
body.theme-almawred.pg-training-courses .categorymain-listing-wrap-box > .box2,body.theme-almawred.pg-training-courses .citymain-listing-wrap-box .box2,body.theme-almawred.pg-training-courses .common-listing-wrap-box > .box2{border-radius:14px;border-color:#d8dee7;transition:transform .2s,box-shadow .2s,border-color .2s}
body.theme-almawred.pg-training-courses .categorymain-listing-wrap-box > .box2:hover,body.theme-almawred.pg-training-courses .citymain-listing-wrap-box .box2:hover,body.theme-almawred.pg-training-courses .common-listing-wrap-box > .box2:hover{transform:translateY(-4px);box-shadow:0 14px 28px rgba(16,35,61,.12);border-color:#1764a4}
body.theme-almawred.pg-training-courses .categorypage-icon{background:#fbc708;border-radius:50%;padding:12px}
body.theme-almawred.pg-training-courses .categorypage-content a,body.theme-almawred.pg-training-courses .widget-content a{color:#1764a4}
body.theme-almawred.pg-training-courses .widget-content p{background:#fbc708;color:#10233d;display:inline-block;padding:2px 10px;border-radius:20px;font-weight:700}
body.theme-almawred.pg-training-courses .common-listing-wrap-box .course-date{background:#f4f6f9;border-radius:20px;padding:3px 12px;margin:0 16px;width:max-content}

/* --- training-courses fix 82353aa6ea1376dde0a57ffc8c671f1b --- */
/* ===== التنزيلات/اتصل بنا/كتلة تواصل الدورة — المورد (2026-09-07): كبسولات مدوّرة وأيقونات في دوائر صفراء ===== */
body.theme-almawred .inst-dl-item,body.theme-almawred .inst-dl-request,body.theme-almawred .inst-contact-card,body.theme-almawred .inst-cra{border-radius:30px;border-color:#d8dee7}
body.theme-almawred .inst-dl-item > .bi,body.theme-almawred .inst-contact-list li .bi,body.theme-almawred .inst-cra-head > .bi{background:#fbc708;color:#10233d;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem}
body.theme-almawred .inst-dl-arrow,body.theme-almawred .inst-cra-list li .bi{color:#1764a4}
body.theme-almawred .inst-dl-h::after{background:#fbc708}

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

/* --- training-courses fix 88ef0333cf4afb10df65725ac5f8cea3 --- */
/* ===== Course Finder — المورد (2026-09-07): صندوق البحث كبسولة بيضاء راكبة على البانر بحقول مدوّرة وزر أصفر ===== */
body.theme-almawred.pg-training-courses #fc-search .search-wrap{margin-top:-30px;border-radius:40px;box-shadow:0 12px 30px rgba(16,35,61,.14);border:1px solid #d8dee7;padding:18px 24px}
body.theme-almawred.pg-training-courses #fc-search .form-control,body.theme-almawred.pg-training-courses #fc-search .chosen-choices,body.theme-almawred.pg-training-courses #fc-search select{border-radius:20px!important;border:1px solid #d8dee7!important;background:#f4f6f9!important}
body.theme-almawred.pg-training-courses #fc-search .search-btns{background:#fbc708!important;border-color:#fbc708!important;color:#10233d!important;border-radius:50%}

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

/* --- training-courses fix af3e954145cd74ff35adbd4b2a162d1c --- */
/* ===== قائمة التخصصات — المورد (2026-09-07، بدون أيقونات): بلاطات مدوّرة برقم أصفر كبير في دائرة، 3 أعمدة ===== */
body.theme-almawred.pg-training-courses #categorymain-listing-section .row.text-left{grid-template-columns:repeat(3,1fr);gap:18px}
body.theme-almawred.pg-training-courses .categorymain-listing-wrap-box > .box2{border-radius:16px;padding:20px 22px;gap:16px}
body.theme-almawred.pg-training-courses .categorymain-listing-wrap-box > .box2::before{content:counter(instcat,decimal-leading-zero);counter-increment:instcat;flex:0 0 52px;width:52px;height:52px;border-radius:50%;background:#fbc708;color:#10233d;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.05rem}
body.theme-almawred.pg-training-courses .categorypage-content h6{font-size:1rem}

/* --- training-courses fix dcf787313677f2d752d64a806b08d355 --- */
/* ===== نماذج التسجيل/طلب الدورة الداخلية — المورد (2026-09-07): رؤوس المراحل كحلية بشريط أصفر ورقم دائري، حقول مدوّرة ===== */
body.theme-almawred.pg-training-courses #register-section .tabHead{background:#10233d;border-radius:14px 14px 0 0;box-shadow:inset 0 -4px 0 #fbc708;padding:14px 22px}
body.theme-almawred.pg-training-courses #register-section .tabContent{border:1px solid #d8dee7;border-radius:0 0 14px 14px}
body.theme-almawred.pg-training-courses #register-section .form-control{border-radius:20px;border-color:#d8dee7;background:#f4f6f9}
body.theme-almawred.pg-training-courses .inst-form-side-card{border-radius:14px;border-top:4px solid #fbc708}
body.theme-almawred.pg-training-courses .inst-form-side-list li .bi{background:#fbc708;color:#10233d}

/* --- training-courses fix b36e90d291ae013627d05b513e29d30e --- */
body.theme-almawred.pg-training-courses #register-section .tabHead{background:#10233d!important;border-radius:14px 14px 0 0!important;box-shadow:inset 0 -4px 0 #fbc708!important;padding:14px 22px!important}

/* --- training-courses fix a3e18e536adc8a36eb79591e79829b7b --- */
body.theme-almawred.pg-training-courses #register-section .tabContent{border:1px solid #d8dee7!important;border-radius:0 0 14px 14px!important}

/* --- training-courses fix 528527f7d7fae9629e17831e9e07dee6 --- */
/* ===== صفحة المقال/المدونة — المورد (2026-09-07): بطاقة مدوّرة بخط أصفر جانبي للعنوان، التاريخ كبسولة صفراء، المرتبطة كبسولات ===== */
body.theme-almawred.pg-post-page .blog-webinar-articles-details-left .box{border-radius:16px;border-color:#d8dee7}
body.theme-almawred.pg-post-page .blog-webinar-articles-details-left .box h1{padding-inline-start:16px;border-inline-start:5px solid #fbc708}
body.theme-almawred.pg-post-page .blog-webinar-articles-details-left .box .course-date{background:#fbc708;color:#10233d;border-radius:20px;padding:3px 12px;display:inline-block}
body.theme-almawred.pg-post-page .blog-webinar-articles-details-right .box2{border-radius:30px}

/* --- training-courses fix 432a5416136fd57244048a20606d5990 --- */
/* ===== تفاصيل الدورة — المورد (2026-09-07): تبويبات كبسولية بنشاط أصفر، بطاقات جدول مدوّرة بخط أصفر ===== */
body.theme-almawred.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link{border-radius:30px;background:#f4f6f9;color:#10233d}
body.theme-almawred.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link.active{background:#10233d;color:#fff;box-shadow:inset 0 -4px 0 #fbc708}
body.theme-almawred.pg-training-courses #coursedetails-content-section .tab-content{border-radius:16px}
body.theme-almawred.pg-training-courses .session-card{border-radius:14px!important;border-top:4px solid #fbc708!important}

/* --- training-courses fix 702139e262cd6657e0b952d236798cc1 --- */
body.theme-almawred.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link{border-radius:30px!important;background:#f4f6f9!important;color:#10233d!important}

/* --- training-courses fix d4a1fdfc04bb152a5df43835813f625b --- */
body.theme-almawred.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link.active{background:#10233d!important;color:#fff!important;box-shadow:inset 0 -4px 0 #fbc708!important}

/* --- training-courses fix 198395f4c49bada8e1fa1a7179fec831 --- */
/* المساحة اللي تحت نهاية الصفحة في الشاشة الطويلة: بتاخد لون شريط الحقوق بدل
   الرمادي الفاتح، فالصفحة القصيرة ما تسيبش شريط أبيض تحت التذييل. */
html.theme-almawred{background:#1764a4}

/* ============================================================
   تفاصيل الدورة — المورد (2026-09-08): تخطيط "العمود الجانبي"
   ------------------------------------------------------------
   التبويبات بقت قائمة رأسية في عمود على الشمال (اليمين في العربي)،
   وتحتها بعد خط فاصل أزرار الصفحة مرصوصة فوق بعض. المحتوى في عمود
   واسع جنبه وكتلة التواصل فوقه. الماركب زي ما هو (tab-pane / nav-link
   بنفس الـ id) — بوتستراب لسه هو اللي بيبدّل التبويبات.
   كله متقيّد بـ body.theme-almawred عشان ميلمسش أي معهد تاني ولا المعهد.
   ============================================================ */

/* نسخة الموبايل من الأزرار بس تحت 993px — على الديسكتوب الأزرار في العمود الجانبي */
@media (min-width:993px){
  body.theme-almawred.pg-training-courses #coursedetails-buttons-section{display:none!important}
}

body.theme-almawred.pg-training-courses #coursedetails-content-section{padding-top:26px}
body.theme-almawred.pg-training-courses .mw-cd{margin:0}
body.theme-almawred.pg-training-courses .mw-cd-grid{display:block}

@media (min-width:993px){
  body.theme-almawred.pg-training-courses .mw-cd-grid{
    display:grid;
    grid-template-columns:296px minmax(0,1fr);
    gap:26px;
    align-items:start;
  }
}

/* ---------- العمود الجانبي ---------- */
body.theme-almawred.pg-training-courses .mw-cd-rail{
  background:#fff;
  border:1px solid var(--mw-line,#d8dee7);
  border-top:3px solid var(--site-primary,#1764a4);
  box-shadow:0 10px 26px rgba(16,35,61,.07);
  overflow:hidden;
  position:sticky;
  top:18px;
}

body.theme-almawred.pg-training-courses .mw-cd-nav-title{
  background:var(--mw-ink,#10233d);
  color:#fff;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  padding:11px 18px;
  text-align:start;
}
body.theme-almawred.pg-training-courses .mw-cd-rail-actions-title{
  color:#6b7580;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.13em;
  text-transform:uppercase;
  padding:0 0 10px;
  text-align:start;
}

body.theme-almawred.pg-training-courses .mw-cd .nav-tabs{
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  border:0!important;
  margin:0!important;
}

body.theme-almawred.pg-training-courses .mw-cd .nav-tabs .nav-link{
  position:relative;
  display:flex!important;
  align-items:center;
  gap:11px;
  width:100%;
  border:0!important;
  border-bottom:1px solid #edf0f4!important;
  border-radius:0!important;
  background:#fff!important;
  color:var(--mw-ink,#10233d)!important;
  padding:14px 18px 14px 22px!important;
  margin:0!important;
  font-size:.855rem;
  font-weight:600;
  line-height:1.3;
  text-align:start;
  box-shadow:none!important;
  transition:background .18s ease,color .18s ease;
}
body.theme-almawred[dir="rtl"].pg-training-courses .mw-cd .nav-tabs .nav-link{
  padding:14px 22px 14px 18px!important;
}
body.theme-almawred.pg-training-courses .mw-cd .nav-tabs .nav-link:last-child{border-bottom:0!important}

body.theme-almawred.pg-training-courses .mw-cd .nav-tabs .nav-link::before{
  content:"";
  position:absolute;
  inset-inline-start:0;
  top:0;
  bottom:0;
  width:4px;
  background:#fbc708;
  transform:scaleY(0);
  transform-origin:center;
  transition:transform .18s ease;
}
body.theme-almawred.pg-training-courses .mw-cd .nav-tabs .nav-link i{
  font-size:16px;
  line-height:1;
  flex:0 0 18px;
  position:static!important;
  top:auto!important;
  height:auto!important;
  width:auto!important;
  margin:0!important;
  color:var(--site-primary,#1764a4)!important;
  transition:color .18s ease;
}
body.theme-almawred.pg-training-courses .mw-cd .nav-tabs .nav-link span{flex:1 1 auto}

body.theme-almawred.pg-training-courses .mw-cd .nav-tabs .nav-link:hover{
  background:var(--mw-bg,#f4f6f9)!important;
  color:var(--mw-ink,#10233d)!important;
}
body.theme-almawred.pg-training-courses .mw-cd .nav-tabs .nav-link:hover::before{transform:scaleY(1)}

body.theme-almawred.pg-training-courses .mw-cd .nav-tabs .nav-link.active{
  background:var(--mw-ink,#10233d)!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.theme-almawred.pg-training-courses .mw-cd .nav-tabs .nav-link.active::before{transform:scaleY(1)}
body.theme-almawred.pg-training-courses .mw-cd .nav-tabs .nav-link.active i{color:#fbc708!important}

/* ---------- الأزرار المرصوصة تحت الخط الفاصل ---------- */
body.theme-almawred.pg-training-courses .mw-cd-rail-actions{
  border-top:1px solid var(--mw-line,#d8dee7);
  background:var(--mw-bg,#f4f6f9);
  padding:16px 16px 18px;
}
body.theme-almawred.pg-training-courses .mw-cd-rail-actions .custom-outline-box-desktop{
  display:flex!important;
  flex-direction:column;
  align-items:stretch;
  gap:8px;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  width:100%;
  max-width:none;
}
body.theme-almawred.pg-training-courses .mw-cd-rail-actions form{
  display:block!important;
  float:none!important;
  width:100%;
  margin:0!important;
}
body.theme-almawred.pg-training-courses .mw-cd-rail-actions .clearfix{display:none}

body.theme-almawred.pg-training-courses .mw-cd-rail-actions .btn{
  display:flex!important;
  align-items:center;
  justify-content:center;
  text-align:center;
  width:100%;
  float:none!important;
  margin:0!important;
  min-height:42px;
  height:auto!important;
  padding:10px 12px!important;
  border-radius:0!important;
  font-size:.82rem!important;
  font-weight:700;
  line-height:1.25!important;
  white-space:normal;
  box-shadow:none!important;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
}

/* الافتراضي: زر مفرّغ بحدود رمادية ونص كحلي */
body.theme-almawred.pg-training-courses .mw-cd-rail-actions .btn-primary-outline{
  background:#fff!important;
  border:1px solid var(--mw-line,#d8dee7)!important;
  color:var(--mw-ink,#10233d)!important;
}
body.theme-almawred.pg-training-courses .mw-cd-rail-actions .btn-primary-outline:hover{
  background:var(--mw-ink,#10233d)!important;
  border-color:var(--mw-ink,#10233d)!important;
  color:#fff!important;
}

/* أول فورم = طلب دورة داخلية: كحلي مصمت */
body.theme-almawred.pg-training-courses .mw-cd-rail-actions .custom-outline-box-desktop > form:first-child .btn{
  background:var(--mw-ink,#10233d)!important;
  border:1px solid var(--mw-ink,#10233d)!important;
  color:#fff!important;
}
body.theme-almawred.pg-training-courses .mw-cd-rail-actions .custom-outline-box-desktop > form:first-child .btn:hover{
  background:#1b3557!important;
  border-color:#1b3557!important;
}

/* سجّل الآن: أصفر مصمت وأبرز زر في العمود */
body.theme-almawred.pg-training-courses .mw-cd-rail-actions .btn-primary{
  background:#fbc708!important;
  border:1px solid #fbc708!important;
  color:var(--mw-ink,#10233d)!important;
  min-height:46px;
  font-size:.88rem!important;
  margin-top:4px!important;
}
body.theme-almawred.pg-training-courses .mw-cd-rail-actions .btn-primary:hover{
  background:#e6b503!important;
  border-color:#e6b503!important;
}

/* ---------- عمود المحتوى ---------- */
body.theme-almawred.pg-training-courses .mw-cd-main{min-width:0}
body.theme-almawred.pg-training-courses .mw-cd-main .inst-cra--desktop{
  position:static!important;
  inset-inline-end:auto!important;
  top:auto!important;
  max-width:none!important;
  width:100%;
  margin:0 0 14px!important;
  border-radius:0!important;
  border:1px solid var(--mw-line,#d8dee7)!important;
  border-top:3px solid #fbc708!important;
  box-shadow:none!important;
}

body.theme-almawred.pg-training-courses .mw-cd-main .tab-content{
  background:#fff;
  border:1px solid var(--mw-line,#d8dee7);
  border-top:3px solid var(--site-primary,#1764a4);
  border-radius:0!important;
  box-shadow:0 10px 26px rgba(16,35,61,.07);
  padding:26px 30px;
  margin:0;
  min-height:420px;
}

/* --- تفاصيل الدورة / العمود الجانبي: رفع الأولوية فوق قواعد الـ id الأقدم --- */
/* القواعد الأقدم في الملف ده و_institute.css بتستخدم #coursedetails-content-section،
   فلازم نفس الـ id في المحدِّد عشان الكبسولات المدوّرة والخط الأصفر ميرجعوش. */

body.theme-almawred.pg-training-courses #coursedetails-content-section nav.mw-cd-nav{
  display:block!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  margin:0!important;
}
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-nav-title{
  display:block;
  width:100%;
}

body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd .nav-tabs{
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  gap:0!important;
  border:0!important;
  margin:0!important;
}

body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd .nav-tabs .nav-link{
  border:0!important;
  border-bottom:1px solid #edf0f4!important;
  border-radius:0!important;
  background:#fff!important;
  color:var(--mw-ink,#10233d)!important;
  padding:14px 18px 14px 22px!important;
  margin:0!important;
  box-shadow:none!important;
}
body.theme-almawred[dir="rtl"].pg-training-courses #coursedetails-content-section .mw-cd .nav-tabs .nav-link{
  padding:14px 22px 14px 18px!important;
}
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd .nav-tabs .nav-link:last-child{
  border-bottom:0!important;
}
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd .nav-tabs .nav-link:hover{
  background:var(--mw-bg,#f4f6f9)!important;
}
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd .nav-tabs .nav-link.active{
  background:var(--mw-ink,#10233d)!important;
  color:#fff!important;
  box-shadow:none!important;
  border-radius:0!important;
}
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd .nav-tabs .nav-link i{
  color:var(--site-primary,#1764a4)!important;
}
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd .nav-tabs .nav-link.active i{
  color:#fbc708!important;
}

/* الأزرار: زر الدورة الداخلية بيحمل #searresultscourses-btn2 زي زر التسجيل،
   فبنفرّق بينهم بأول فورم في العمود ونستخدم الـ id عشان نغلب قواعد الماركة. */
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-rail-actions .btn,
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-rail-actions #searresultscourses-btn2{
  border-radius:0!important;
  width:100%;
  float:none!important;
  margin:0!important;
}
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-rail-actions .custom-outline-box-desktop > form:first-child #searresultscourses-btn2{
  background:var(--mw-ink,#10233d)!important;
  border:1px solid var(--mw-ink,#10233d)!important;
  color:#fff!important;
}
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-rail-actions .custom-outline-box-desktop > form:first-child #searresultscourses-btn2:hover{
  background:#1b3557!important;
  border-color:#1b3557!important;
}
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-rail-actions .custom-outline-box-desktop > form:last-of-type #searresultscourses-btn2{
  background:#fbc708!important;
  border:1px solid #fbc708!important;
  color:var(--mw-ink,#10233d)!important;
  min-height:46px;
  font-size:.88rem!important;
  margin-top:4px!important;
}
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-rail-actions .custom-outline-box-desktop > form:last-of-type #searresultscourses-btn2:hover{
  background:#e6b503!important;
  border-color:#e6b503!important;
}

body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .tab-content{
  border-radius:0!important;
}

/* --- تفاصيل الدورة / العمود الجانبي: بطاقات الجدول جوّه العمود الأضيق --- */
/* عمود المحتوى أضيق من قبل، وبطاقة الجلسة كانت بتحط السعر absolute فوق التواريخ
   فالنص كان بيتراكب. هنا السعر بقى في السياق العادي فوق التفاصيل، والبطاقات
   بقت اتنين في الصف على الشاشات الواسعة وواحدة تحت 1300px. */

body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .session-card-wrapper > [class*="col-"]{
  flex:0 0 100%!important;
  max-width:100%!important;
}
@media (min-width:1300px){
  body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .session-card-wrapper > [class*="col-"]{
    flex:0 0 50%!important;
    max-width:50%!important;
  }
}

body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .session-card{
  border-radius:0!important;
  border:1px solid var(--mw-line,#d8dee7)!important;
  border-top:3px solid #fbc708!important;
  box-shadow:none!important;
  transition:box-shadow .2s ease!important;
  padding:16px 18px!important;
}
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .session-card:hover{
  transform:none!important;
  box-shadow:0 10px 26px rgba(16,35,61,.09)!important;
}

/* السعر: من absolute لعنصر عادي فوق التفاصيل — بيمنع أي تراكب مهما ضاق العمود */
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .session-card .price-box{
  position:static!important;
  top:auto!important;
  right:auto!important;
  left:auto!important;
  display:block;
  width:100%;
  text-align:start!important;
  margin-bottom:14px;
  border:0!important;
  padding:0!important;
  background:transparent!important;
}
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .session-card .price-tag{
  display:flex!important;
  align-items:center;
  gap:12px;
  width:100%;
  border-radius:0!important;
  border:1px solid var(--mw-line,#d8dee7)!important;
  background:var(--mw-bg,#f4f6f9)!important;
  padding:9px 12px!important;
}
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .session-card .price-tag .clearfix{display:none}
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .session-card .feestoggle-select{
  border-radius:0!important;
  background:#fff!important;
}
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .session-card .btn{
  border-radius:0!important;
  font-weight:700!important;
}
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .session-card .course-detail{
  overflow-wrap:anywhere;
}

/* عناوين السنة داخل تبويب الجدول */
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .year-heading{
  font-size:1.05rem!important;
  font-weight:800!important;
  color:var(--mw-ink,#10233d)!important;
  text-transform:uppercase;
  letter-spacing:.02em;
  padding-inline-start:12px;
  border-inline-start:4px solid #fbc708;
}

/* --- تفاصيل الدورة / العمود الجانبي: كتلة "لا توجد جلسات" لسنة حالية --- */
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .fee-box-wrap-2022{
  background:var(--mw-bg,#f4f6f9)!important;
  border:1px solid var(--mw-line,#d8dee7)!important;
  border-radius:0!important;
  padding:16px 18px!important;
  box-shadow:none!important;
}
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .schedulehead-h4{
  font-size:1.05rem!important;
  font-weight:800!important;
  color:var(--mw-ink,#10233d)!important;
  text-transform:uppercase;
  letter-spacing:.02em;
  padding-inline-start:12px;
  border-inline-start:4px solid #fbc708;
  margin-bottom:10px!important;
}
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .custom-text-no-course p{
  margin:0;
  color:#41505f;
}


/* --- تفاصيل الدورة / العمود الجانبي: تبويب التعلّم الافتراضي (والحضوري في نسخة الأونلاين) --- */
/* الكاروسيل بيحسب عرض العناصر على عرض الشاشة، فجوّه العمود الأضيق البطاقات
   بتطلع مضغوطة جدًا. هنا بنحوّله لشبكة ثابتة — عدد الدورات هنا صغير عادةً. */
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .common-slider .owl-stage-outer{
  height:auto!important;
  overflow:visible!important;
}
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .common-slider .owl-stage{
  width:auto!important;
  transform:none!important;
  display:flex!important;
  flex-wrap:wrap;
  gap:18px;
  padding:0!important;
}
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .common-slider .owl-item{
  width:calc(33.333% - 12px)!important;
  margin:0!important;
  flex:0 0 calc(33.333% - 12px);
}
@media (max-width:1299px){
  body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .common-slider .owl-item{
    width:calc(50% - 9px)!important;
    flex:0 0 calc(50% - 9px);
  }
}
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .common-slider .owl-item.cloned{display:none!important}
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .common-slider .owl-nav,
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .common-slider .owl-dots{display:none!important}
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .common-slider .courselisting-normal{
  border-radius:0!important;
  height:100%;
}

/* ============================================================
   المورد — الصفحات الداخلية المشتركة: تصميم "Editorial two-column"
   (2026-09-08)
   ------------------------------------------------------------
   عمود قراءة عريض + فهرس ضيّق لاصق على الجنب. لا كروت ولا صناديق:
   خطوط شعرة أفقية بين الصفوف، وخطوط رأسية بين مداخل الشريط المرقّم.
   كل حاجة هنا مربوطة بـbody.theme-almawred فمستحيل توصل لالمعهد أو
   لأي ثيم تاني، وكلها منطقية-الاتجاه (inline-start/end) عشان العربي.
   ============================================================ */

body.theme-almawred {
    --mw-ed-muted: #64748b;
    --mw-ed-hair: #dfe4ec;
    --mw-ed-body: #48586e;
}

/* --- افتتاحية البانر ---------------------------------------------------
   تصحيح 2026-09-08: الأساس المشترك بيقصّ نص البانر على 58%، والثيم كان
   بيقصّه على 860px، فنص البانر كان بيفضل فاضي. على الصفحات التحريرية بتاعة
   المورد النص بياخد عرض البانر كله. والاتجاه منطقي (inline-start) فالعربي
   بيقلب من غير أي قاعدة يمين/شمال. */
body.theme-almawred.page-about #common-banner-section-image .common-banner-text,
body.theme-almawred.page-faq #common-banner-section-image .common-banner-text,
body.theme-almawred.page-downloads #common-banner-section-image .common-banner-text,
body.theme-almawred.page-services #common-banner-section-image .common-banner-text,
body.theme-almawred.page-contact #common-banner-section-image .common-banner-text {
    max-width: none;
    width: 100%;
}
/* بانر مضغوط: الفراغ الرأسي اللي تحت الافتتاحية كان بيخلّي البانر يبان نص فاضي. */
body.theme-almawred.page-about #common-banner-section-image .common-banner-section-box,
body.theme-almawred.page-faq #common-banner-section-image .common-banner-section-box,
body.theme-almawred.page-downloads #common-banner-section-image .common-banner-section-box,
body.theme-almawred.page-services #common-banner-section-image .common-banner-section-box,
body.theme-almawred.page-contact #common-banner-section-image .common-banner-section-box {
    padding: 30px 0 34px;
}
body.theme-almawred.page-about #common-banner-section-image .background-listing,
body.theme-almawred.page-faq #common-banner-section-image .background-listing,
body.theme-almawred.page-downloads #common-banner-section-image .background-listing,
body.theme-almawred.page-services #common-banner-section-image .background-listing,
body.theme-almawred.page-contact #common-banner-section-image .background-listing {
    padding-bottom: 0;
}

body.theme-almawred .mw-ed-lede {
    display: block;
    border-inline-start: 3px solid var(--site-accent, #fbc708);
    padding-inline-start: 18px;
    max-width: 96ch;
    font-size: 1.02rem;
    line-height: 1.85;
    text-align: start;
}
body.theme-almawred .mw-ed-lede-name {
    color: var(--site-accent, #fbc708);
    font-weight: 800;
}
body.theme-almawred #common-banner-section-image .common-banner-text p.text-justify {
    text-align: start !important;
}

/* الافتتاحية بجزئين: عمود القراءة + اقتباس بارز من نفس المقدمة على الجهة التانية،
   عشان البانر ما يفضلش نصه فاضي. */
body.theme-almawred .mw-hero-lede {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
    align-items: start;
    gap: 0 44px;
    max-width: none;
    border-inline-start: 0;
    padding-inline-start: 0;
}
body.theme-almawred .mw-hero-lede-main {
    display: block;
    border-inline-start: 3px solid var(--site-accent, #fbc708);
    padding-inline-start: 18px;
    min-width: 0;
}
body.theme-almawred .mw-hero-pull {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 12px;
    border-inline-start: 1px solid rgba(255, 255, 255, .3);
    padding-inline-start: 34px;
    min-width: 0;
}
body.theme-almawred .mw-hero-pull-mark {
    font-size: 2.6rem;
    line-height: .72;
    font-weight: 800;
    color: var(--site-accent, #fbc708);
}
body.theme-almawred .mw-hero-pull-t {
    display: block;
    font-size: 1.16rem;
    line-height: 1.62;
    font-weight: 600;
    color: #fff;
}
@media (max-width: 991px) {
    body.theme-almawred .mw-hero-lede {
        grid-template-columns: 1fr;
        gap: 22px;
    }
    body.theme-almawred .mw-hero-pull {
        border-inline-start: 0;
        border-top: 1px solid rgba(255, 255, 255, .3);
        padding-inline-start: 0;
        padding-top: 18px;
    }
    body.theme-almawred .mw-hero-pull-t { font-size: 1.04rem; }
}

/* --- الهيكل: فهرس + عمود قراءة --- */
body.theme-almawred .mw-ed {
    background: #fff;
    padding: 56px 0 68px;
}
body.theme-almawred .mw-ed-shell {
    display: grid;
    /* تصحيح 2026-09-08: الفهرس كان 216px والهيكل مقصوص على 1120px، فكان
       بيفضل شريط فاضي طويل جنب الفهرس. الفهرس ضاق وعمود القراءة أخد الفراغ. */
    grid-template-columns: 172px minmax(0, 1fr);
    align-items: start;
    max-width: 1240px;
    margin-inline: auto;
}

/* الفهرس اللاصق */
body.theme-almawred .mw-ed-index {
    position: sticky;
    top: 96px;
    padding-inline-end: 28px;
}
body.theme-almawred .mw-ed-index-label {
    margin: 0 0 14px;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--mw-ed-muted);
}
body.theme-almawred[dir="rtl"] .mw-ed-index-label {
    letter-spacing: normal;
    font-size: .8rem;
}
body.theme-almawred .mw-ed-index-list {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 2px solid var(--mw-ink, #10233d);
}
body.theme-almawred .mw-ed-index-list li {
    border-bottom: 1px solid var(--mw-ed-hair);
}
body.theme-almawred .mw-ed-index-list a {
    display: flex;
    gap: 10px;
    align-items: baseline;
    padding: 11px 0;
    color: var(--mw-ink, #10233d);
    font-size: .92rem;
    font-weight: 600;
    line-height: 1.45;
    text-decoration: none;
}
body.theme-almawred .mw-ed-index-list a span {
    flex: 0 0 auto;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .06em;
    color: var(--site-primary, #1764a4);
}
body.theme-almawred .mw-ed-index-list a:hover {
    color: var(--site-primary, #1764a4);
}
body.theme-almawred .mw-ed-index-foot {
    margin: 16px 0 0;
    font-size: .74rem;
    line-height: 1.6;
    color: var(--mw-ed-muted);
    border-inline-start: 3px solid var(--site-accent, #fbc708);
    padding-inline-start: 10px;
}

/* عمود القراءة */
body.theme-almawred .mw-ed-col {
    border-inline-start: 1px solid var(--mw-ed-hair);
    padding-inline-start: 40px;
    min-width: 0;
}
body.theme-almawred .mw-ed-sec {
    padding-bottom: 46px;
    scroll-margin-top: 110px;
}
body.theme-almawred .mw-ed-sec + .mw-ed-sec {
    border-top: 2px solid var(--mw-ink, #10233d);
    padding-top: 44px;
}
body.theme-almawred .mw-ed-sec:last-child {
    padding-bottom: 0;
}

/* ترويسة القسم: رقم صغير + عنوان */
body.theme-almawred .mw-ed-head {
    margin: 0 0 26px;
}
body.theme-almawred .mw-ed-rule {
    display: block;
    width: 38px;
    height: 4px;
    background: var(--site-accent, #fbc708);
    margin: 0 0 14px;
}
body.theme-almawred .mw-ed-head h2 {
    margin: 0;
    font-size: 1.62rem;
    font-weight: 800;
    line-height: 1.25;
    color: var(--mw-ink, #10233d);
}

/* --- الشريط الأفقي المرقّم (رؤية / رسالة / قيم) --- */
body.theme-almawred .mw-ed-band {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
body.theme-almawred .mw-ed-band-item {
    padding-inline: 26px;
}
body.theme-almawred .mw-ed-band-item:first-child {
    padding-inline-start: 0;
}
body.theme-almawred .mw-ed-band-item:last-child {
    padding-inline-end: 0;
}
body.theme-almawred .mw-ed-band-item + .mw-ed-band-item {
    border-inline-start: 1px solid var(--mw-ed-hair);
}
body.theme-almawred .mw-ed-band-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 10px;
    margin-bottom: 14px;
    border-bottom: 1px solid var(--mw-ed-hair);
}
body.theme-almawred .mw-ed-band-n {
    font-size: 1.9rem;
    font-weight: 800;
    line-height: 1;
    color: var(--site-primary, #1764a4);
}
body.theme-almawred .mw-ed-band-top i {
    font-size: 1.05rem;
    line-height: 1;
    color: var(--mw-ink, #10233d);
    background: var(--site-accent, #fbc708);
    width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}
body.theme-almawred .mw-ed-band-item h3 {
    margin: 0 0 8px;
    font-size: 1.02rem;
    font-weight: 800;
    color: var(--mw-ink, #10233d);
}
body.theme-almawred .mw-ed-band-item p {
    margin: 0;
    font-size: .9rem;
    line-height: 1.75;
    color: var(--mw-ed-body);
}

/* --- صفوف بفواصل والسهم على الحافة --- */
body.theme-almawred .mw-ed-rows {
    border-top: 1px solid var(--mw-ed-hair);
}
body.theme-almawred .mw-ed-row {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr) 28px;
    align-items: center;
    gap: 20px;
    padding: 20px 14px;
    margin-inline: -14px;
    border-bottom: 1px solid var(--mw-ed-hair);
    text-decoration: none !important;
    transition: background .15s ease;
}
body.theme-almawred .mw-ed-row:hover {
    background: #f5f7fa;
}
body.theme-almawred .mw-ed-row-ico {
    font-size: 1.3rem;
    line-height: 1;
    color: var(--site-primary, #1764a4);
    text-align: center;
}
body.theme-almawred .mw-ed-row-body {
    display: block;
    min-width: 0;
}
body.theme-almawred .mw-ed-row-body strong {
    display: block;
    font-size: 1.02rem;
    font-weight: 800;
    color: var(--mw-ink, #10233d);
    margin-bottom: 3px;
}
body.theme-almawred .mw-ed-row-body span {
    display: block;
    font-size: .88rem;
    line-height: 1.7;
    color: #56657c;
}
body.theme-almawred .mw-ed-row-arrow {
    font-size: 1.05rem;
    color: var(--mw-ed-muted);
    text-align: center;
    transition: transform .15s ease, color .15s ease;
}
body.theme-almawred .mw-ed-row:hover .mw-ed-row-arrow {
    color: var(--site-primary, #1764a4);
    transform: translateX(4px);
}
body.theme-almawred[dir="rtl"] .mw-ed-row:hover .mw-ed-row-arrow {
    transform: translateX(-4px);
}

/* --- زر / نداء في آخر القسم --- */
body.theme-almawred .mw-ed-sec--cta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 20px 32px;
}
body.theme-almawred .mw-ed-sec--cta .mw-ed-head {
    margin: 0;
}
body.theme-almawred .mw-ed-cta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
}
body.theme-almawred .mw-ed-cta p {
    margin: 0;
    font-size: .95rem;
    color: var(--mw-ed-body);
    max-width: 48ch;
}
body.theme-almawred .mw-ed .btn {
    padding: 11px 26px;
    font-weight: 700;
    border-radius: 0 !important;
}

/* --- الشاشات الأصغر --- */
@media (max-width: 991px) {
    body.theme-almawred .mw-ed-shell {
        grid-template-columns: 1fr;
    }
    body.theme-almawred .mw-ed-index {
        position: static;
        padding-inline-end: 0;
        margin-bottom: 34px;
    }
    body.theme-almawred .mw-ed-col {
        border-inline-start: 0;
        padding-inline-start: 0;
    }
    body.theme-almawred .mw-ed-band {
        grid-template-columns: 1fr;
    }
    body.theme-almawred .mw-ed-band-item {
        padding-inline: 0 !important;
        padding-block: 20px;
    }
    body.theme-almawred .mw-ed-band-item + .mw-ed-band-item {
        border-inline-start: 0;
        border-top: 1px solid var(--mw-ed-hair);
    }
}
@media (max-width: 575px) {
    body.theme-almawred .mw-ed-row {
        grid-template-columns: 26px minmax(0, 1fr) 20px;
        gap: 12px;
    }
    body.theme-almawred .mw-ed-head h2 {
        font-size: 1.34rem;
    }
}

/* ------------------------------------------------------------
   المورد — مكوّنات "Editorial two-column" الباقية (2026-09-08)
   قائمة القطاعات، الأسئلة الشائعة، الخطوات، المزايا، الشروط،
   عمود اتصل بنا، وعمود النماذج الجانبي.
   ------------------------------------------------------------ */

/* سطر تحت عنوان القسم */
body.theme-almawred .mw-ed-sub {
    margin: 10px 0 0;
    font-size: .95rem;
    line-height: 1.8;
    color: var(--mw-ed-body);
    max-width: 58ch;
}

/* --- قائمة القطاعات: عمودان، رقم + أيقونة + اسم، خطوط شعرة --- */
body.theme-almawred .mw-ed-tick {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 40px;
    border-top: 1px solid var(--mw-ed-hair);
}
body.theme-almawred .mw-ed-tick li {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 15px 0;
    border-bottom: 1px solid var(--mw-ed-hair);
}
body.theme-almawred .mw-ed-tick-n {
    flex: 0 0 auto;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .06em;
    color: var(--mw-ed-muted);
    min-width: 20px;
}
body.theme-almawred .mw-ed-tick li i {
    flex: 0 0 auto;
    font-size: 1.06rem;
    line-height: 1;
    color: var(--site-primary, #1764a4);
}
body.theme-almawred .mw-ed-tick-t {
    font-size: .96rem;
    font-weight: 600;
    color: var(--mw-ink, #10233d);
}

/* --- الأسئلة الشائعة: صفوف بخطوط شعرة، بدون صناديق --- */
body.theme-almawred .mw-ed-qa {
    border-top: 1px solid var(--mw-ed-hair);
}
body.theme-almawred .mw-ed-qa-item {
    border-bottom: 1px solid var(--mw-ed-hair);
}
body.theme-almawred .mw-ed-qa-item > summary {
    display: flex;
    align-items: baseline;
    gap: 14px;
    padding: 17px 0;
    cursor: pointer;
    list-style: none;
}
body.theme-almawred .mw-ed-qa-item > summary::-webkit-details-marker {
    display: none;
}
body.theme-almawred .mw-ed-qa-n {
    flex: 0 0 auto;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .05em;
    color: var(--mw-ed-muted);
}
body.theme-almawred .mw-ed-qa-q {
    flex: 1 1 auto;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.55;
    color: var(--mw-ink, #10233d);
}
body.theme-almawred .mw-ed-qa-item > summary i {
    flex: 0 0 auto;
    font-size: .9rem;
    color: var(--site-primary, #1764a4);
    transition: transform .18s ease;
}
body.theme-almawred .mw-ed-qa-item[open] > summary i {
    transform: rotate(45deg);
}
body.theme-almawred .mw-ed-qa-item[open] > summary .mw-ed-qa-q {
    color: var(--site-primary, #1764a4);
}
body.theme-almawred .mw-ed-qa-a {
    padding: 0 0 20px;
    margin-inline-start: 52px;
    border-inline-start: 3px solid var(--site-accent, #fbc708);
    padding-inline-start: 16px;
}
body.theme-almawred .mw-ed-qa-a p {
    margin: 0;
    font-size: .93rem;
    line-height: 1.85;
    color: var(--mw-ed-body);
    max-width: 74ch;
}

/* --- خطوات "كيف نعمل": صفوف مرقّمة --- */
body.theme-almawred .mw-ed-steps {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--mw-ed-hair);
    counter-reset: none;
}
body.theme-almawred .mw-ed-steps li {
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr);
    gap: 20px;
    align-items: start;
    padding: 22px 0;
    border-bottom: 1px solid var(--mw-ed-hair);
}
body.theme-almawred .mw-ed-steps-n {
    font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.1;
    color: var(--site-primary, #1764a4);
    border-bottom: 3px solid var(--site-accent, #fbc708);
    padding-bottom: 5px;
    display: inline-block;
}
body.theme-almawred .mw-ed-steps-body strong {
    display: block;
    font-size: 1.02rem;
    font-weight: 800;
    color: var(--mw-ink, #10233d);
    margin-bottom: 5px;
}
body.theme-almawred .mw-ed-steps-body span {
    display: block;
    font-size: .92rem;
    line-height: 1.8;
    color: var(--mw-ed-body);
    max-width: 70ch;
}

/* --- مزايا الدورات الداخلية: علامة الصح على الحافة --- */
body.theme-almawred .mw-ed-checks {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--mw-ed-hair);
}
body.theme-almawred .mw-ed-checks li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 16px 0;
    border-bottom: 1px solid var(--mw-ed-hair);
    font-size: .98rem;
    line-height: 1.7;
    color: var(--mw-ink, #10233d);
}
body.theme-almawred .mw-ed-checks li i {
    flex: 0 0 auto;
    font-size: 1rem;
    color: var(--mw-ink, #10233d);
    background: var(--site-accent, #fbc708);
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* --- شروط التسجيل: العنوان في عمود جانبي والنص جنبه --- */
body.theme-almawred .mw-ed-dl {
    margin: 0;
    border-top: 1px solid var(--mw-ed-hair);
}
body.theme-almawred .mw-ed-dl > div {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 24px;
    padding: 20px 0;
    border-bottom: 1px solid var(--mw-ed-hair);
}
body.theme-almawred .mw-ed-dl dt {
    margin: 0;
    font-size: .98rem;
    font-weight: 800;
    line-height: 1.5;
    color: var(--mw-ink, #10233d);
}
body.theme-almawred .mw-ed-dl dt span {
    display: block;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .06em;
    color: var(--site-primary, #1764a4);
    margin-bottom: 5px;
}
body.theme-almawred .mw-ed-dl dd {
    margin: 0;
    font-size: .92rem;
    line-height: 1.85;
    color: var(--mw-ed-body);
}

/* --- اتصل بنا: عمود جانبي أعرض شوية --- */
body.theme-almawred .mw-ed-shell--wide {
    grid-template-columns: 292px minmax(0, 1fr);
}
body.theme-almawred .mw-ed-contact-list {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 2px solid var(--mw-ink, #10233d);
}
body.theme-almawred .mw-ed-contact-list li {
    display: flex;
    gap: 13px;
    align-items: flex-start;
    padding: 14px 0;
    border-bottom: 1px solid var(--mw-ed-hair);
}
body.theme-almawred .mw-ed-contact-list li i {
    flex: 0 0 auto;
    font-size: 1.02rem;
    line-height: 1.5;
    color: var(--site-primary, #1764a4);
}
body.theme-almawred .mw-ed-contact-list li > span {
    min-width: 0;
}
body.theme-almawred .mw-ed-contact-list b {
    display: block;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--mw-ed-muted);
    margin-bottom: 3px;
}
body.theme-almawred[dir="rtl"] .mw-ed-contact-list b {
    letter-spacing: normal;
    font-size: .76rem;
}
body.theme-almawred .mw-ed-contact-list span a,
body.theme-almawred .mw-ed-contact-list span {
    color: var(--mw-ink, #10233d);
    font-size: .92rem;
    line-height: 1.6;
    overflow-wrap: anywhere;
}
body.theme-almawred .mw-ed-contact-list a {
    text-decoration: none;
}
body.theme-almawred .mw-ed-contact-list a:hover {
    color: var(--site-primary, #1764a4);
    text-decoration: underline;
}
body.theme-almawred .mw-ed-contact-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
}
body.theme-almawred .mw-ed-contact-links .btn {
    width: 100%;
    text-align: center;
    padding: 11px 14px;
    font-weight: 700;
    border-radius: 0 !important;
}

/* نموذج اتصل بنا داخل عمود القراءة */
body.theme-almawred .mw-ed-form {
    padding-inline: 15px;
    margin-inline: -15px;
}
body.theme-almawred .mw-ed-form h5 {
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--mw-ed-muted);
    margin: 0;
}
body.theme-almawred[dir="rtl"] .mw-ed-form h5 {
    letter-spacing: normal;
    font-size: .86rem;
}
body.theme-almawred .mw-ed-form .form-control {
    border: 0 !important;
    border-bottom: 1px solid #c9d2de !important;
    border-radius: 0 !important;
    background: transparent;
    padding-inline: 0;
    box-shadow: none !important;
    color: var(--mw-ink, #10233d);
}
body.theme-almawred .mw-ed-form .form-control:focus {
    border-bottom-color: var(--site-primary, #1764a4) !important;
    background: transparent;
}
body.theme-almawred .mw-ed-form .form-control::placeholder {
    color: #8b98a9;
}
body.theme-almawred .mw-ed-form input[type="submit"].btn {
    padding: 12px 34px;
    font-weight: 700;
    border-radius: 0 !important;
    border: 0 !important;
    width: auto;
}

/* --- العمود الجانبي لنماذج التسجيل / الدورة الداخلية --- */
body.theme-almawred .mw-ed-side {
    border-inline-start: 1px solid var(--mw-ed-hair);
    padding-inline-start: 24px !important;
}
body.theme-almawred .mw-ed-side-label {
    margin: 0 0 12px;
    font-size: .95rem;
    font-weight: 800;
    color: var(--mw-ink, #10233d);
    padding-bottom: 10px;
    border-bottom: 3px solid var(--site-accent, #fbc708);
}
body.theme-almawred .mw-ed-side-list {
    list-style: none;
    margin: 0 0 26px;
    padding: 0;
}
body.theme-almawred .mw-ed-side-list li {
    display: flex;
    gap: 11px;
    align-items: baseline;
    padding: 10px 0;
    border-bottom: 1px solid var(--mw-ed-hair);
}
body.theme-almawred .mw-ed-side-list i {
    flex: 0 0 auto;
    color: var(--site-primary, #1764a4);
    font-size: .95rem;
}
body.theme-almawred .mw-ed-side-list a {
    color: var(--mw-ink, #10233d);
    font-size: .9rem;
    text-decoration: none;
    overflow-wrap: anywhere;
}
body.theme-almawred .mw-ed-side-list a:hover {
    color: var(--site-primary, #1764a4);
    text-decoration: underline;
}
body.theme-almawred .mw-ed-side-h {
    margin: 0 0 12px;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--mw-ed-muted);
}
body.theme-almawred[dir="rtl"] .mw-ed-side-h {
    letter-spacing: normal;
    font-size: .84rem;
}
body.theme-almawred .mw-ed-side-steps {
    list-style: none;
    margin: 0;
    padding: 0;
    border-top: 1px solid var(--mw-ed-hair);
}
body.theme-almawred .mw-ed-side-steps li {
    display: flex;
    gap: 12px;
    align-items: baseline;
    padding: 12px 0;
    border-bottom: 1px solid var(--mw-ed-hair);
    font-size: .88rem;
    line-height: 1.7;
    color: var(--mw-ed-body);
}
body.theme-almawred .mw-ed-side-steps li span {
    flex: 0 0 auto;
    font-size: .72rem;
    font-weight: 800;
    color: var(--site-primary, #1764a4);
}

/* --- الشاشات الأصغر --- */
@media (max-width: 991px) {
    body.theme-almawred .mw-ed-shell--wide {
        grid-template-columns: 1fr;
    }
    body.theme-almawred .mw-ed-dl > div {
        grid-template-columns: 1fr;
        gap: 8px;
    }
    body.theme-almawred .mw-ed-contact-links {
        flex-direction: row;
        flex-wrap: wrap;
    }
    body.theme-almawred .mw-ed-contact-links .btn {
        width: auto;
    }
    body.theme-almawred .mw-ed-side {
        border-inline-start: 0;
        padding-inline-start: 15px !important;
        margin-top: 34px;
    }
}
@media (max-width: 575px) {
    body.theme-almawred .mw-ed-tick {
        grid-template-columns: 1fr;
    }
    body.theme-almawred .mw-ed-qa-a {
        margin-inline-start: 0;
    }
    body.theme-almawred .mw-ed-steps li {
        grid-template-columns: 46px minmax(0, 1fr);
        gap: 14px;
    }
}

/* آخر سطر في أي قائمة داخل قسم بعده فاصل: الخط الشعرة بيتشال عشان
   ما يبانش وكأنه صف فاضي فوق فاصل القسم. */
body.theme-almawred .mw-ed-sec:not(:last-child) .mw-ed-rows > :last-child,
body.theme-almawred .mw-ed-sec:not(:last-child) .mw-ed-qa > :last-child,
body.theme-almawred .mw-ed-sec:not(:last-child) .mw-ed-steps > :last-child,
body.theme-almawred .mw-ed-sec:not(:last-child) .mw-ed-checks > :last-child,
body.theme-almawred .mw-ed-sec:not(:last-child) .mw-ed-dl > :last-child,
body.theme-almawred .mw-ed-sec:not(:last-child) .mw-ed-tick > :nth-last-child(-n+2) {
    border-bottom: 0;
}
body.theme-almawred .mw-ed-sec:not(:last-child) {
    padding-bottom: 34px;
}

/* منطقة نص الاستفسار: نفس أسلوب باقي الحقول (خط سفلي بس) */
body.theme-almawred .mw-ed-form textarea.form-control {
    border: 0 !important;
    border-bottom: 1px solid #c9d2de !important;
    border-radius: 0 !important;
    padding-inline: 0;
    resize: vertical;
    background: transparent;
}
body.theme-almawred .mw-ed-form textarea.form-control:focus {
    border-bottom-color: var(--site-primary, #1764a4) !important;
}

/* أزرار الصفحات دي مسطّحة زي باقي الثيم */
body.theme-almawred .mw-ed .btn {
    box-shadow: none !important;
}

/* صفحة اتصل بنا: القسم له id في الأصل فلازم نفس التخصيص عشان الهوامش تمشي */
body.theme-almawred #common-listing-section.mw-ed {
    padding: 56px 0 68px;
}

/* --- training-courses fix 81c9cca4c5f7cc4b0aabfa5048b23e67 --- */
/* حائط الشعارات — المورد: ورقة تواصل، خطوط شعرية بين الخلايا بلا كروت، رمادي يتلوّن عند المرور */
body.theme-almawred .inst-logos{background:#fff}
body.theme-almawred .inst-logos-h{font-weight:800;letter-spacing:-.01em;border-bottom:2px solid #10233d;padding-bottom:10px}
body.theme-almawred .inst-logos-grid{gap:0;border-top:1px solid #e3e7ee;border-inline-start:1px solid #e3e7ee}
body.theme-almawred .inst-logos-item{border-bottom:1px solid #e3e7ee;border-inline-end:1px solid #e3e7ee;min-height:104px}
body.theme-almawred .inst-logos-item img{filter:grayscale(1);opacity:.72;transition:filter .25s,opacity .25s}
body.theme-almawred .inst-logos-item:hover img{filter:none;opacity:1}

/* --- training-courses fix 86af5bff7b7bbc8be0a209c9ea155a70 --- */
/* ===== بطاقة الجلسة (2026-09-08): كل موقع بترتيب مختلف مش لون مختلف.
   المورد: تلات أعمدة — كتلة ملوّنة على اليسار، البيانات في النص، السعر والزر يمين. ===== */
body.theme-almawred.pg-training-courses .session-card{display:grid!important;grid-template-columns:150px 1fr 190px;gap:0!important;align-items:stretch;padding:0!important;overflow:hidden;border-radius:14px!important}
body.theme-almawred.pg-training-courses .session-card > ul{grid-column:2;width:100%!important;margin:0!important;padding:16px 18px!important;align-self:center}
body.theme-almawred.pg-training-courses .session-card .price-box{position:static!important;grid-column:3;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#f4f6f9!important;border:0!important;border-inline-start:1px solid #dfe4ea!important;border-radius:0!important;padding:14px!important;text-align:center}
body.theme-almawred.pg-training-courses .session-card > form{grid-column:3;grid-row:2;padding:0 14px 14px}
body.theme-almawred.pg-training-courses .session-card::before{content:'';grid-column:1;grid-row:1/-1;background:linear-gradient(160deg,#10233d,#1764a4)}
body.theme-almawred.pg-training-courses .session-card li:first-child{font-weight:700;font-size:.95rem}

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

body.theme-almawred .mw-dir-sec {
    padding: 44px 0 76px;
    background: #fff;
}

body.theme-almawred .mw-dir-g {
    margin: 0 0 42px;
}
body.theme-almawred .mw-dir-g:last-of-type {
    margin-bottom: 0;
}

/* علامة الحرف: رقم كبير مسطّح وخط أفقي بيكمّل لآخر السطر */
body.theme-almawred .mw-dir-mark {
    display: flex;
    align-items: center;
    gap: 16px;
    margin: 0 0 6px;
    font-size: 1rem; /* يلغي حجم h2 الافتراضي */
    line-height: 1;
}
body.theme-almawred .mw-dir-mark::after {
    content: "";
    flex: 1 1 auto;
    height: 2px;
    background: var(--mw-ink, #10233d);
}
body.theme-almawred .mw-dir-mark-l {
    flex: none;
    font-size: clamp(1.9rem, 4.2vw, 2.7rem);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.02em;
    color: var(--site-primary, #1764a4);
    font-variant-numeric: tabular-nums;
}

/* الصفوف في عمودين — عمودياً، يعني تقرا العمود الأول للآخر ثم الثاني */
body.theme-almawred .mw-dir-rows {
    list-style: none;
    margin: 0;
    padding: 0;
    column-count: 2;
    column-gap: 56px;
}
body.theme-almawred .mw-dir-row {
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    border-bottom: 1px solid #e3e7ee;
}

body.theme-almawred .mw-dir-a {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 18px;
    padding: 11px 2px;
    text-decoration: none !important;
    color: inherit;
    transition: background-color .18s ease, padding-inline .18s ease;
}
body.theme-almawred .mw-dir-a:hover,
body.theme-almawred .mw-dir-a:focus-visible {
    background: #f4f6f9;
    padding-inline: 10px 8px;
}

body.theme-almawred .mw-dir-t {
    min-width: 0;
    flex: 1 1 auto;
    text-align: start;
}
body.theme-almawred .mw-dir-n {
    display: block;
    color: var(--mw-ink, #10233d);
    font-weight: 600;
    font-size: .96rem;
    line-height: 1.42;
    overflow-wrap: anywhere;
}
body.theme-almawred .mw-dir-a:hover .mw-dir-n,
body.theme-almawred .mw-dir-a:focus-visible .mw-dir-n {
    color: var(--site-primary, #1764a4);
}
body.theme-almawred .mw-dir-m {
    display: block;
    margin-top: 3px;
    font-size: .74rem;
    font-weight: 400;
    color: #626d80;
    letter-spacing: .02em;
}

body.theme-almawred .mw-dir-go {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: .45em;
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    white-space: nowrap;
    color: var(--site-primary, #1764a4);
}
body.theme-almawred .mw-dir-go::after {
    content: "";
    width: .38em;
    height: .38em;
    border-block-start: 1.5px solid currentColor;
    border-inline-end: 1.5px solid currentColor;
    transform: rotate(45deg);
    transition: transform .18s ease;
}
body.theme-almawred[dir="rtl"] .mw-dir-go::after {
    transform: rotate(-45deg);
}

body.theme-almawred .mw-dir-empty {
    margin: 0;
    padding: 18px 0;
    border-block: 1px solid #e3e7ee;
    color: var(--mw-ink, #10233d);
    font-weight: 600;
}

body.theme-almawred .mw-dir-load {
    padding-top: 26px;
}

/* العربي: الحروف الكبيرة والتباعد مش مناسبين للحروف العربية */
body.theme-almawred[dir="rtl"] .mw-dir-go {
    text-transform: none;
    letter-spacing: 0;
    font-size: .8rem;
    font-weight: 700;
}
body.theme-almawred[dir="rtl"] .mw-dir-m {
    letter-spacing: 0;
}

/* لوح ضيّق: عمود واحد */
@media (max-width: 767.98px) {
    body.theme-almawred .mw-dir-sec {
        padding: 30px 0 54px;
    }
    body.theme-almawred .mw-dir-rows {
        column-count: 1;
    }
    body.theme-almawred .mw-dir-g {
        margin-bottom: 34px;
    }
    body.theme-almawred .mw-dir-a {
        gap: 12px;
        padding: 12px 0;
    }
    body.theme-almawred .mw-dir-n {
        font-size: .92rem;
    }
    body.theme-almawred .mw-dir-go {
        font-size: .64rem;
    }
    body.theme-almawred[dir="rtl"] .mw-dir-go {
        font-size: .76rem;
    }
    body.theme-almawred .mw-dir-a:hover,
    body.theme-almawred .mw-dir-a:focus-visible {
        padding-inline: 0;
    }
}

/* شريط حروف للقفز — وصلات مرساة عادية، شغالة من غير جافاسكربت */
body.theme-almawred .mw-dir-index {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    margin: 0 0 34px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e3e7ee;
}
body.theme-almawred .mw-dir-index-l {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 30px;
    padding: 0 6px;
    font-size: .84rem;
    font-weight: 700;
    line-height: 1;
    color: var(--mw-ink, #10233d);
    text-decoration: none !important;
    border: 1px solid transparent;
    transition: color .15s ease, border-color .15s ease;
}
body.theme-almawred .mw-dir-index-l:hover,
body.theme-almawred .mw-dir-index-l:focus-visible {
    color: var(--site-primary, #1764a4);
    border-color: var(--site-primary, #1764a4);
}

/* الهيدر ثابت فوق — القفزة لازم تسيب مكانه */
body.theme-almawred .mw-dir-g {
    scroll-margin-top: 120px;
}

/* مجموعة بمدخل واحد: الصف ياخد العرض كله بدل ما يسيب نص الصفحة فاضي */
body.theme-almawred .mw-dir-rows--solo {
    column-count: 1;
}

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

    body.theme-almawred .mw-cd-grid { display: block; }
    body.theme-almawred .mw-cd-rail { position: static; width: auto; margin-bottom: 20px; }

    /* اللوحات كلها مفتوحة ومتتابعة. */
    body.theme-almawred .mw-cd-main .tab-pane {
        display: block !important; opacity: 1 !important; visibility: visible !important;
        padding-bottom: 26px; margin-bottom: 26px; border-bottom: 1px solid #e3e8ee;
    }
    body.theme-almawred .mw-cd-main .tab-pane:last-child { border-bottom: 0; margin-bottom: 0; }
    body.theme-almawred .mw-cd-main .tab-pane.fade { transition: none; }

    /* شريط التبويبات بقى فهرس أفقي. */
    body.theme-almawred .mw-cd-rail .nav-tabs {
        display: flex; flex-wrap: wrap; gap: 8px; border: 0;
    }
    body.theme-almawred .mw-cd-rail .nav-tabs .nav-link {
        flex: 1 1 auto; text-align: center; border: 1px solid #d8e0ea;
        border-radius: 999px; padding: 7px 14px; font-size: .82rem;
    }
}

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

   كل قاعدة مربوطة بـbody.theme-almawred فمستحيل توصل لالمعهد أو لثيم
   تاني، وكلها منطقية-الاتجاه (inline-start/end) عشان النسخة العربية.
   ============================================================ */

body.theme-almawred .mw-cu {
    background: #fff;
    padding-bottom: 72px;
}

/* --- شريط الترويسة ---
   خلفية فاتحة وخط ثقيل فوق: بيفصل الشريط عن البانر ويدّي إحساس
   الترويسة المطبوعة. مفيش هوامش سالبة عشان ما يحصلش تجاوز أفقي. */
body.theme-almawred .mw-cu-band {
    background: var(--mw-bg, #f4f6f9);
    border-top: 3px solid var(--mw-ink, #10233d);
    border-bottom: 1px solid var(--mw-ed-hair, #dfe4ec);
    padding: 26px 0 30px;
    margin-bottom: 56px;
}

body.theme-almawred .mw-cu-band-label {
    margin: 0 0 18px;
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #55627a; /* 6.4:1 على خلفية الشريط الفاتحة */
}
/* العربي مالوش حروف كبيرة، والتباعد بيفكّ الكلمة — فبيترجع طبيعي */
body.theme-almawred[dir="rtl"] .mw-cu-band-label {
    letter-spacing: normal;
    text-transform: none;
    font-size: .84rem;
}

body.theme-almawred .mw-cu-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* الفاصل خط رأسي شعرة بين الخانات — مش حدود صندوق */
body.theme-almawred .mw-cu-cell {
    padding-inline: 28px;
    min-width: 0;
}
body.theme-almawred .mw-cu-cell:first-child { padding-inline-start: 0; }
body.theme-almawred .mw-cu-cell:last-child  { padding-inline-end: 0; }
body.theme-almawred .mw-cu-cell + .mw-cu-cell {
    border-inline-start: 1px solid #ccd4e0;
}

body.theme-almawred .mw-cu-cell-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-bottom: 10px;
    margin-bottom: 12px;
    border-bottom: 1px solid #ccd4e0;
}
body.theme-almawred .mw-cu-n {
    font-size: 1.7rem;
    font-weight: 800;
    line-height: 1;
    color: var(--site-primary, #1764a4);
}
/* الأيقونة على مربع أصفر بنص كحلي: التباين عالي والأصفر لون الهوية التاني */
body.theme-almawred .mw-cu-cell-top i {
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    line-height: 1;
    color: var(--mw-ink, #10233d);
    background: var(--site-accent, #fbc708);
}

body.theme-almawred .mw-cu-k {
    margin: 0 0 4px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: #55627a;
}
body.theme-almawred[dir="rtl"] .mw-cu-k {
    letter-spacing: normal;
    text-transform: none;
    font-size: .84rem;
}

body.theme-almawred .mw-cu-v {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    color: var(--mw-ink, #10233d);
    text-decoration: none;
    overflow-wrap: anywhere; /* البريد الطويل ما يخرجش برّه الخانة */
}
body.theme-almawred a.mw-cu-v:hover,
body.theme-almawred a.mw-cu-v:focus-visible {
    color: var(--site-primary, #1764a4);
    text-decoration: underline;
}

body.theme-almawred .mw-cu-note {
    margin: 6px 0 0;
    font-size: .8rem;
    line-height: 1.6;
    color: #55627a;
}

/* --- عمود القراءة الواحد ---
   720px تقريبًا: عرض مريح للنموذج ومتوافق مع حد الـ70 حرف للنص. */
body.theme-almawred .mw-cu-col {
    max-width: 720px;
    margin-inline: auto;
}

body.theme-almawred .mw-cu-head {
    margin: 0 0 32px;
}
body.theme-almawred .mw-cu-rule {
    display: block;
    width: 38px;
    height: 4px;
    background: var(--site-accent, #fbc708);
    margin: 0 0 14px;
}
body.theme-almawred .mw-cu-head h2 {
    margin: 0 0 10px;
    font-size: 1.62rem;
    font-weight: 800;
    line-height: 1.25;
    color: var(--mw-ink, #10233d);
}
body.theme-almawred .mw-cu-head p {
    margin: 0;
    max-width: 68ch;
    font-size: .96rem;
    line-height: 1.8;
    color: var(--mw-ed-body, #48586e);
}

/* --- الحقول: سطور بخط سفلي بدل صناديق ---
   الصناديق هي شكل باقي المعاهد. هنا الحقل سطر مكتوب عليه، زي استمارة
   مطبوعة — وده امتداد لخطوط الشعرة اللي ماشية على كل صفحات المورد.
   الخط السفلي 2px عشان يفضل باين ومش مجرد تلميح. */
body.theme-almawred .mw-cu-col .inst-cform-row {
    margin-bottom: 22px;
}
body.theme-almawred .mw-cu-col .inst-cform .form-control {
    border: 0 !important;
    border-bottom: 2px solid #b9c3d2 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 10px 2px !important;
    height: auto !important;
    box-shadow: none !important;
    font-size: .98rem;
    color: var(--mw-ink, #10233d);
}
body.theme-almawred .mw-cu-col .inst-cform textarea.form-control {
    min-height: 130px;
    line-height: 1.7;
    resize: vertical;
}
body.theme-almawred .mw-cu-col .inst-cform .form-control::placeholder {
    color: #55627a; /* 6.4:1 على الأبيض — مقروء مش باهت */
    opacity: 1;
}
body.theme-almawred .mw-cu-col .inst-cform .form-control:focus {
    border-bottom-color: var(--site-primary, #1764a4) !important;
    outline: none;
}

/* رمز الدولة أضيق من رقم التليفون بوضوح، والاتنين على نفس السطر */
body.theme-almawred .mw-cu-col .inst-cform-row--split {
    gap: 20px;
}
body.theme-almawred .mw-cu-col .inst-cform-cc {
    flex: 0 0 26%;
    max-width: 26%;
}

/* --- زر الإرسال: الزر الرئيسي الوحيد في الصفحة --- */
/* من غير خط فاصل فوق الزر: الخط ده كان بيبان زي سطر حقل زيادة تحت
   صندوق الاستفسار مباشرة. المسافة لوحدها كفاية للفصل. */
body.theme-almawred .mw-cu-col .inst-cform-actions {
    margin-top: 14px;
}
body.theme-almawred .mw-cu-col .inst-cform-actions .btn {
    width: 100%;
    max-width: 280px;
    padding: 14px 26px;
    border: 0;
    border-radius: 0 !important;
    background: var(--site-primary, #1764a4);
    color: #fff;
    font-weight: 800;
    font-size: .98rem;
    letter-spacing: .02em;
}
body.theme-almawred .mw-cu-col .inst-cform-actions .btn:hover,
body.theme-almawred .mw-cu-col .inst-cform-actions .btn:focus-visible {
    background: var(--mw-ink, #10233d);
    color: #fff;
}

/* --- روابط بديلة: نص مش أزرار، عشان يفضل زر رئيسي واحد --- */
body.theme-almawred .mw-cu-alt {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 10px 26px;
    margin-top: 34px;
    padding-top: 20px;
    border-top: 2px solid var(--mw-ink, #10233d);
}
body.theme-almawred .mw-cu-alt-t {
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #55627a;
}
body.theme-almawred[dir="rtl"] .mw-cu-alt-t {
    letter-spacing: normal;
    text-transform: none;
    font-size: .88rem;
}
body.theme-almawred .mw-cu-alt a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: .94rem;
    font-weight: 700;
    color: var(--site-primary, #1764a4);
    text-decoration: none;
}
body.theme-almawred .mw-cu-alt a i {
    font-size: .84rem;
    transition: transform .15s ease;
}
/* السهم بيشاور على اتجاه القراءة: بينقلب في العربي */
body.theme-almawred[dir="rtl"] .mw-cu-alt a i {
    transform: scaleX(-1);
}
body.theme-almawred .mw-cu-alt a:hover {
    text-decoration: underline;
}
body.theme-almawred .mw-cu-alt a:hover i { transform: translateX(3px); }
body.theme-almawred[dir="rtl"] .mw-cu-alt a:hover i { transform: scaleX(-1) translateX(3px); }

/* --- الشاشات المتوسطة: خانتين، الفاصل الرأسي بيتحول لأفقي --- */
@media (max-width: 991px) {
    body.theme-almawred .mw-cu-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        row-gap: 24px;
    }
    body.theme-almawred .mw-cu-cell { padding-inline: 22px; }
    body.theme-almawred .mw-cu-cell:nth-child(odd)  { padding-inline-start: 0; border-inline-start: 0; }
    body.theme-almawred .mw-cu-cell:nth-child(even) { padding-inline-end: 0; }
}

/* --- التليفون: الشريط بيتفكّ لصف تحت التاني، والفاصل خط أفقي --- */
@media (max-width: 575px) {
    body.theme-almawred .mw-cu { padding-bottom: 48px; }
    body.theme-almawred .mw-cu-band {
        padding: 22px 0 24px;
        margin-bottom: 40px;
    }
    body.theme-almawred .mw-cu-grid {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 0;
    }
    body.theme-almawred .mw-cu-cell {
        padding-inline: 0 !important;
        padding-block: 18px;
        border-inline-start: 0 !important;
    }
    body.theme-almawred .mw-cu-cell + .mw-cu-cell {
        border-top: 1px solid #ccd4e0;
    }
    body.theme-almawred .mw-cu-cell:first-child { padding-top: 0; }
    body.theme-almawred .mw-cu-cell:last-child  { padding-bottom: 0; }
    body.theme-almawred .mw-cu-head h2 { font-size: 1.34rem; }
    /* رمز الدولة ورقم التليفون: نسبة أعرض شوية عشان الرقم ما يتزنقش */
    body.theme-almawred .mw-cu-col .inst-cform-row--split { gap: 14px; }
    body.theme-almawred .mw-cu-col .inst-cform-cc { flex: 0 0 32%; max-width: 32%; }
    body.theme-almawred .mw-cu-col .inst-cform-actions .btn { max-width: none; }
}

/* ============================================================
   المورد — صفحة التنزيلات (.mw-dlx) — 2026-09-09
   ------------------------------------------------------------
   ليه التخطيط ده: شخصية المورد «تحريري»، والصحيفة مش بتساوي بين
   الأخبار. فالصفحة هنا وزنها متعمَّد إنه غير متساوٍ: لوح واحد كبير
   للجدول العام (غلاف مستند + نص + زرار تحميل واحد)، وتحته سطر
   إحالات نصي صغير لباقي المستندات — مش قائمة بنود.

   كل حاجة هنا كلاسات جديدة (.mw-dlx-*) ومبنيّة فوق لغة الموقع
   الموجودة: زوايا قائمة، شريط أصفر رفيع، حبر كحلي #10233d.
   مفيش تعديل على أي قاعدة قديمة (.mw-ed-* مشتركة مع «عن» و«اتصل»).
   ============================================================ */

body.theme-almawred .mw-dlx {
    padding: 56px 0 72px;
    background: var(--mw-bg, #f4f6f9);
}

/* --- اللوح البطل --- */
/* max-width: عمود القراءة التحريري. من غيره النص بيفضل 62ch على شمال
   لوح عرضه 1300px والفراغ على اليمين بيبقى فجوة مش تنفّس. */
body.theme-almawred .mw-dlx-hero {
    display: grid;
    grid-template-columns: 340px minmax(0, 1fr);
    max-width: 1140px;
    gap: 60px;
    /* center مش start: الغلاف أطول من عمود النص، ولو النص اتثبّت فوق
       بيفضل فراغ ميت تحته على جنب واحد. التوسيط بيقسم التنفّس بالتساوي. */
    align-items: center;
    background: #fff;
    border: 1px solid var(--mw-line, #d8dee7);
    border-top: 3px solid var(--site-primary, #1764a4);
    padding: 52px;
    margin-inline: auto;
}

/* --- غلاف المستند: ورقة A4 كحلية وورقة تانية طالعة من ورا، عشان
       تقول «ده ملف مطبوع» من غير أي أيقونة --- */
body.theme-almawred .mw-dlx-cover {
    position: relative;
    width: 100%;
}
body.theme-almawred .mw-dlx-cover-stack {
    position: absolute;
    inset-block: 14px -14px;
    inset-inline: 14px -14px;
    background: #e3e9f1;
    border: 1px solid var(--mw-line, #d8dee7);
}
body.theme-almawred .mw-dlx-cover-face {
    position: relative;
    display: flex;
    flex-direction: column;
    aspect-ratio: 210 / 297;
    padding: 32px 26px 24px;
    background: var(--mw-ink, #10233d);
    color: #fff;
    overflow: hidden;
}
body.theme-almawred .mw-dlx-cover-flag {
    position: absolute;
    inset-block-start: 0;
    inset-inline: 0;
    height: 8px;
    background: var(--site-accent, #fbc708);
}
body.theme-almawred .mw-dlx-cover-org {
    margin: 0 0 auto;
    font-size: .7rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--site-accent, #fbc708);
}
/* العربي مالوش حروف كابيتال، والتباعد بيكسّر الوصل */
body.theme-almawred[dir="rtl"] .mw-dlx-cover-org {
    letter-spacing: normal;
    text-transform: none;
    font-size: .82rem;
}
body.theme-almawred .mw-dlx-cover-title {
    margin: 0;
    font-size: 1.34rem;
    font-weight: 800;
    line-height: 1.3;
    color: #fff;
}
body.theme-almawred .mw-dlx-cover-rule {
    display: block;
    width: 52px;
    height: 3px;
    margin-block: 16px 14px;
    background: var(--site-accent, #fbc708);
}
body.theme-almawred .mw-dlx-cover-foot {
    margin: 0;
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .18em;
    color: rgba(255, 255, 255, .82);
}

/* --- عمود النص --- */
body.theme-almawred .mw-dlx-eyebrow {
    margin: 0 0 12px;
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--site-primary, #1764a4);
}
body.theme-almawred[dir="rtl"] .mw-dlx-eyebrow {
    letter-spacing: normal;
    text-transform: none;
    font-size: .86rem;
}
body.theme-almawred .mw-dlx-title {
    margin: 0 0 16px;
    font-size: 2.05rem;
    font-weight: 800;
    line-height: 1.22;
    color: var(--mw-ink, #10233d);
}
body.theme-almawred .mw-dlx-desc {
    max-width: 62ch; /* حد عرض القراءة */
    margin: 0 0 28px;
    font-size: 1.02rem;
    line-height: 1.75;
    color: #48586e;
}

/* --- شريط الحقائق: بيجاوب على «إيه ده؟» قبل الضغط على التحميل --- */
body.theme-almawred .mw-dlx-facts {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    margin: 0 0 32px;
    border-top: 1px solid var(--mw-line, #d8dee7);
    border-bottom: 1px solid var(--mw-line, #d8dee7);
}
body.theme-almawred .mw-dlx-facts > div {
    flex: 1 1 150px;
    padding: 16px 24px;
    border-inline-start: 1px solid var(--mw-line, #d8dee7);
}
body.theme-almawred .mw-dlx-facts > div:first-child {
    padding-inline-start: 0;
    border-inline-start: 0;
}
body.theme-almawred .mw-dlx-facts dt {
    margin: 0 0 6px;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #5b6a80;
}
body.theme-almawred[dir="rtl"] .mw-dlx-facts dt {
    letter-spacing: normal;
    text-transform: none;
    font-size: .82rem;
}
body.theme-almawred .mw-dlx-facts dd {
    margin: 0;
    font-size: .96rem;
    font-weight: 700;
    color: var(--mw-ink, #10233d);
}

/* --- الإجراء: زرار رئيسي واحد + رابط نصي هادي --- */
body.theme-almawred .mw-dlx-act {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px 24px;
}
body.theme-almawred .inst-dl-btn.mw-dlx-cta {
    margin-top: 0;
    padding: 15px 34px;
    font-size: 1rem;
    border-radius: 0; /* لغة الموقع: زوايا قائمة */
    background: var(--site-primary, #1764a4);
}
body.theme-almawred .inst-dl-btn.mw-dlx-cta:hover,
body.theme-almawred .inst-dl-btn.mw-dlx-cta:focus-visible {
    background: var(--mw-ink, #10233d);
    transform: none; /* هدوء تحريري: مفيش قفز */
    box-shadow: inset 0 -4px 0 var(--site-accent, #fbc708);
}
body.theme-almawred .mw-dlx-quiet {
    font-size: .94rem;
    font-weight: 600;
    color: #48586e;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: #b9c4d2;
}
body.theme-almawred .mw-dlx-quiet:hover {
    color: var(--site-primary, #1764a4);
    text-decoration-color: currentColor;
}

/* --- سطر الإحالات: خط نصي واحد، بوزن أخف بكتير من البطل --- */
body.theme-almawred .mw-dlx-more {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: baseline;
    gap: 8px 22px;
    max-width: 1140px;
    margin-top: 30px;
    margin-inline: auto;
    padding-top: 22px;
    border-top: 1px solid #cdd6e1;
}
body.theme-almawred .mw-dlx-more-label {
    margin: 0;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    white-space: nowrap;
    color: #5b6a80;
}
body.theme-almawred[dir="rtl"] .mw-dlx-more-label {
    letter-spacing: normal;
    text-transform: none;
    font-size: .84rem;
}
body.theme-almawred .mw-dlx-more-line {
    margin: 0;
    font-size: .93rem;
    line-height: 2.1;
    color: #48586e;
}
body.theme-almawred .mw-dlx-sep {
    margin-inline: 10px;
    color: #b2bdcc;
}

/* الروابط والأزرار جوّه السطر بيتعاملوا كنص واحد: نفس الحجم ونفس الوزن،
   والفرق الوحيد علامة PDF الصغيرة اللي بتقول «ده بيحمّل ملف» — زي علامة
   الحاشية في المطبوع، مش زرار مكرر تحت كل بند. */
body.theme-almawred .mw-dlx-link,
body.theme-almawred .inst-dl-btn.mw-dlx-tlink {
    display: inline;
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: inherit;
    font-weight: 600;
    line-height: inherit;
    color: var(--site-primary, #1764a4);
    background: none;
    border: 0;
    border-radius: 0;
    text-decoration: underline;
    text-underline-offset: 4px;
    text-decoration-color: #a8c2da;
    transition: color .15s;
}
/* (2026-09-19) علامة XLSX المصغّرة فوق كل زرار اتشالت — الصيغة بقت مكتوبة جنب اسم المستند. */
body.theme-almawred .mw-dlx-doc{font-weight:700;color:#10233d}
body.theme-almawred .mw-dlx-doc small{font-weight:600;color:#5b6a80;font-size:.8em}
body.theme-almawred .inst-dl-pick{display:inline-flex;gap:10px;margin-inline-start:4px}
body.theme-almawred .mw-dlx-link:hover,
body.theme-almawred .mw-dlx-link:focus-visible,
body.theme-almawred .inst-dl-btn.mw-dlx-tlink:hover,
body.theme-almawred .inst-dl-btn.mw-dlx-tlink:focus-visible {
    color: var(--mw-ink, #10233d);
    background: none;
    transform: none;
    text-decoration-color: currentColor;
}

/* --- تابلت: الغلاف بيصغّر والمسافة بتقل --- */
@media (max-width: 991px) {
    body.theme-almawred .mw-dlx-hero {
        grid-template-columns: 220px minmax(0, 1fr);
        gap: 36px;
        padding: 36px;
        max-width: none;
    }
    body.theme-almawred .mw-dlx-title { font-size: 1.76rem; }
}

/* --- الموبايل: الغلاف فوق النص وبعرض محدود عشان ما ياخدش الشاشة كلها،
       وسطر الإحالات بينزل تحت عنوانه --- */
@media (max-width: 767px) {
    body.theme-almawred .mw-dlx { padding: 32px 0 48px; }
    body.theme-almawred .mw-dlx-hero {
        grid-template-columns: minmax(0, 1fr);
        gap: 30px;
        padding: 26px 20px 30px;
    }
    body.theme-almawred .mw-dlx-cover { max-width: 186px; }
    body.theme-almawred .mw-dlx-cover-face { padding: 24px 18px 18px; }
    body.theme-almawred .mw-dlx-cover-title { font-size: 1.06rem; }
    body.theme-almawred .mw-dlx-title { font-size: 1.5rem; }
    body.theme-almawred .mw-dlx-desc { font-size: .97rem; margin-bottom: 22px; }
    body.theme-almawred .mw-dlx-facts { margin-bottom: 24px; }
    body.theme-almawred .mw-dlx-facts > div {
        flex: 1 1 100%;
        padding: 12px 0;
        border-inline-start: 0;
    }
    body.theme-almawred .mw-dlx-facts > div + div {
        border-top: 1px solid var(--mw-line, #d8dee7);
    }
    body.theme-almawred .mw-dlx-act { gap: 14px; }
    body.theme-almawred .inst-dl-btn.mw-dlx-cta {
        width: 100%;
        justify-content: center;
        padding-inline: 18px;
    }
    body.theme-almawred .mw-dlx-more {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }
    /* على شاشة ضيقة كل إحالة بتاخد سطر لوحدها بالغصب، والفاصل «/» كان
       بيتعلّق في أول أو آخر السطر حسب مكان الكسر. فبنشيله ونخلّي الأعمدة
       تصفّ نفسها بـflex — سطر لكل إحالة، من غير أرقام ولا أسهم. */
    body.theme-almawred .mw-dlx-more-line {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
        line-height: 1.8;
    }
    body.theme-almawred .mw-dlx-sep { display: none; }
}


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

   شكل الموقع محفوظ: أزرق #1764a4 للعناوين والروابط، أصفر #fbc708 للخطوط
   والتحديد بس (مش لنص، عشان التباين)، زوايا قائمة وخطوط شعرة زي باقي
   صفحات المورد. كل حاجة مربوطة بـbody.theme-almawred، وكلها خصائص منطقية
   (inline-start/end) فالعربي بيقلب لوحده. الملف ده إضافة في الآخر بس —
   مفيش قاعدة قديمة اتغيّرت؛ قواعد .mw-ed-* بتاعة باقي الصفحات زي ما هي.
   ============================================================ */

body.theme-almawred .mw-art {
    background: #fff;
    padding: 52px 0 72px;
}

/* عمود القراءة: 68 حرف تقريبًا — السطر الأعرض من كده بيتعب العين. */
body.theme-almawred .mw-art-shell {
    max-width: 68ch;
    margin-inline: auto;
    color: var(--mw-ed-body);
}
body.theme-almawred .mw-art-shell p {
    font-size: 1.02rem;
    line-height: 1.9;
    margin: 0 0 18px;
    text-align: start;
}

/* روابط النص: أزرق الموقع + تسطير أصفر. الأصفر خط مش نص، فالتباين سليم. */
body.theme-almawred .mw-art-shell a {
    color: var(--site-primary, #1764a4);
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: var(--site-accent, #fbc708);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
    overflow-wrap: anywhere;
}
body.theme-almawred .mw-art-shell a:hover {
    background: rgba(251, 199, 8, .22);
}

/* --- الفقرة الافتتاحية --- */
body.theme-almawred .mw-art-open {
    font-size: 1.16rem !important;
    line-height: 1.85 !important;
    color: var(--mw-ink);
    margin-bottom: 26px !important;
}
/* الفلوت لازم يتقفل جوّه الفقرة نفسها عشان الشريط اللي بعدها ما يركبش عليه. */
body.theme-almawred .mw-art-open::after {
    content: "";
    display: block;
    clear: both;
}
/* حرف استهلالي (إنجليزي بس — حروف العربي موصولة). */
body.theme-almawred .mw-art-drop {
    float: inline-start;
    margin-inline-end: 8px;
    margin-block-start: 6px;
    font-size: 3.4rem;
    line-height: .78;
    font-weight: 800;
    color: var(--site-primary, #1764a4);
}
body.theme-almawred .mw-art-open-rest { font-weight: 700; }
/* البديل العربي: الكلمة الأولى كلها كبيرة بدل حرف مقطوع من كلمته. */
body.theme-almawred .mw-art-lead-word {
    font-size: 1.7rem;
    font-weight: 800;
    line-height: 1;
    color: var(--site-primary, #1764a4);
}

/* الاقتباس البارز جوّه الفقرة. */
body.theme-almawred .mw-art-pull {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 10px;
    float: inline-end;
    width: min(46%, 280px);
    margin-block: 6px 14px;
    margin-inline-start: 26px;
    padding-inline-start: 16px;
    border-inline-start: 3px solid var(--site-accent, #fbc708);
}
body.theme-almawred .mw-art-pull-mark {
    font-size: 2.2rem;
    line-height: .74;
    font-weight: 800;
    color: var(--site-accent, #fbc708);
}
body.theme-almawred .mw-art-pull-t {
    font-size: 1.02rem;
    line-height: 1.65;
    font-weight: 700;
    color: var(--mw-ink);
}
/* على الشاشات العريضة بس الاقتباس بيتعلّق في الهامش — والهامش هنا مضمون
   (العمود 68ch وسط حاوية 1140px)، فمفيش أي تمرير أفقي. */
@media (min-width: 1200px) {
    body.theme-almawred .mw-art-pull {
        width: 270px;
        margin-inline-end: -160px;
    }
    /* الكتلة كلها (نص + اقتباس معلّق) تتوسّط الصفحة: بنوسّع الغلاف بقد الهامش
       المعلّق ونحطه padding، فالنص يفضل 68ch والاقتباس ينزل في الفراغ ده
       بدل ما تبان الصفحة مزاحة ناحية واحدة. */
    body.theme-almawred .mw-art-shell {
        max-width: calc(68ch + 160px);
        padding-inline-end: 160px;
    }
}
@media (max-width: 575px) {
    body.theme-almawred .mw-art-pull {
        float: none;
        width: auto;
        margin-inline: 0;
        margin-block: 18px;
    }
}

/* --- شريط القيم: سطر واحد رفيع، مش بطاقات --- */
body.theme-almawred .mw-art-values {
    line-height: 1.6;
    margin: 30px 0 36px;
    padding: 9px 16px;
    background: var(--mw-bg, #f4f6f9);
    border-block: 1px solid var(--mw-ed-hair);
    border-inline-start: 3px solid var(--site-accent, #fbc708);
}
/* اللافتة سطر لوحدها فوق الكلمات: بالإنجليزي "Continuous improvement" طويلة،
   ولما كانت اللافتة جنبها الكلمات كانت بتلف وتسيب نقطة فاضية أول السطر التاني. */
body.theme-almawred .mw-art-values-l {
    display: block;
    margin-block-end: 6px;
    font-size: .72rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--mw-ed-muted);
}
/* العربي مبيقبلش تباعد الحروف (بيفصل الحروف الموصولة) ولا الكابيتال. */
body.theme-almawred[dir="rtl"] .mw-art-values-l {
    font-size: .82rem;
    letter-spacing: 0;
    text-transform: none;
    font-weight: 700;
}
/* الكلمات سطر نصي عادي بفاصل نقطة، مش خانات flex: لو لفّت على سطر تاني
   الفاصل بيمشي مع الكلام؛ الفاصل بالحدود كان بيسيب خط واقف أول السطر. */
body.theme-almawred .mw-art-values-list {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
}
body.theme-almawred .mw-art-values-list li {
    display: inline;
    /* .9rem مش .94: الأربع كلمات لازم تفضل سطر واحد جوّه عمود القراءة —
       دي "شريط رفيع" مش قائمة. */
    font-size: .9rem;
    font-weight: 700;
    color: var(--mw-ink);
}
/* الفاصلة ملزوقة في آخر الكلمة اللي قبلها (::after مش ::before): على الموبايل
   الشريط بيلف على سطرين، وبكده السطر التاني بيبدأ بكلمة مش بنقطة سايبة. */
body.theme-almawred .mw-art-values-list li:not(:last-child)::after {
    content: "·";
    margin-inline-start: 8px;
    font-weight: 400;
    color: var(--mw-ed-muted);
}

/* --- العنوان الفرعي الوحيد في المقال --- */
body.theme-almawred .mw-art-sub {
    margin: 0 0 14px;
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--mw-ink);
}
body.theme-almawred .mw-art-sub::before {
    content: "";
    display: block;
    width: 44px;
    height: 3px;
    margin-bottom: 12px;
    background: var(--site-accent, #fbc708);
}

/* --- التوقيع: خاتمة نصية بخط شعرة بدل زرار وحيد --- */
body.theme-almawred .mw-art-offer { margin-top: 24px !important; }
/* روابط التوقيع مبتتقسمش على سطرين ("Contact / Us")، ما عدا البريد الطويل. */
body.theme-almawred .mw-art-sign a { white-space: nowrap; }
body.theme-almawred .mw-art-sign a[href^="mailto"] { white-space: normal; }
body.theme-almawred .mw-art-sign {
    margin-top: 32px !important;
    padding-top: 18px;
    border-top: 1px solid var(--mw-ed-hair);
    font-size: .98rem !important;
}
body.theme-almawred .mw-art-colophon {
    font-size: .78rem !important;
    font-weight: 700;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--mw-ed-muted);
    margin: 0 !important;
}
body.theme-almawred[dir="rtl"] .mw-art-colophon {
    letter-spacing: 0;
    text-transform: none;
    font-size: .86rem !important;
}

/* ============================================================
   المورد — الأسئلة الشائعة: "افتتاحية + سجل مضغوط" (2026-09-09)
   ------------------------------------------------------------
   ليه القواعد دي جديدة بدل ما نعدّل .mw-ed-qa: الصفحة اتغيّر معمارها،
   مبقاش فيها مجموعات ولا فهرس ولا شريط خاتمة. سؤالين مفتوحين بخط أكبر في
   عمود قراءة ضيّق (~68ch)، وبعدهم تسعة بنود مطوية بخط أصغر في عمودين —
   التباين في المقاس والوزن هو اللي بيفرّق الصفحة عن باقي المعاهد.
   قواعد .mw-ed-qa-* القديمة سايبة مكانها (مش بتأثر على حاجة تانية) لأن
   ملفات تانية في الثيم ممكن تستعملها مستقبلًا.
   كله تحت body.theme-almawred فمستحيل يوصل لالمعهد أو لثيم تاني،
   وكله منطقي الاتجاه (inline-start/end) عشان العربي.
   ============================================================ */

body.theme-almawred .mw-fq {
    padding-bottom: 56px;
}

/* --- الافتتاحية: أول سؤالين، إجابة مفتوحة بخط أكبر ---
   الخط الأصفر الرأسي هو نفس علامة المورد في .mw-ed-lede — بيربط الصفحة
   ببقية الموقع من غير ما يكرّر معمار صفحة تانية. */
body.theme-almawred .mw-fq-top {
    max-width: 80ch;
    border-inline-start: 3px solid var(--site-accent, #fbc708);
    padding-inline-start: 22px;
}
body.theme-almawred .mw-fq-lead + .mw-fq-lead {
    margin-top: 28px;
}
body.theme-almawred .mw-fq-lead-q {
    margin: 0 0 10px;
    font-size: 1.22rem;
    font-weight: 800;
    line-height: 1.5;
    color: var(--mw-ink, #10233d);
    text-align: start;
}
/* أول سؤال هو الأكثر سؤالًا، فله وزن أكبر — التدرّج ده بديل الترقيم. */
body.theme-almawred .mw-fq-lead--first .mw-fq-lead-q {
    font-size: 1.5rem;
}
body.theme-almawred .mw-fq-lead-a {
    margin: 0;
    max-width: 74ch;
    font-size: 1.04rem;
    line-height: 1.9;
    color: var(--mw-ed-body, #48586e);
    text-align: start;
}
body.theme-almawred .mw-fq-lead--first .mw-fq-lead-a {
    font-size: 1.1rem;
}

/* --- السجل المضغوط: باقي الأسئلة، خط أصغر وعمودين ---
   العرض هنا أوسع من عمود الافتتاحية عمدًا: القفزة في المقاس هي اللي
   بتقول "دي طبقة تانية من المحتوى" من غير عنوان مجموعة. */
body.theme-almawred .mw-fq-brief {
    position: relative;
    margin-top: 48px;
    padding-top: 12px;
    max-width: 1040px;
    border-top: 1px solid var(--mw-ed-hair, #dfe4ec);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 52px;
    align-content: start;
    /* كل بند بطوله هو: من غير كده الخط الشعرة بتاع البند المقفول بينزل مع
       ارتفاع الصف لما البند اللي جنبه يتفتح، فيبان وكأنه صف فاضي. */
    align-items: start;
}
/* شرطة صفراء قصيرة فوق الخط الشعرة: نفس علامة .mw-art-sub في صفحة "عن المعهد". */
body.theme-almawred .mw-fq-brief::before {
    content: "";
    position: absolute;
    top: -1px;
    inset-inline-start: 0;
    width: 56px;
    height: 3px;
    background: var(--site-accent, #fbc708);
}
body.theme-almawred .mw-fq-item {
    border-bottom: 1px solid var(--mw-ed-hair, #dfe4ec);
}
body.theme-almawred .mw-fq-item > summary {
    padding: 12px 0;
    cursor: pointer;
    font-size: .92rem;
    font-weight: 700;
    line-height: 1.6;
    color: var(--mw-ink, #10233d);
    text-align: start;
}
/* علامة الإفصاح الأصلية للمتصفح — مش علامة + ولا سهم في آخر الصف. */
body.theme-almawred .mw-fq-item > summary::marker,
body.theme-almawred .mw-fq-item > summary::-webkit-details-marker {
    color: var(--site-primary, #1764a4);
}
body.theme-almawred .mw-fq-item > summary:hover,
body.theme-almawred .mw-fq-item[open] > summary {
    color: var(--site-primary, #1764a4);
}
body.theme-almawred .mw-fq-a {
    margin: 0 0 16px;
    max-width: 62ch;
    padding-inline-start: 16px;
    border-inline-start: 2px solid var(--mw-ed-hair, #dfe4ec);
    font-size: .87rem;
    line-height: 1.85;
    color: var(--mw-ed-body, #48586e);
    text-align: start;
}

@media (max-width: 991px) {
    body.theme-almawred .mw-fq-brief {
        column-gap: 34px;
    }
}

@media (max-width: 767px) {
    body.theme-almawred .mw-fq-top {
        max-width: none;
        padding-inline-start: 16px;
    }
    body.theme-almawred .mw-fq-lead--first .mw-fq-lead-q {
        font-size: 1.3rem;
    }
    body.theme-almawred .mw-fq-lead-q {
        font-size: 1.1rem;
    }
    body.theme-almawred .mw-fq-lead--first .mw-fq-lead-a {
        font-size: 1.02rem;
    }
    body.theme-almawred .mw-fq-lead-a {
        font-size: .98rem;
    }
    body.theme-almawred .mw-fq-brief {
        grid-template-columns: minmax(0, 1fr);
        margin-top: 36px;
    }
    /* الموبايل: المحتوى مفتوح (القاعدة المتفق عليها في الـ11) وبدون أي JS.
       المحرّكات الحديثة بتخبّي محتوى details جوّه ::details-content،
       والقديمة بتستعمل display:none على الأبناء — فالاتنين متغطيين.
       والملخّص بيبقى عنوان صغير مش زرار: مفيش علامة إفصاح ومفيش ضغط. */
    body.theme-almawred .mw-fq-item::details-content {
        content-visibility: visible !important;
        block-size: auto !important;
    }
    body.theme-almawred .mw-fq-item > .mw-fq-a {
        display: block;
    }
    body.theme-almawred .mw-fq-item > summary {
        list-style: none;
        cursor: default;
        pointer-events: none;
        padding-bottom: 8px;
    }
    body.theme-almawred .mw-fq-item > summary::-webkit-details-marker {
        display: none;
    }
    body.theme-almawred .mw-fq-item {
        border-bottom: 0;
        padding-top: 14px;
    }
    body.theme-almawred .mw-fq-item + .mw-fq-item {
        border-top: 1px solid var(--mw-ed-hair, #dfe4ec);
    }
    body.theme-almawred .mw-fq-a {
        padding-inline-start: 14px;
    }
}

/* مدن الموقع جوّه إجابة واحدة بس (أين تُعقد الدورات): روابط نصية بفاصل نقطي،
   بخط أصغر من الإجابة. مقصود إنها في بند واحد — عشان البنود ما تبقاش كلها
   بنفس النمط. الاتجاه منطقي فالعربي بيقلب لوحده. */
body.theme-almawred .mw-fq-cities {
    margin: -8px 0 16px;
    padding-inline-start: 16px;
    border-inline-start: 2px solid var(--mw-ed-hair, #dfe4ec);
    font-size: .8rem;
    line-height: 1.9;
    color: var(--mw-ed-muted, #64748b);
    text-align: start;
}
body.theme-almawred .mw-fq-cities a {
    color: var(--site-primary, #1764a4);
    font-weight: 600;
    text-decoration: none;
    /* اسم المدينة مبيتقسمش على سطرين ("Abu / Dhabi") — نفس قاعدة .mw-art-sign. */
    white-space: nowrap;
}
body.theme-almawred .mw-fq-cities a:hover {
    text-decoration: underline;
}
/* الفاصل رمادي مش أصفر: الأصفر على الخلفية الفاتحة مكانش بيبان أصلاً. */
body.theme-almawred .mw-fq-cities span {
    /* في الماركب مسافة حقيقية حوالين الفاصل (فرصة كسر السطر)، فالهامش هنا صغير. */
    margin-inline: 2px;
    color: var(--mw-ed-muted, #64748b);
}
@media (max-width: 767px) {
    body.theme-almawred .mw-fq-cities {
        padding-inline-start: 14px;
        margin-bottom: 4px;
    }
}

/* ============================================================
   المورد — صفحتا الخدمات، معمار جديد (2026-09-09)
   ------------------------------------------------------------
   ليه الملف اتزاد بدل ما القواعد القديمة تتعدّل: قواعد
   .inst-ih-* / .inst-pub-* القديمة (فوق) بتخدم الماركب المشترك
   في app/Views/institute/، وده لسه بيستخدمه معاهد تانية — فمسحها
   بيكسّرهم. الماركب الجديد بتاع المورد بأسماء جديدة تمامًا
   (.mw-letter-* و .mw-essay-*) فمفيش تصادم ولا قاعدة قديمة اتغيّرت.

   ليه معماران مختلفان:
   - /services/in-house-courses = رسالة موقّعة بملحق فيه نموذج.
   - /services/public-courses  = مقال بحرف استهلالي بجدول صفّين.
   الاتنين من نفس الموقع (كحلي/أزرق + خط أصفر، زوايا قائمة، خطوط
   شعرة) لكن مفيش أي كتلة مشتركة بينهم — ولا قائمة بنود في أي منهم.
   ============================================================ */

/* ------------------------------------------------------------
   1) الدورات الداخلية — رسالة مفتوحة (.mw-letter)
   ------------------------------------------------------------ */

/* ورقة رسالة في نص الصفحة. --mw-letter-pad متغيّر عشان الملحق
   يقدر يخرج لحواف الورقة بالظبط بهامش سالب مساوي للحشو — من غير
   المتغيّر ده أي تغيير في الحشو على الموبايل بيعمل تمرير أفقي. */
body.theme-almawred .mw-letter-sheet {
    --mw-letter-pad: 48px;
    max-width: 780px;
    margin-inline: auto;
    background: #fff;
    border: 1px solid var(--mw-line, #d8dee7);
    border-top: 4px solid #10233d;
    box-shadow: 0 10px 30px rgba(16, 35, 61, .07);
    padding-inline: var(--mw-letter-pad);
    padding-block: 40px 0;
}

/* ترويسة الرسالة: سطر المرسَل إليه ثم سطر الموضوع. */
body.theme-almawred .mw-letter-to {
    margin: 0 0 12px;
    font-size: .84rem;
    font-weight: 600;
    color: var(--mw-ed-muted, #64748b);
}
/* التباعد والحروف الكبيرة للاتيني بس — في العربي التباعد بيفكّ
   وصل الحروف والـuppercase مالوش معنى. */
body.theme-almawred:not([dir="rtl"]) .mw-letter-to {
    letter-spacing: .1em;
    text-transform: uppercase;
}
body.theme-almawred .mw-letter-subject {
    margin: 0;
    font-size: .92rem;
    font-weight: 600;
    color: var(--mw-ed-muted, #64748b);
}
body.theme-almawred .mw-letter-subject span {
    display: block;
    margin-top: 6px;
    font-size: 1.62rem;
    font-weight: 800;
    line-height: 1.25;
    color: #10233d;
}
/* الخط الأصفر — توقيع الموقع البصري، بيفصل الترويسة عن المتن. */
body.theme-almawred .mw-letter-subject::after {
    content: "";
    display: block;
    width: 64px;
    height: 4px;
    background: #fbc708;
    margin-top: 16px;
}

/* المتن: عرض قراية محدود (~66 حرف) وسطور مفتوحة — دي رسالة تتقرا،
   مش لوحة بنود. */
body.theme-almawred .mw-letter-body {
    padding-block: 26px 8px;
    border-bottom: 1px solid var(--mw-ed-hair, #dfe4ec);
}
body.theme-almawred .mw-letter-body p {
    max-width: 66ch;
    margin: 0 0 18px;
    font-size: 1.02rem;
    line-height: 1.95;
    color: #3c4d63;
}
body.theme-almawred .mw-letter-lede {
    font-size: 1.14rem;
    line-height: 1.85;
    color: #22364f;
}

/* التوقيع: شرطة قصيرة كحلية زي توقيع بالقلم، ثم الاسم وبيانات التواصل. */
body.theme-almawred .mw-letter-sign {
    padding-block: 22px 30px;
}
body.theme-almawred .mw-letter-sign::before {
    content: "";
    display: block;
    width: 96px;
    height: 2px;
    background: #10233d;
    margin-bottom: 12px;
}
body.theme-almawred .mw-letter-sign-name {
    margin: 0 0 4px;
    font-size: 1.05rem;
    font-weight: 800;
    color: #10233d;
}
body.theme-almawred .mw-letter-sign-line {
    margin: 0;
    font-size: .9rem;
    color: var(--mw-ed-muted, #64748b);
}
body.theme-almawred .mw-letter-sign-line a {
    color: #1764a4;
    font-weight: 600;
    text-decoration: none;
}
body.theme-almawred .mw-letter-sign-line a:hover {
    text-decoration: underline;
}

/* الملحق: بيخرج لحواف الورقة (هامش سالب = الحشو) وبيقفلها من تحت،
   فالصفحة بتنتهي بطلب فعلي مش بزرار سايب. */
body.theme-almawred .mw-letter-annex {
    margin-inline: calc(var(--mw-letter-pad) * -1);
    padding-inline: var(--mw-letter-pad);
    padding-block: 30px 34px;
    background: #10233d;
}
body.theme-almawred .mw-letter-annex-tag {
    margin: 0 0 8px;
    font-size: .74rem;
    font-weight: 700;
    color: #fbc708;
}
body.theme-almawred:not([dir="rtl"]) .mw-letter-annex-tag {
    letter-spacing: .18em;
    text-transform: uppercase;
}
body.theme-almawred .mw-letter-annex h3 {
    margin: 0 0 10px;
    font-size: 1.2rem;
    font-weight: 800;
    color: #fff;
}
body.theme-almawred .mw-letter-annex-note {
    margin: 0 0 20px;
    max-width: 60ch;
    font-size: .92rem;
    line-height: 1.8;
    /* أزرق فاتح جدًا على الكحلي — تباين عالي، مش رمادي باهت. */
    color: #cfdcec;
}
body.theme-almawred .mw-letter-form-label {
    display: block;
    margin-bottom: 8px;
    font-size: .84rem;
    font-weight: 600;
    color: #cfdcec;
}
body.theme-almawred .mw-letter-form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: stretch;
}
/* الحقل أبيض بنص كحلي بدل حقل شفاف على الكحلي — التباين أعلى
   والـplaceholder بيفضل مقروء. */
body.theme-almawred .mw-letter-form .form-control {
    flex: 1 1 260px;
    min-width: 0;
    height: 46px;
    padding-inline: 14px;
    background: #fff;
    border: 1px solid #fff;
    color: #10233d;
    font-size: .98rem;
}
body.theme-almawred .mw-letter-form .form-control::placeholder {
    color: #64748b;
    opacity: 1;
}
body.theme-almawred .mw-letter-form .form-control:focus {
    outline: 3px solid #fbc708;
    outline-offset: 1px;
}
/* !important لأن .btn-primary في _brand.css متعرّف بـ!important. */
body.theme-almawred .mw-letter-form .btn-primary {
    height: 46px;
    padding-inline: 28px;
    background: #fbc708 !important;
    border: 1px solid #fbc708 !important;
    color: #10233d !important;
    font-weight: 800;
}
body.theme-almawred .mw-letter-form .btn-primary:hover,
body.theme-almawred .mw-letter-form .btn-primary:focus {
    background: #ffd63d !important;
    border-color: #ffd63d !important;
    color: #10233d !important;
}

@media (max-width: 575px) {
    body.theme-almawred .mw-letter-sheet {
        --mw-letter-pad: 20px;
        padding-block: 28px 0;
    }
    body.theme-almawred .mw-letter-subject span {
        font-size: 1.34rem;
    }
    body.theme-almawred .mw-letter-form-row {
        /* الزر تحت الحقل بعرض كامل — أسهل باللمس من صفّين مضغوطين. */
        flex-direction: column;
    }
    /* لازم يتلغي flex-basis بتاع الصف الأفقي: في اتجاه عمودي الـbasis
       بيبقى **ارتفاع**، فالحقل كان بيطلع 260px طول. */
    body.theme-almawred .mw-letter-form .form-control {
        flex: 0 0 auto;
        width: 100%;
    }
    body.theme-almawred .mw-letter-form .btn-primary {
        width: 100%;
    }
}

/* ------------------------------------------------------------
   2) الدورات العامة — مقال بحرف استهلالي (.mw-essay)
   ------------------------------------------------------------
   عمدًا من غير ورقة ولا إطار، عكس صفحة الرسالة: عمود نص مفتوح
   على أبيض، وكل الثقل البصري في جدول الشروط آخر الصفحة. */
body.theme-almawred .mw-essay {
    background: #fff;
    padding-block: 48px 64px;
}
body.theme-almawred .mw-essay-piece {
    max-width: 760px;
    margin-inline: auto;
}
body.theme-almawred .mw-essay-body p {
    max-width: 68ch;
    margin: 0 0 22px;
    font-size: 1.06rem;
    line-height: 1.95;
    color: #3c4d63;
}
body.theme-almawred .mw-essay-body a {
    color: #1764a4;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}
body.theme-almawred .mw-essay-body a:hover {
    color: #10233d;
    text-decoration-color: #fbc708;
    text-decoration-thickness: 2px;
}

/* الحرف الاستهلالي — لاتيني: حرف واحد نازل على سطرين. */
body.theme-almawred:not([dir="rtl"]) .mw-essay-initial {
    /* القاعدة دي مقصورة على LTR أصلاً (الحارس :not([dir="rtl"]))، فـleft هنا
       هي inline-start بعينها — ومكتوبة الأول كاحتياطي لأي متصفح قديم مش فاهم
       float:inline-start؛ من غيرها الحرف الاستهلالي بيقف من غير تعويم. */
    float: left;
    float: inline-start;
    margin-inline-end: 10px;
    /* الهامش العلوي بيوقّع الحرف على خطّ أول سطر بدل ما يطلع فوقه. */
    margin-block: 11px 0;
    font-size: 4.1rem;
    line-height: .78;
    font-weight: 800;
    color: #1764a4;
}
/* عربي: الحروف متصلة فالحرف المنفصل بيكسر الكلمة — المكافئ الصحيح
   كلمة استهلالية مكبّرة بلون الموقع، من غير تعويم. */
body.theme-almawred[dir="rtl"] .mw-essay-initial {
    font-size: 1.55rem;
    font-weight: 800;
    color: #1764a4;
}

/* جدول الشروط: هو خاتمة المقال، فبياخد الخط الأصفر فوقه. */
body.theme-almawred .mw-essay-terms {
    margin-top: 42px;
    padding-top: 30px;
    border-top: 4px solid #fbc708;
}
body.theme-almawred .mw-essay-terms h2 {
    margin: 0 0 18px;
    font-size: 1.3rem;
    font-weight: 800;
    color: #10233d;
}
/* الجدول ليه caption للقارئ الشاشي، لكنه مخفي بصريًا لأن الـh2
   فوقه بيقول نفس الكلام. */
body.theme-almawred .mw-essay-caption {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
}
/* غلاف بتمرير أفقي خاص بالجدول — الجدول لوحده هو اللي بيمرّر لو
   ضاق، الصفحة لأ. */
body.theme-almawred .mw-essay-tablewrap {
    overflow-x: auto;
}
body.theme-almawred .mw-essay-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid var(--mw-line, #d8dee7);
}
body.theme-almawred .mw-essay-table thead th {
    padding: 12px 16px;
    background: #10233d;
    color: #fff;
    font-size: .78rem;
    font-weight: 700;
    text-align: start;
}
body.theme-almawred:not([dir="rtl"]) .mw-essay-table thead th {
    letter-spacing: .12em;
    text-transform: uppercase;
}
body.theme-almawred .mw-essay-table tbody th {
    width: 32%;
    padding: 20px 16px;
    background: var(--mw-bg, #f4f6f9);
    color: #10233d;
    font-size: 1rem;
    font-weight: 800;
    text-align: start;
    vertical-align: top;
    border-bottom: 1px solid var(--mw-line, #d8dee7);
}
body.theme-almawred .mw-essay-table tbody td {
    padding: 20px 16px;
    color: #3c4d63;
    font-size: .97rem;
    line-height: 1.85;
    vertical-align: top;
    border-bottom: 1px solid var(--mw-line, #d8dee7);
    border-inline-start: 1px solid var(--mw-line, #d8dee7);
}
body.theme-almawred .mw-essay-table tbody tr:last-child th,
body.theme-almawred .mw-essay-table tbody tr:last-child td {
    border-bottom: 0;
}

@media (max-width: 575px) {
    /* على الموبايل الجدول بيتفكّ لكتل فوق بعض بدل عمودين ضيقين —
       المحتوى كله مفتوح، ومفيش تمرير أفقي. رأس الأعمدة بيتخفّى لأن
       عنوان كل صف بيوصف نفسه. */
    body.theme-almawred .mw-essay-table thead {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip-path: inset(50%);
    }
    body.theme-almawred .mw-essay-table tbody th,
    body.theme-almawred .mw-essay-table tbody td {
        display: block;
        width: auto;
        border-inline-start: 0;
    }
    body.theme-almawred .mw-essay-table tbody th {
        background: #10233d;
        color: #fff;
        border-bottom: 0;
        padding-block: 12px;
    }
    body.theme-almawred .mw-essay-table tbody td {
        border-bottom: 1px solid var(--mw-line, #d8dee7);
    }
    body.theme-almawred .mw-essay-table tbody tr:last-child td {
        border-bottom: 0;
    }
    body.theme-almawred:not([dir="rtl"]) .mw-essay-initial {
        font-size: 3.4rem;
    }
}

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

   من غير حرف استهلالي عمدًا: الحرف الاستهلالي علامة صفحتَي "من نحن"
   (.mw-art-drop) و"الدورات العامة" (.mw-essay-initial) جوّه المورد،
   وصفحة العملاء لازم تفضل مميّزة عنهم جوّه الموقع نفسه كمان.

   قواعد جديدة كلها تحت body.theme-almawred و.mw-cl-* — مفيش قاعدة قديمة
   اتغيّرت، ومفيش أي أثر على المعهد ولا على أي ثيم تاني. */

body.theme-almawred .mw-cl {
    background: #fff;
    /* الفراغ السفلي صغير عشان حيطة اللوجوهات تيجي ورا الفقرة على طول
       (padding بتاعها 44px فوق) بدل فجوة مزدوجة. */
    padding-block: 46px 8px;
}

body.theme-almawred .mw-cl-piece {
    /* عمود قراءة واحد في النص — مفيش فهرس جانبي هنا لأن الصفحة بند واحد
       وفقرة واحدة، والفهرس كان بيبقى شريط فاضي جنبها. */
    /* الخط الأصفر بياخد عرض الحاوية كلها، والنص تحته بعرض قراءة ضيّق —
       فالفراغ اللي جنب الفقرة يبان مقصود (تخطيط افتتاحية) مش ناقص.
       وهو مع الخط الغامق اللي تحت عنوان حيطة اللوجوهات بيعملوا قوسين
       حوالين الفقرة، وهي كل محتوى الصفحة. من غير عنوان قسم عمدًا. */
    border-top: 2px solid var(--site-accent, #fbc708);
    padding-top: 26px;
}

body.theme-almawred .mw-cl-para {
    margin: 0;
    /* عرض قراءة مريح، مصفوف على بداية السطر عشان يقف على نفس خط عنوان
       حيطة اللوجوهات تحته وافتتاحية البانر فوقه. منطقي-الاتجاه فبيقلب
       لوحده في العربي. */
    max-width: 78ch;
    margin-inline: 0 auto;
    /* حجم "افتتاحية" أكبر من نص المتن: الفقرة دي هي المحتوى كله مش تمهيد له. */
    font-size: 1.24rem;
    line-height: 1.95;
    color: #26374d; /* على أبيض = تباين ~11:1 */
    text-align: start;
    text-wrap: pretty;
}

/* اسم القطاع بيتميّز بالوزن واللون بس — من غير نقطة ولا أيقونة ولا سطر
   خاص بيه، عشان ما يرجعش يتقرا كبند في قائمة. */
body.theme-almawred .mw-cl-name {
    font-weight: 700;
    color: #1764a4; /* على أبيض = تباين ~6.2:1 */
}

/* الرابط الوحيد في الصفحة: نصّي جوّه الجملة بدل زرار CTA مستقل. */
body.theme-almawred .mw-cl-para a {
    color: #10233d;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: var(--site-accent, #fbc708);
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}
body.theme-almawred .mw-cl-para a:hover,
body.theme-almawred .mw-cl-para a:focus-visible {
    color: #1764a4;
    text-decoration-color: #1764a4;
}

@media (max-width: 767px) {
    body.theme-almawred .mw-cl {
        padding-block: 30px 4px;
    }
    body.theme-almawred .mw-cl-piece {
        padding-top: 20px;
    }
    body.theme-almawred .mw-cl-para {
        /* على الموبايل الفقرة طويلة، فالحجم بينزل لحجم قراءة مريح —
           والمحتوى كله مفتوح، مفيش طي ولا "اقرأ المزيد". */
        font-size: 1.06rem;
        line-height: 1.9;
    }
}

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

   عند المورد الصفحة بقت ورقة قراءة واحدة متمركزة: عمود ~720px،
   عناوين نثرية على خط شعرة بدل الشرايط، حقول بخط سفلي بدل الصناديق،
   وسطر توقيع في آخر الورقة بدل البطاقة الجانبية. ده امتداد لنظام
   المورد نفسه (عمود قراءة + خطوط شعرة + شرطة صفراء) اللي ماشي على
   /about و/clients — فالصفحة تبان من الموقع، ومش من أي موقع تاني.

   كله تحت body.theme-almawred و.mw-rg-* — المعهد وباقي الثيمات ما بيتأثروش.
   ════════════════════════════════════════════════════════════ */

body.theme-almawred .mw-rg {
    background: #fff;
    padding-block: 42px 64px;
}

/* عرض القراءة هو أساس التخطيط كله: العمود واحد ومتمركز، فما فيش
   جهة يمين فاضية تستدعي بطاقة جانبية تملاها. */
body.theme-almawred .mw-rg-sheet {
    max-width: 720px;
    margin-inline: auto;
}

/* --- الترويسة --- */
body.theme-almawred .mw-rg-masthead {
    border-top: 3px solid var(--site-accent, #fbc708);
    padding-top: 22px;
    margin-bottom: 40px;
}
body.theme-almawred .mw-rg-kicker {
    margin: 0 0 6px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #1764a4; /* على أبيض ≈ 5.6:1 */
}
body.theme-almawred[dir="rtl"] .mw-rg-kicker {
    letter-spacing: normal;
    font-size: .85rem;
}
body.theme-almawred .mw-rg-title {
    margin: 0 0 14px;
    font-size: 2.2rem;
    line-height: 1.2;
    font-weight: 800;
    color: var(--mw-ink, #10233d);
}
body.theme-almawred .mw-rg-lede {
    margin: 0;
    max-width: 62ch;
    font-size: 1.06rem;
    line-height: 1.9;
    color: #34465e; /* على أبيض ≈ 8.9:1 */
    text-align: start;
    text-wrap: pretty;
}

/* --- أقسام الاستمارة --- */
body.theme-almawred .mw-rg-part {
    padding-top: 30px;
    margin-top: 34px;
    border-top: 1px solid var(--mw-ed-hair, #dfe4ec);
}
/* عنوان نثري: نص غامق على أبيض، من غير شريط ولا خلفية ولا رقم في
   مربّع — دي بالظبط العلامة اللي كانت بتوحّد الـ11 معهد. */
body.theme-almawred .mw-rg-h {
    margin: 0 0 8px;
    font-size: 1.34rem;
    font-weight: 800;
    line-height: 1.4;
    color: var(--mw-ink, #10233d);
}
body.theme-almawred .mw-rg-note {
    margin: 0 0 24px;
    max-width: 62ch;
    font-size: .97rem;
    line-height: 1.85;
    color: #48586e; /* على أبيض ≈ 7.3:1 */
    text-align: start;
}
body.theme-almawred .mw-rg-sub {
    margin: 30px 0 12px;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #5b6b80;
}
body.theme-almawred[dir="rtl"] .mw-rg-sub {
    letter-spacing: normal;
    font-size: .92rem;
}
body.theme-almawred .mw-rg-fine {
    margin: 0 0 18px;
    font-size: .84rem;
    line-height: 1.8;
    color: #4b5a6d;
    text-align: start;
}
body.theme-almawred .mw-rg-fine a {
    color: #1764a4;
}
body.theme-almawred .mw-rg-msg:not(:empty) {
    margin-bottom: 22px;
}

/* --- الحقول --- */
body.theme-almawred .mw-rg-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 26px;
}
body.theme-almawred .mw-rg-field--wide {
    grid-column: 1 / -1;
}
body.theme-almawred .mw-rg-field label {
    display: block;
    margin: 0 0 4px;
    font-size: .8rem;
    font-weight: 700;
    color: #34465e;
}

/* خط سفلي بدل الصندوق: نفس لغة نماذج المورد التانية، وبيخلّي شبكة
   الحقول تُقرا كسطور في ورقة مش كصناديق مرصوصة. */
body.theme-almawred .mw-rg-form .form-control,
body.theme-almawred .mw-rg-form input[type="text"],
body.theme-almawred .mw-rg-form input[type="email"],
body.theme-almawred .mw-rg-form select,
body.theme-almawred .mw-rg-form textarea {
    width: 100%;
    max-width: 100%;
    border: 0 !important;
    border-bottom: 1px solid #c6cfdb !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding-inline: 0 !important;
    padding-block: 8px !important;
    height: auto !important;
    color: var(--mw-ink, #10233d);
}
body.theme-almawred .mw-rg-form .form-control:focus,
body.theme-almawred .mw-rg-form select:focus,
body.theme-almawred .mw-rg-form textarea:focus {
    border-bottom-color: var(--site-primary, #1764a4) !important;
    outline: 2px solid transparent;
    outline-offset: 2px;
}
body.theme-almawred .mw-rg-form .form-control::placeholder,
body.theme-almawred .mw-rg-form textarea::placeholder {
    color: #6b7a8d; /* على أبيض ≈ 4.6:1 */
    opacity: 1;
}
/* الشيك بوكس لازم يفضل مربّع — القاعدة فوق عامة على input فبتشيل حدوده. */
body.theme-almawred .mw-rg-form input[type="checkbox"],
body.theme-almawred .mw-rg-form input[type="radio"] {
    width: auto !important;
    border: 1px solid #8894a5 !important;
    padding: 0 !important;
    height: auto !important;
    accent-color: var(--site-primary, #1764a4);
}

/* --- مفتاحا "جهة العمل / حسابي الخاص" --- */
/* مش كبسولتين بأيقونتين زي الأصل: مفتاحان نصيّان على خط شعرة، والمختار
   بيتعلّم بشرطة صفراء تحته — نفس الشرطة اللي بتعلّم ترويسة الصفحة. */
body.theme-almawred .mw-rg-switch.nav-tabs {
    border: 0;
    border-bottom: 1px solid var(--mw-ed-hair, #dfe4ec);
    gap: 28px;
    margin-bottom: 4px;
}
body.theme-almawred .mw-rg-switch.nav-tabs .nav-link {
    border: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 10px 0 12px;
    margin: 0;
    font-size: .98rem;
    font-weight: 700;
    color: #5b6b80;
    box-shadow: inset 0 -3px 0 transparent;
}
body.theme-almawred .mw-rg-switch.nav-tabs .nav-link:hover {
    color: var(--mw-ink, #10233d);
}
body.theme-almawred .mw-rg-switch.nav-tabs .nav-link.active {
    color: var(--mw-ink, #10233d);
    box-shadow: inset 0 -3px 0 var(--site-accent, #fbc708);
}

/* --- لوح التبويب: محتواه بييجي من company_tab/self_tab بماركب بوتستراب
       ثابت لا يجوز تغييره (الأياكس بيعيد حقنه)، فبيتعدّل من هنا بس. --- */
body.theme-almawred .mw-rg-panes {
    padding-top: 26px;
}
body.theme-almawred .mw-rg-panes .search-inner-box {
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
}
body.theme-almawred .mw-rg-panes .row {
    margin-inline: 0;
}
body.theme-almawred .mw-rg-panes [class*="col-"] {
    padding-inline: 0;
}
body.theme-almawred .mw-rg-panes .col-md-4,
body.theme-almawred .mw-rg-panes .col-md-6,
body.theme-almawred .mw-rg-panes .col-md-8 {
    padding-inline-end: 26px;
}
body.theme-almawred .mw-rg-panes .form-group {
    margin-bottom: 22px;
}
body.theme-almawred .mw-rg-panes h5 {
    margin: 6px 0 16px;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #5b6b80;
}
body.theme-almawred[dir="rtl"] .mw-rg-panes h5 {
    letter-spacing: normal;
    font-size: .92rem;
}
/* مجموعة المشاركين: الأصل كان صندوق رمادي بحدود. هنا خط على بداية
   السطر — نفس أسلوب الهوامش في باقي صفحات المورد. */
body.theme-almawred .mw-rg-panes #participants {
    border-inline-start: 3px solid var(--site-accent, #fbc708);
    padding-inline-start: 20px;
    margin-block: 8px 4px;
}
body.theme-almawred .mw-rg-panes .tab-pane .search-inner-box div[style*="background"] {
    background: transparent !important;
    border: 0 !important;
}
body.theme-almawred .mw-rg-panes .addmore-participents,
body.theme-almawred .mw-rg-panes .remove-participents {
    background: transparent !important;
    color: var(--site-primary, #1764a4) !important;
    border: 0 !important;
    border-bottom: 2px solid var(--site-accent, #fbc708) !important;
    border-radius: 0 !important;
    padding: 6px 0 !important;
    font-weight: 700;
}

/* --- الموافقة والإرسال --- */
body.theme-almawred .mw-rg-checks {
    display: grid;
    gap: 12px;
    margin-bottom: 26px;
}
body.theme-almawred .mw-rg-checks label {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    margin: 0;
    font-weight: 400;
    font-size: .9rem;
    line-height: 1.7;
    color: #3d4d61;
    text-align: start;
}
body.theme-almawred .mw-rg-checks input[type="checkbox"] {
    margin-top: 5px;
    flex: 0 0 auto;
}
body.theme-almawred .mw-rg-send {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 22px;
    margin-bottom: 18px;
}
/* زر رئيسي واحد، والتاني بخط سفلي — الاتنين مطلوبين وظيفيًا
   (register.js بيقرا كل واحد بالـid) لكن نظام المورد بيسمح بزر
   رئيسي واحد في الشاشة، فالترتيب بصري مش حذف. */
body.theme-almawred .mw-rg-btn {
    background: var(--site-primary, #1764a4) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 14px 34px !important;
    font-weight: 700;
}
body.theme-almawred .mw-rg-btn:hover {
    background: #10233d !important;
}
body.theme-almawred .mw-rg-btn2 {
    background: transparent !important;
    color: #10233d !important;
    border: 0 !important;
    border-bottom: 2px solid var(--site-accent, #fbc708) !important;
    border-radius: 0 !important;
    padding: 6px 0 !important;
    font-weight: 700;
}
body.theme-almawred .mw-rg-btn2:hover {
    color: var(--site-primary, #1764a4) !important;
}

/* --- سطر التوقيع بدل البطاقة الجانبية --- */
body.theme-almawred .mw-rg-sign {
    margin-top: 48px;
}
body.theme-almawred .mw-rg-sign-rule {
    display: block;
    width: 64px;
    height: 3px;
    background: var(--site-accent, #fbc708);
    margin-bottom: 14px;
}
body.theme-almawred .mw-rg-sign-line {
    margin: 0;
    font-size: .92rem;
    line-height: 2;
    color: #3d4d61;
    text-align: start;
}
body.theme-almawred .mw-rg-sign-line strong {
    color: var(--mw-ink, #10233d);
}
body.theme-almawred .mw-rg-sign-sep {
    color: #7d8a9b;
    margin-inline: 8px;
}
body.theme-almawred .mw-rg-sign-line a {
    color: #1764a4;
    text-decoration: none;
    border-bottom: 1px solid rgba(23, 100, 164, .35);
}
body.theme-almawred .mw-rg-sign-line a:hover {
    border-bottom-color: #1764a4;
}

/* --- جدول المواعيد: خطوط بدل زيبرا ملوّنة --- */
body.theme-almawred .mw-rg-form #schedule {
    width: 100%;
    padding: 0;
    border: 0 !important;
    font-size: .92rem;
}
body.theme-almawred .mw-rg-form #schedule th {
    background: var(--mw-ink, #10233d);
    color: #fff;
    border: 0 !important;
    font-weight: 700;
    padding: 10px 12px;
}
body.theme-almawred .mw-rg-form #schedule td {
    border: 0 !important;
    border-bottom: 1px solid var(--mw-ed-hair, #dfe4ec) !important;
    padding: 10px 12px;
    background: transparent !important;
}

@media (max-width: 767px) {
    body.theme-almawred .mw-rg {
        padding-block: 26px 44px;
    }
    body.theme-almawred .mw-rg-title {
        font-size: 1.62rem;
    }
    body.theme-almawred .mw-rg-lede {
        font-size: 1rem;
    }
    /* عمود واحد على الموبايل، وأعمدة بوتستراب اللي جوّه التبويب
       بتتفرد كاملة — ده اللي بيمنع أي تمرير أفقي عند 390px. */
    body.theme-almawred .mw-rg-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    body.theme-almawred .mw-rg-panes .col-md-4,
    body.theme-almawred .mw-rg-panes .col-md-6,
    body.theme-almawred .mw-rg-panes .col-md-8 {
        padding-inline-end: 0;
    }
    body.theme-almawred .mw-rg-switch.nav-tabs {
        gap: 20px;
    }
    body.theme-almawred .mw-rg-send {
        gap: 14px;
    }
    body.theme-almawred .mw-rg-btn {
        width: 100%;
        text-align: center;
    }
}

/* --- تغلّب على قواعد #register-section القديمة (fullcss + _brand) ---
   القواعد دي بتيجي بـid فبتكسب على أي كلاس مهما كان عددها، ومعظمها
   !important. فلازم نفس الـid يتكرر هنا عشان الورقة تفضل ورقة:
   شريط التبويب من غير كبسولات ملوّنة، ولوح التبويب من غير كارت أبيض
   بظل — الاتنين دول كانوا من علامات "نفس الصفحة" عند الـ11 معهد. */
body.theme-almawred #register-section .mw-rg-switch.nav-tabs .nav-link {
    background: transparent !important;
    color: #5b6b80 !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 10px 0 12px !important;
    margin: 0 !important;
    box-shadow: inset 0 -3px 0 transparent !important;
    font-weight: 700;
    letter-spacing: normal;
    text-transform: none;
}
body.theme-almawred #register-section .mw-rg-switch.nav-tabs .nav-link:hover {
    color: var(--mw-ink, #10233d) !important;
}
body.theme-almawred #register-section .mw-rg-switch.nav-tabs .nav-link.active {
    background: transparent !important;
    color: var(--mw-ink, #10233d) !important;
    box-shadow: inset 0 -3px 0 var(--site-accent, #fbc708) !important;
}
body.theme-almawred #register-section #nav-tabContent.mw-rg-panes {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 26px 0 0 !important;
    top: 0;
}
body.theme-almawred #register-section .mw-rg-form .form-control {
    height: auto !important;
    border-radius: 0 !important;
}
/* الأصل بيحط الصف ده على عرض 100% ثابت داخل شبكة بوتستراب؛ الورقة
   عندنا مش شبكة، فالقاعدة ما بقاش ليها معنى وبتكسر الجريد. */
body.theme-almawred #register-section .mw-rg-sheet .row {
    margin-inline: 0;
}

/* ════════════════════════════════════════════════════════════
   /in-house-training-proposal — رسالة طلب (2026-09-09)
   ════════════════════════════════════════════════════════════
   ليه: الصفحة كانت نسخة من /register (نفس الشريطين، نفس الشبكة، نفس
   العمود الجانبي) عند الـ11 معهد. هنا بقت خطابًا: ترويسة "إلى/الموضوع"،
   وحقول جوّه جُمل جارية، وحاشية تواصل في الذيل.

   ومقصود إنها تفرق عن /register بتاع المورد نفسه كمان: التسجيل ورقة
   استمارة بشبكة حقول وعناوين نثرية، ودي نص متصل الحقول جوّاه — إيقاعان
   مختلفان في نفس الموقع.

   كله تحت body.theme-almawred و.mw-ih-* — مفيش أثر على المعهد ولا غيره.
   ════════════════════════════════════════════════════════════ */

body.theme-almawred .mw-ih {
    background: #fff;
    padding-block: 42px 66px;
}

/* ورقة خطاب: أضيق شوية من ورقة التسجيل، ومزاحة عن بداية السطر بهامش
   عشان تُقرا كورقة على مكتب مش كعمود مركزي. */
body.theme-almawred .mw-ih-letter {
    max-width: 760px;
    /* الورقة مزاحة عن بداية السطر ومش متمركزة: ده الفرق المعماري عن
       /register بتاع نفس الموقع (ورقة متمركزة)، وبيدّي الخطاب هامشًا
       على بدايته زي الخطاب المطبوع. clamp عشان الإزاحة تختفي على الضيق. */
    margin-inline: clamp(0px, 6vw, 96px) auto;
    border-inline-start: 3px solid var(--site-accent, #fbc708);
    padding-inline-start: 32px;
}

body.theme-almawred .mw-ih-ref {
    margin: 0 0 6px;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: #1764a4; /* على أبيض ≈ 5.6:1 */
}
body.theme-almawred[dir="rtl"] .mw-ih-ref {
    letter-spacing: normal;
    font-size: .86rem;
}
body.theme-almawred .mw-ih-title {
    margin: 0 0 30px;
    font-size: 2rem;
    line-height: 1.25;
    font-weight: 800;
    color: var(--mw-ink, #10233d);
}

/* --- ترويسة إلى / الموضوع --- */
body.theme-almawred .mw-ih-to {
    margin: 0 0 38px;
    padding: 18px 0;
    border-block: 1px solid var(--mw-ed-hair, #dfe4ec);
    display: grid;
    gap: 8px;
}
body.theme-almawred .mw-ih-to > div {
    display: grid;
    grid-template-columns: 5.5rem 1fr;
    gap: 12px;
    align-items: baseline;
}
body.theme-almawred .mw-ih-to dt {
    margin: 0;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: #5b6b80; /* على أبيض ≈ 5.4:1 */
}
body.theme-almawred[dir="rtl"] .mw-ih-to dt {
    letter-spacing: normal;
    font-size: .88rem;
}
body.theme-almawred .mw-ih-to dd {
    margin: 0;
    font-size: 1rem;
    font-weight: 700;
    color: var(--mw-ink, #10233d);
}

/* --- الفقرات --- */
body.theme-almawred .mw-ih-para + .mw-ih-para {
    margin-top: 34px;
}
body.theme-almawred .mw-ih-h {
    margin: 0 0 14px;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: #5b6b80;
}
body.theme-almawred[dir="rtl"] .mw-ih-h {
    letter-spacing: normal;
    font-size: .95rem;
}
/* السطر هو الوحدة هنا: line-height كبير عشان الحقول اللي جوّه الجملة
   ما تلزّقش في بعضها، والنص نفسه بحجم قراءة مريح. */
body.theme-almawred .mw-ih-line {
    margin: 0 0 12px;
    font-size: 1.1rem;
    line-height: 2.6;
    color: #26374d; /* على أبيض ≈ 10.8:1 */
    text-align: start;
}
body.theme-almawred .mw-ih-note {
    margin: 0 0 14px;
    max-width: 62ch;
    font-size: .95rem;
    line-height: 1.85;
    color: #48586e;
    text-align: start;
}
body.theme-almawred .mw-ih-msg:not(:empty) {
    margin-bottom: 22px;
}

/* --- الحقول جوّه الجملة --- */
/* inline-block عشان تفضل جزء من السطر، وخط سفلي بس عشان تُقرا كفراغ
   في خطاب مطبوع. width بالـch عشان الحقل يقول بحجمه إيه المتوقع فيه. */
body.theme-almawred .mw-ih-in {
    display: inline-block;
    width: auto;
    max-width: 100%;
    border: 0 !important;
    border-bottom: 1px solid #9fb0c4 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    height: auto !important;
    padding: 2px 6px !important;
    font-size: 1rem;
    line-height: 1.6;
    color: var(--mw-ink, #10233d);
    vertical-align: baseline;
}
body.theme-almawred .mw-ih-in:focus {
    outline: 0;
    border-bottom-color: var(--site-primary, #1764a4) !important;
    background: #f4f7fb !important;
}
body.theme-almawred .mw-ih-in::placeholder {
    color: #6b7a8d; /* على أبيض ≈ 4.6:1 */
    opacity: 1;
}
body.theme-almawred .mw-ih-in--sm { width: 10ch; }
body.theme-almawred .mw-ih-in--md { width: 15ch; }
body.theme-almawred .mw-ih-in--lg { width: 22ch; }
body.theme-almawred .mw-ih-in--xl { width: 30ch; }
body.theme-almawred select.mw-ih-in {
    width: auto;
    max-width: 100%;
    padding-inline-end: 22px !important;
}

body.theme-almawred .mw-ih-area {
    width: 100%;
    max-width: 100%;
    border: 0 !important;
    border-bottom: 1px solid #9fb0c4 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    height: auto !important;
    padding: 10px 0 !important;
    color: var(--mw-ink, #10233d);
}
body.theme-almawred .mw-ih-area:focus {
    outline: 0;
    border-bottom-color: var(--site-primary, #1764a4) !important;
}
body.theme-almawred .mw-ih-area::placeholder {
    color: #6b7a8d;
    opacity: 1;
}

/* --- الإرسال --- */
body.theme-almawred .mw-ih-send {
    margin-top: 34px;
    padding-top: 24px;
    border-top: 1px solid var(--mw-ed-hair, #dfe4ec);
}
body.theme-almawred .mw-ih-btn {
    background: var(--site-primary, #1764a4) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 14px 38px !important;
    font-weight: 700;
}
body.theme-almawred .mw-ih-btn:hover {
    background: #10233d !important;
}

/* --- الحاشية --- */
body.theme-almawred .mw-ih-foot {
    margin-top: 34px;
    padding-top: 16px;
    border-top: 1px solid var(--mw-ed-hair, #dfe4ec);
}
body.theme-almawred .mw-ih-foot-line {
    margin: 0;
    font-size: .9rem;
    line-height: 1.95;
    color: #48586e;
    text-align: start;
}
body.theme-almawred .mw-ih-foot-line strong {
    color: var(--mw-ink, #10233d);
}
body.theme-almawred .mw-ih-foot-line a {
    color: #1764a4;
    text-decoration: none;
    border-bottom: 1px solid rgba(23, 100, 164, .35);
}
body.theme-almawred .mw-ih-foot-line a:hover {
    border-bottom-color: #1764a4;
}

/* قواعد #register-section القديمة بتيجي بـid فبتكسب على الكلاسات؛
   الصفحة دي شايلة نفس الـid فلازم نفس الوزن هنا. */
body.theme-almawred #register-section .mw-ih-in,
body.theme-almawred #register-section .mw-ih-area {
    height: auto !important;
    border-radius: 0 !important;
}

@media (max-width: 767px) {
    body.theme-almawred .mw-ih {
        padding-block: 26px 44px;
    }
    body.theme-almawred .mw-ih-letter {
        padding-inline-start: 16px;
    }
    body.theme-almawred .mw-ih-title {
        font-size: 1.55rem;
    }
    body.theme-almawred .mw-ih-to > div {
        grid-template-columns: 1fr;
        gap: 2px;
    }
    /* على الشاشة الضيقة الحقل بياخد السطر كله: الجملة تفضل مقروءة،
       ومفيش أي حقل بيطلع بره العرض (صفر تمرير أفقي عند 390px). */
    body.theme-almawred .mw-ih-line {
        font-size: 1.02rem;
        line-height: 2.2;
    }
    body.theme-almawred .mw-ih-in,
    body.theme-almawred select.mw-ih-in {
        display: block;
        width: 100%;
        max-width: 100%;
        margin-block: 4px 10px;
        padding-inline: 0 !important;
    }
    /* الفاصلة/النقطة اللي مالهاش كلمة معاها بتفضل لوحدها في سطر لما كل
       حقل ياخد سطره — فبتتخفي هنا. الكلمات الرابطة بتفضل ظاهرة. */
    body.theme-almawred .mw-ih-p {
        display: none;
    }
}

/* ════════════════════════════════════════════════════════════
   /course-finder — فقرة نثرية + سطر باحث (2026-09-09)
   ════════════════════════════════════════════════════════════
   ليه: الصفحة كانت عند الـ11 معهد سطر قوائم منسدلة وزرار وحاوية نتايج
   فاضية — بلا نص، بلا طريق تاني، واللون وحده هو الفرق.

   عند المورد: نص أولًا (فقرة تشرح الأداة)، الباحث سطر واحد بين خطين
   شعرة، وتحته أسماء التخصصات جوّه جملة جارية — مش قائمة ولا جدول ولا
   شبكة بطاقات، دي أساليب المعاهد التانية. ونفس أسلوب /clients عند
   المورد نفسه، فالصفحة تبان من الموقع.

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

body.theme-almawred .mw-cf {
    background: #fff;
    padding-block: 46px 10px;
}
body.theme-almawred .mw-cf-out {
    background: #fff;
    padding-block: 0;
}
body.theme-almawred .mw-cf-cats {
    background: #fff;
    padding-block: 8px 56px;
}
body.theme-almawred .mw-cf-piece {
    max-width: 880px;
    /* مصفوفة على بداية السطر مش متمركزة: البانر فوقها عنوانه على البداية،
       والفراغ اللي بيفضل على الجهة التانية بيدّي الفقرة عرض قراءة محترم.
       وكمان بيخلّي الصفحة تفرق عن ورقة /register المتمركزة. */
    margin-inline: 0 auto;
}

/* فقرة الشرح بحجم افتتاحية: هي أول محتوى في الصفحة، مش تعليق على الأداة. */
body.theme-almawred .mw-cf-para {
    margin: 0 0 26px;
    max-width: 72ch;
    font-size: 1.18rem;
    line-height: 1.95;
    color: #26374d; /* على أبيض ≈ 10.8:1 */
    text-align: start;
    text-wrap: pretty;
}

/* --- سطر الباحث --- */
/* خطان شعرة فوق وتحت وخلفية بيضا: الباحث سطر في الصفحة مش لوحة عايمة
   بظل — اللوحة العايمة كانت شكل الـ11 معهد. */
body.theme-almawred .mw-cf-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px 18px;
    padding-block: 18px;
    border-block: 1px solid var(--mw-ed-hair, #dfe4ec);
    border-top-width: 2px;
    border-top-color: var(--site-accent, #fbc708);
}
body.theme-almawred .mw-cf-line .mw-cf-sel {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    border: 0 !important;
    border-bottom: 1px solid #9fb0c4 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    height: auto !important;
    padding: 6px 4px !important;
    font-size: 1rem;
    color: var(--mw-ink, #10233d);
}
body.theme-almawred .mw-cf-line .mw-cf-sel:focus {
    outline: 0;
    border-bottom-color: var(--site-primary, #1764a4) !important;
}
/* قائمة الكفاءات بيبنيها chosen وبتاخد عرض 500px inline من السكربت،
   وده بيطلع بره الشاشة على الموبايل. الحاوية بتترد لعرض العمود. */
body.theme-almawred .mw-cf-line .chosen-container {
    flex: 1 1 240px;
    width: auto !important;
    min-width: 0;
    max-width: 100%;
    font-size: 1rem;
}
body.theme-almawred .mw-cf-line .chosen-container-multi .chosen-choices {
    border: 0;
    border-bottom: 1px solid #9fb0c4;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    padding: 4px 0;
}
body.theme-almawred .mw-cf-line .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 30px;
    color: #4b5a6d;
    font-family: inherit;
}
body.theme-almawred .mw-cf-line .chosen-container .chosen-drop {
    border-color: var(--mw-ed-hair, #dfe4ec);
    border-radius: 0;
}
body.theme-almawred .mw-cf-line .chosen-container-multi .chosen-choices li.search-choice {
    background: #eef3f9;
    border: 1px solid #c6d3e2;
    border-radius: 0;
    box-shadow: none;
    color: #10233d;
}

/* الزر: زر رئيسي واحد في الصفحة كلها. */
body.theme-almawred .mw-cf-go {
    flex: 0 0 auto;
    background: var(--site-primary, #1764a4) !important;
    color: #fff !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 11px 30px !important;
    font-weight: 700;
}
body.theme-almawred .mw-cf-go:hover {
    background: #10233d !important;
}

/* --- جملة التخصصات --- */
body.theme-almawred .mw-cf-catline {
    margin: 0;
    max-width: 78ch;
    font-size: 1.02rem;
    line-height: 2.05;
    color: #34465e; /* على أبيض ≈ 8.9:1 */
    text-align: start;
    text-wrap: pretty;
}
/* الاسم بيتميّز بالوزن والخط السفلي بس: لا نقطة ولا رقم ولا سهم، عشان
   ما يرجعش يتقرا كبند في قائمة. */
body.theme-almawred .mw-cf-cat {
    color: #10233d;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: var(--site-accent, #fbc708);
    text-decoration-thickness: 2px;
    text-underline-offset: 4px;
}
body.theme-almawred .mw-cf-cat:hover,
body.theme-almawred .mw-cf-cat:focus-visible {
    color: #1764a4;
    text-decoration-color: #1764a4;
}

/* حاوية النتايج: بتفضل فاضية لحد ما السكربت يحقن فيها، فمن غير أي
   فراغ محجوز يخلّي الصفحة تبان مقطوعة. */
body.theme-almawred #coursefinder_list_courses:empty {
    display: none;
}
body.theme-almawred .mw-cf-out .courselisting-col {
    padding-block: 10px;
}

@media (max-width: 767px) {
    body.theme-almawred .mw-cf {
        padding-block: 28px 6px;
    }
    body.theme-almawred .mw-cf-cats {
        padding-block: 6px 38px;
    }
    body.theme-almawred .mw-cf-para {
        font-size: 1.04rem;
        line-height: 1.9;
    }
    /* على الضيق كل عنصر ياخد السطر كله — مفيش أي عرض ثابت يفضل،
       وده اللي بيضمن صفر تمرير أفقي عند 390px. */
    body.theme-almawred .mw-cf-line {
        display: grid;
        grid-template-columns: 1fr;
        gap: 14px;
    }
    body.theme-almawred .mw-cf-line .mw-cf-sel,
    body.theme-almawred .mw-cf-line .chosen-container {
        width: 100% !important;
        max-width: 100%;
    }
    body.theme-almawred .mw-cf-go {
        width: 100%;
    }
}

/* --- تغلّب على قواعد #fc-search القديمة بتاعة نفس الثيم ---
   السطر 1043 في الملف ده اتكتب للماركب القديم (لوحة بيضا فيها كبسولات
   بخلفية رمادية) وبيستعمل body.theme-almawred.pg-training-courses #fc-search
   مع !important، فبيكسب على أي كلاس. الماركب الجديد سطر بخطوط شعرة، فلازم
   نفس الوزن هنا. الاختيار عن قصد إننا نزوّد بدل ما نمسح القاعدة القديمة:
   الملف بيتضاف في آخره بس، وباقي الصفحات اللي بتستعمل #fc-search ما تتأثرش. */
body.theme-almawred.pg-training-courses #fc-search .mw-cf-line .mw-cf-sel,
body.theme-almawred.pg-training-courses #fc-search .mw-cf-line .chosen-container-multi .chosen-choices {
    border: 0 !important;
    border-bottom: 1px solid #9fb0c4 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    height: auto !important;
    min-height: 0 !important;
    color: var(--mw-ink, #10233d) !important;
}
body.theme-almawred.pg-training-courses #fc-search .mw-cf-line .mw-cf-sel {
    width: auto !important;
    float: none !important;
    padding: 6px 4px !important;
    font-size: 1rem;
}
body.theme-almawred.pg-training-courses #fc-search .mw-cf-line .mw-cf-sel:focus,
body.theme-almawred.pg-training-courses #fc-search .mw-cf-line .chosen-container-active .chosen-choices {
    border-bottom-color: var(--site-primary, #1764a4) !important;
    outline: 0;
    padding: 6px 4px !important;
}
/* كل حقل بياخد نصيبه من السطر: التخصص أعرض لأن أسماؤه أطول، والمستوى
   أضيق، والكفاءات بتاخد الباقي. أرقام flex-basis مش عرض ثابت، فالسطر
   بيتكيّف مع أي عرض شاشة من غير ما يخرج منها. */
body.theme-almawred.pg-training-courses #fc-search .mw-cf-line .category {
    flex: 1 1 210px;
}
body.theme-almawred.pg-training-courses #fc-search .mw-cf-line .course-level {
    flex: 0 1 160px;
}
body.theme-almawred.pg-training-courses #fc-search .mw-cf-line .chosen-container {
    flex: 2 1 240px;
    width: auto !important;
    min-width: 0;
    max-width: 100%;
    float: none !important;
    padding: 0 !important;
}
body.theme-almawred.pg-training-courses #fc-search .mw-cf-line .chosen-container-multi .chosen-choices li.search-field {
    padding: 0 !important;
    width: auto !important;
}
body.theme-almawred.pg-training-courses #fc-search .mw-cf-line .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    height: 32px;
    color: #4b5a6d !important;
    font-family: inherit;
    font-size: 1rem !important;
}
body.theme-almawred.pg-training-courses #fc-search .mw-cf-line .chosen-container-multi .chosen-results {
    border: 1px solid var(--mw-ed-hair, #dfe4ec) !important;
    border-radius: 0;
    margin-top: 0;
}
body.theme-almawred.pg-training-courses #fc-search .mw-cf-line .chosen-container-multi .chosen-choices li.search-choice {
    background: #eef3f9;
    border: 1px solid #c6d3e2;
    border-radius: 0;
    color: #10233d;
    margin: 3px 4px 3px 0;
}
/* الأصل بيرفع اللوحة فوق البانر (margin-top:-64px) عشان تبان عايمة عليه؛
   هنا مفيش لوحة، فالرفع كان بيشد الفقرة على البانر. */
body.theme-almawred.pg-training-courses #fc-search.mw-cf,
body.theme-almawred.pg-training-courses #fc-search.mw-cf-out {
    margin-top: 0;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    body.theme-almawred.pg-training-courses #fc-search .mw-cf-line .mw-cf-sel,
    body.theme-almawred.pg-training-courses #fc-search .mw-cf-line .chosen-container {
        width: 100% !important;
        max-width: 100%;
    }
}

/* --- قائمة الكفاءات (chosen) لازم تشتغل من غير chosen.css ---
   الموقع العربي بيحمّل الأنماط من assets/ar_css، ومافيش فيه نسخة من
   chosen.css ولا find-my-course.css — فالويدجت بيطلع على الصفحة العربية
   قائمة بنقط وصندوق مفتوح تحتها. القواعد دي بتدّي الحد الأدنى اللي
   يخلّي الويدجت مقروء في اللغتين، وكلها متحصورة جوّه سطر الباحث بس
   عشان ما تلمسش أي صفحة تانية بتستعمل chosen. */
body.theme-almawred #fc-search .mw-cf-line .chosen-container {
    position: relative;
    display: block;
}
body.theme-almawred #fc-search .mw-cf-line .chosen-container-multi .chosen-choices {
    list-style: none !important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    margin: 0 !important;
    padding: 2px 0 !important;
    overflow: hidden;
}
body.theme-almawred #fc-search .mw-cf-line .chosen-container-multi .chosen-choices li {
    list-style: none !important;
    margin: 0;
}
body.theme-almawred #fc-search .mw-cf-line .chosen-container-multi .chosen-choices li.search-field {
    flex: 1 1 120px;
}
body.theme-almawred #fc-search .mw-cf-line .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    height: 32px;
    font-family: inherit;
    font-size: 1rem !important;
    color: #4b5a6d !important;
}
/* القائمة المنسدلة: مقفولة = مخفية (مش مزحوقة لبره الشاشة زي ما chosen.css
   بتعمل، عشان ما تعملش تمرير أفقي)، ومفتوحة = لوح تحت الحقل. */
body.theme-almawred #fc-search .mw-cf-line .chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    inset-inline-start: 0;
    width: 100%;
    max-width: 100%;
    background: #fff;
    border: 1px solid var(--mw-ed-hair, #dfe4ec);
    border-radius: 0;
    box-shadow: 0 10px 24px rgba(16, 35, 61, .12);
    z-index: 30;
    display: none;
}
body.theme-almawred #fc-search .mw-cf-line .chosen-container.chosen-with-drop .chosen-drop {
    display: block;
}
body.theme-almawred #fc-search .mw-cf-line .chosen-container .chosen-results {
    list-style: none !important;
    margin: 0 !important;
    padding: 8px !important;
    max-height: 260px;
    overflow-y: auto;
    border: 0 !important;
    text-align: start;
}
body.theme-almawred #fc-search .mw-cf-line .chosen-container .chosen-results li {
    list-style: none !important;
    padding: 6px 8px;
    font-size: .95rem;
    color: #26374d;
    cursor: pointer;
}
body.theme-almawred #fc-search .mw-cf-line .chosen-container .chosen-results li.highlighted {
    background: #eef3f9;
    color: #10233d;
}
body.theme-almawred #fc-search .mw-cf-line .chosen-container .chosen-search input[type="text"] {
    width: 100%;
    border: 0;
    border-bottom: 1px solid var(--mw-ed-hair, #dfe4ec);
    padding: 8px;
    font-family: inherit;
}

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

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

   كله بخصائص منطقية عشان العربي والإنجليزي يمشوا بنفس الملف.
   ============================================================ */

body.theme-almawred {
    --mw-post-ink: #10233d;
    --mw-post-body: #2b3440;
    --mw-post-muted: #64748b;
    --mw-post-hair: #dfe4ec;
}

body.theme-almawred .mw-post {
    background: #fff;
    padding-block: 40px 72px;
}

/* عمود القراءة: الحد الأقصى للعرض هو اللي بيحكم — النص اللي بيمتد عرض
   الحاوية كله بيبقى فوق 100 حرف في السطر وبيتعب العين. */
body.theme-almawred .mw-post-shell {
    max-inline-size: 680px;
    margin-inline: auto;
}
body.theme-almawred .mw-post-shell-blog {
    max-inline-size: 640px;
}

/* شريط التنقل (فتات الخبز + رجوع) هادي فوق، مش عنوان تاني للصفحة */
body.theme-almawred .mw-post-nav {
    margin-block-end: 30px;
    font-size: .82rem;
    color: var(--mw-post-muted);
}
body.theme-almawred .mw-post-nav a {
    color: var(--mw-post-muted);
    text-decoration: none;
}
body.theme-almawred .mw-post-nav a:hover {
    color: var(--site-primary, #1764a4);
    text-decoration: underline;
}
body.theme-almawred .mw-post-nav .breadcrumb {
    background: transparent;
    padding: 0;
    margin: 0;
}

/* ---------- صفحة المقال ---------- */

/* الشريطة الصفراء فوق العنوان: توقيع المورد (حد ثقيل فوق العنوان) وهي
   العنصر الوحيد اللي فوق العنوان — مكان كتلة الشعار القديمة. */
body.theme-almawred .mw-art-head::before {
    content: "";
    display: block;
    inline-size: 72px;
    block-size: 5px;
    background: var(--site-accent, #fbc708);
    margin-block-end: 24px;
}
body.theme-almawred .mw-art-title {
    margin: 0;
    font-size: clamp(1.9rem, 1.25rem + 2vw, 2.5rem);
    line-height: 1.18;
    font-weight: 800;
    letter-spacing: -.01em;
    color: var(--mw-post-ink);
    text-align: start;
    overflow-wrap: break-word;
}
body.theme-almawred .mw-art-date {
    margin: 20px 0 0;
    padding-block-start: 14px;
    border-block-start: 1px solid var(--mw-post-hair);
    font-size: .78rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--mw-post-muted);
}

body.theme-almawred .mw-art-body {
    margin-block-start: 32px;
    max-inline-size: 66ch;
    font-size: 1.0625rem;
    line-height: 1.85;
    color: var(--mw-post-body);
    text-align: start;
    overflow-wrap: break-word;
}
body.theme-almawred .mw-art-body p {
    margin: 0 0 1.35em;
}
body.theme-almawred .mw-art-body h2,
body.theme-almawred .mw-art-body h3,
body.theme-almawred .mw-art-body h4,
body.theme-almawred .mw-art-body h5 {
    margin: 2.1em 0 .7em;
    padding-block-end: .4em;
    border-block-end: 1px solid var(--mw-post-hair);
    line-height: 1.3;
    font-weight: 700;
    color: var(--mw-post-ink);
}
body.theme-almawred .mw-art-body h2 { font-size: 1.3rem; }
body.theme-almawred .mw-art-body h3 { font-size: 1.12rem; }
body.theme-almawred .mw-art-body h4,
body.theme-almawred .mw-art-body h5 { font-size: 1rem; }
body.theme-almawred .mw-art-body ul,
body.theme-almawred .mw-art-body ol {
    margin: 0 0 1.35em;
    padding-inline-start: 1.4em;
}
body.theme-almawred .mw-art-body li { margin-block-end: .5em; }
body.theme-almawred .mw-art-body a {
    color: var(--site-primary, #1764a4);
    text-decoration: underline;
    text-underline-offset: 2px;
}
body.theme-almawred .mw-art-body a:hover { color: var(--mw-post-ink); }
body.theme-almawred .mw-art-body strong,
body.theme-almawred .mw-art-body b { color: var(--mw-post-ink); }
body.theme-almawred .mw-art-body blockquote {
    margin: 1.6em 0;
    padding-inline-start: 20px;
    border-inline-start: 4px solid var(--site-accent, #fbc708);
    color: var(--mw-post-ink);
    font-size: 1.08rem;
}
body.theme-almawred .mw-art-body img {
    max-inline-size: 100%;
    height: auto;
}
/* جداول جوّه النص بتتمرّر جوّه نفسها بدل ما توسّع الصفحة */
body.theme-almawred .mw-art-body table {
    display: block;
    max-inline-size: 100%;
    overflow-x: auto;
}

/* خاتمة المقال: العناوين المرتبطة كنص متصل، والشرطة المائلة من CSS
   عشان ما تدخلش في النسخ ولا في قارئ الشاشة. */
body.theme-almawred .mw-art-more {
    margin-block-start: 56px;
    padding-block-start: 22px;
    border-block-start: 3px solid var(--mw-post-ink);
}
body.theme-almawred .mw-art-more-label {
    margin: 0 0 12px;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--mw-post-muted);
}
body.theme-almawred .mw-art-more-list {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 1rem;
    line-height: 2;
}
body.theme-almawred .mw-art-more-list li { display: inline; }
body.theme-almawred .mw-art-more-list li + li::before {
    content: "/";
    margin-inline: 10px;
    color: #b7c2d0;
}
body.theme-almawred .mw-art-more-list a {
    color: var(--mw-post-ink);
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: var(--site-accent, #fbc708);
    text-decoration-thickness: 2px;
    text-underline-offset: 3px;
}
body.theme-almawred .mw-art-more-list a:hover {
    color: var(--site-primary, #1764a4);
    text-decoration-color: var(--site-primary, #1764a4);
}

/* ---------- صفحة المدونة ---------- */

/* شريط "المدوّنات ذات الصلة" فوق العنوان: خطين شعريين ورا بعض، والروابط
   بينهم مفصولة بخط رأسي — شكل مختلف عن شرطة المقال المائلة عشان
   الصفحتين ما يتقروش نسخة واحدة. */
body.theme-almawred .mw-blg-also {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 8px 20px;
    margin-block-end: 40px;
    padding-block: 12px;
    border-block: 1px solid var(--mw-post-hair);
}
body.theme-almawred .mw-blg-also-label {
    flex: 0 0 auto;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--site-primary, #1764a4);
}
body.theme-almawred .mw-blg-also-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px;
    min-inline-size: 0;
}
body.theme-almawred .mw-blg-also-list li + li {
    margin-inline-start: 18px;
    padding-inline-start: 18px;
    border-inline-start: 1px solid var(--mw-post-hair);
}
body.theme-almawred .mw-blg-also-list a {
    color: var(--mw-post-ink);
    font-size: .88rem;
    font-weight: 600;
    text-decoration: none;
}
body.theme-almawred .mw-blg-also-list a:hover {
    color: var(--site-primary, #1764a4);
    text-decoration: underline;
}

body.theme-almawred .mw-blg-kicker {
    margin: 0 0 10px;
    font-size: .78rem;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--site-primary, #1764a4);
}
body.theme-almawred .mw-blg-title {
    margin: 0;
    font-size: clamp(1.7rem, 1.15rem + 1.7vw, 2.15rem);
    line-height: 1.22;
    font-weight: 700;
    color: var(--mw-post-ink);
    text-align: start;
    overflow-wrap: break-word;
}

/* الخط الرأسي على جهة البداية بيمشي مع النص كله — توقيع بصري مختلف عن
   عمود المقال المتمركز اللي مالوش خطوط. */
body.theme-almawred .mw-blg-body {
    margin-block-start: 30px;
    padding-inline-start: 28px;
    border-inline-start: 2px solid #eef1f6;
    max-inline-size: 64ch;
    font-size: 1.03rem;
    line-height: 1.9;
    color: var(--mw-post-body);
    text-align: start;
    overflow-wrap: break-word;
}
body.theme-almawred .mw-blg-body p { margin: 0 0 1.4em; }
body.theme-almawred .mw-blg-body h2,
body.theme-almawred .mw-blg-body h3,
body.theme-almawred .mw-blg-body h4,
body.theme-almawred .mw-blg-body h5 {
    margin: 2em 0 .6em;
    line-height: 1.3;
    font-weight: 700;
    color: var(--mw-post-ink);
}
body.theme-almawred .mw-blg-body h2 { font-size: 1.25rem; }
body.theme-almawred .mw-blg-body h3 { font-size: 1.08rem; }
body.theme-almawred .mw-blg-body h4,
body.theme-almawred .mw-blg-body h5 { font-size: 1rem; }
body.theme-almawred .mw-blg-body ul,
body.theme-almawred .mw-blg-body ol {
    margin: 0 0 1.4em;
    padding-inline-start: 1.3em;
}
body.theme-almawred .mw-blg-body li { margin-block-end: .5em; }
body.theme-almawred .mw-blg-body a {
    color: var(--site-primary, #1764a4);
    text-decoration: underline;
    text-underline-offset: 2px;
}
body.theme-almawred .mw-blg-body a:hover { color: var(--mw-post-ink); }
body.theme-almawred .mw-blg-body strong,
body.theme-almawred .mw-blg-body b { color: var(--mw-post-ink); }
body.theme-almawred .mw-blg-body img {
    max-inline-size: 100%;
    height: auto;
}
body.theme-almawred .mw-blg-body table {
    display: block;
    max-inline-size: 100%;
    overflow-x: auto;
}

/* ---------- الموبايل ---------- */
@media (max-width: 767px) {
    body.theme-almawred .mw-post { padding-block: 24px 48px; }
    body.theme-almawred .mw-post-nav { margin-block-end: 18px; }
    body.theme-almawred .mw-art-head::before { inline-size: 56px; block-size: 4px; margin-block-end: 18px; }
    body.theme-almawred .mw-art-body { margin-block-start: 24px; font-size: 1rem; line-height: 1.8; }
    body.theme-almawred .mw-art-more { margin-block-start: 40px; }
    body.theme-almawred .mw-blg-also { margin-block-end: 28px; gap: 6px 14px; }
    body.theme-almawred .mw-blg-also-list li + li { margin-inline-start: 12px; padding-inline-start: 12px; }
    body.theme-almawred .mw-blg-body {
        margin-block-start: 22px;
        padding-inline-start: 16px;
        font-size: 1rem;
        line-height: 1.8;
    }
}

/* (2026-09-09) تعديل بعد القياس على 1440: الشريط الرفيع للمدونة كان جوّه عمود
   القراءة الضيّق فبيلف على تلات سطور بمحاذاة متكسّرة. بقى بعرض الحاوية عشان
   التلات روابط يقعدوا في سطر واحد على الشاشات العريضة، والعمود الضيّق فضل
   للنص وحده. والخط الرأسي جنب النص كان فاتح لدرجة إنه مش بيبان. */
body.theme-almawred .mw-post-nav-wide {
    max-inline-size: none;
}
body.theme-almawred .mw-post-blog .mw-blg-also {
    margin-inline: 0;
}
body.theme-almawred .mw-blg-body {
    border-inline-start-color: #cbd5e1;
}

/* (2026-09-09) القياس أظهر إن العناوين الفرعية جوّه نص قاعدة البيانات متكتبة
   <h6>، وبووتستراب بيخلّيها 14px — يعني أصغر من النص اللي تحتها فبتتقرا هامش
   مش عنوان. بتتساوى هنا بباقي العناوين الفرعية (النص نفسه ما اتغيّرش). */
body.theme-almawred .mw-art-body h6 {
    margin: 2.1em 0 .7em;
    padding-block-end: .4em;
    border-block-end: 1px solid var(--mw-post-hair);
    font-size: 1.02rem;
    line-height: 1.3;
    font-weight: 700;
    color: var(--mw-post-ink);
}
body.theme-almawred .mw-blg-body h6 {
    margin: 2em 0 .6em;
    font-size: 1rem;
    line-height: 1.3;
    font-weight: 700;
    color: var(--mw-post-ink);
}
/* أول عنوان فرعي في النص ما ياخدش المسافة العلوية الكبيرة — بيبقى ملزوق
   بالعنوان الرئيسي فوقه. */
body.theme-almawred .mw-art-body > *:first-child > h6:first-child,
body.theme-almawred .mw-blg-body > *:first-child > h6:first-child {
    margin-block-start: 0;
}

/* (2026-09-09) القياس أظهر padding-bottom: 0 على القسم — القاعدة العامة
   متكتبة بمحدّد ID (#common-listing-section) فبتغلب أي كلاس. المحدّد هنا
   بياخد الـID معاه عشان المسافة تحت خاتمة الروابط تبان قبل الفوتر. */
body.theme-almawred #common-listing-section.mw-post {
    padding-block: 40px 72px;
}
@media (max-width: 767px) {
    body.theme-almawred #common-listing-section.mw-post {
        padding-block: 24px 48px;
    }
}

/* (2026-09-09) على 390px الشريط بيتحوّل لعمود، والخط الرأسي الفاصل كان بيبان
   كإزاحة غلط في أول كل رابط. على الموبايل الفاصل بيبقى خط أفقي بين الروابط
   والكل ملزوق على حافة البداية. */
@media (max-width: 767px) {
    body.theme-almawred .mw-blg-also-list {
        display: block;
        inline-size: 100%;
    }
    body.theme-almawred .mw-blg-also-list li + li {
        margin-inline-start: 0;
        padding-inline-start: 0;
        border-inline-start: 0;
        margin-block-start: 8px;
        padding-block-start: 8px;
        border-block-start: 1px solid var(--mw-post-hair);
    }
}

/* (2026-09-09) "Related Courses": al-kabsoula as-safra kanet position:absolute
   fawq as-soura — wal-kuroot hina bila soura, fal-kabsoula kanet raqda fawq
   ism ad-dawra. gowwa al-qism da tirga3 satr 3adi fi mag ra al-mustanad. */
/* والتبويب ده كمان: القاعدة المشتركة بتخفي .course-image جوّه
   #nav-virtuallearning لكل الثيمات، فالكبسولة كانت بتقع على العنوان. */
body.theme-almawred.pg-training-courses #nav-virtuallearning .course-date,
body.theme-almawred.pg-training-courses #common-section .course-date{
    position:static!important;inset:auto!important;
    display:inline-block!important;margin:0 0 8px!important;
}

/* (2026-09-09) كبسولات التاريخ كانت على ارتفاعات مختلفة: اسم الدورة ياخد
   سطرين في كرت وتلاتة في التاني، والباقي بيتزحزح وراه. الكرت بقى عمود
   والعنوان بياخد المساحة الفاضلة، فالكبسولة وما بعدها على نفس الخط. */
body.theme-almawred.pg-training-courses #common-section .courselisting{
    display:flex;flex-direction:column;height:100%;
}
body.theme-almawred.pg-training-courses #common-section .courselisting .course-title{
    flex:1 0 auto;
}
body.theme-almawred.pg-training-courses #common-section .courselisting .btn{margin-top:auto}

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

   القياس: الكرت 501×515، شبكة 150px|123px|190px. العمود الأول لوح أزرق
   فاضي 150×402 (::before)، والتفاصيل متحشورة في 123px، والصف الأول 402px
   لمحتوى محتاج 90px — يعني ثلث الكرت لوح فاضي وثلثه فراغ رأسي.
   وزرار التسجيل كان بينزل عند grid-column:auto فوق اللوح الأزرق.

   بدل اللوح: شريط أزرق رفيّع على الحافة (هوية بدل مساحة مهدورة).
   والشبكة بقت "التفاصيل تاخد الباقي | السعر" بارتفاع المحتوى.
   ───────────────────────────────────────────────────────────── */
body.theme-almawred.pg-training-courses .session-card{
    grid-template-columns:1fr auto!important;
    grid-template-rows:auto auto;
    align-items:center;
    border-inline-start:6px solid #1764a4;
}
body.theme-almawred.pg-training-courses .session-card::before{display:none}
body.theme-almawred.pg-training-courses .session-card > ul{
    grid-column:1;grid-row:1;padding:14px 18px!important;
    display:flex;flex-wrap:wrap;gap:2px 22px;align-items:center;
}
body.theme-almawred.pg-training-courses .session-card > ul > li{margin:0!important;white-space:nowrap}
body.theme-almawred.pg-training-courses .session-card > ul > li:first-child{flex-basis:100%}
body.theme-almawred.pg-training-courses .session-card .price-box{
    grid-column:2;grid-row:1;padding:12px 18px!important;
}
body.theme-almawred.pg-training-courses .session-card > form,
body.theme-almawred.pg-training-courses .session-card > .text-end{
    grid-column:1/-1;grid-row:2;
    padding:0 18px 14px!important;margin:0!important;text-align:end;
}

/* (2026-09-09) عنوان "COURSE SECTIONS" اتشال لتوفير مساحة في العمود —
   الأقسام تحته واضحة من غيره. */
body.theme-almawred.pg-training-courses .mw-cd-nav-title{display:none}

/* القاعدة اللي فوق كانت أضعف من واحدة عندها #coursedetails-content-section */
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-nav-title{display:none}

/* (2026-09-09) البطاقة كلها في سطر واحد: التاريخ واللغة والمدينة والسعر
   والتسجيل على نفس الخط، و"Per participant" اتشالت — السعر بالدولار
   للمشارك وده مفهوم من غير السطر ده، والمساحة أنفع للسطر الواحد. */
body.theme-almawred.pg-training-courses .session-card{
    grid-template-columns:1fr auto auto!important;
    grid-template-rows:auto;
    align-items:center;
}
body.theme-almawred.pg-training-courses .session-card > ul{
    grid-column:1;grid-row:1;flex-wrap:nowrap;gap:0 26px;
}
body.theme-almawred.pg-training-courses .session-card > ul > li:first-child{flex-basis:auto}
body.theme-almawred.pg-training-courses .session-card .price-box{
    grid-column:2;grid-row:1;background:transparent!important;border:0!important;
    padding:0 18px!important;
}
body.theme-almawred.pg-training-courses .session-card .price-tag{
    background:transparent!important;border:0!important;padding:0!important;
}
body.theme-almawred.pg-training-courses .session-card .price-tag .text-secondary{display:none}
body.theme-almawred.pg-training-courses .session-card > form,
body.theme-almawred.pg-training-courses .session-card > .text-end{
    grid-column:3;grid-row:1;padding:0 18px 0 0!important;margin:0!important;
}
/* السطر الواحد محتاج عرض الصف كله — كرت واحد في السطر */
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .session-card-wrapper > [class*="col-"]{
    flex:0 0 100%!important;max-width:100%!important;
}
/* نفس تخصيص القاعدة اللي بتلوّن الصندوق (سطر 1458/1471) */
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .session-card .price-box,
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .session-card .price-tag{
    background:transparent!important;border:0!important;padding:0!important;
}
body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .session-card .price-box{padding:0 20px!important}

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

/* نافذة المورد: عنوان بخط ذهبي تحته، حقول بخط سفلي بس (زي بنود
   الفهرس)، وزرار مربّع بعرض النافذة. */
body.theme-almawred .modal-content{border:0;border-radius:0;border-top:5px solid #fbc708}
body.theme-almawred .modal-header{border:0;padding:20px 22px 6px;background:transparent}
body.theme-almawred .modal-title{color:#10233d;font-weight:700;font-size:1.18rem}
body.theme-almawred .modal-content > p{padding:0 22px;color:#5b6b79;font-size:.86rem}
body.theme-almawred .modal-body .form-control{
    border:0!important;border-bottom:1px solid #cfd8e3!important;border-radius:0!important;
    padding-inline:0;background:transparent!important}
body.theme-almawred .modal-body .form-control:focus{border-bottom-color:#1764a4!important;box-shadow:none!important}
body.theme-almawred .modal-body .btn-primary{border-radius:0!important;background:#fbc708!important;border-color:#fbc708!important;color:#10233d!important;font-weight:700}

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

/* المورد — فهرس: كل بند برقمه في مربّع ذهبي، وخط ذهبي تحت العنوان،
   وعمود قراءة واحد واسع. */
body.theme-almawred.pg-policy-page{counter-reset:mwsec}
body.theme-almawred.pg-policy-page .common-listing-section-wrap .box4 h5{
    counter-increment:mwsec;display:flex;align-items:center;gap:12px;
    margin:34px 0 6px;padding-bottom:8px;border-bottom:2px solid #fbc708;
    color:#10233d;font-size:1.02rem}
body.theme-almawred.pg-policy-page .common-listing-section-wrap .box4 h5::before{
    content:counter(mwsec,decimal-leading-zero);
    background:#fbc708;color:#10233d;font-size:.76rem;font-weight:700;
    padding:4px 8px;border-radius:3px}
body.theme-almawred.pg-policy-page .common-listing-section-wrap .box4 p{max-width:none;line-height:1.85}

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

/* المورد — فهرس: رقم ذهبي قبل عنوان المجموعة، وثلاث أعمدة بخط فاصل. */
body.theme-almawred.page-sitemap{counter-reset:mwmap}
body.theme-almawred.page-sitemap h5.no-margin{
    counter-increment:mwmap;display:flex;align-items:center;gap:10px;
    margin:30px 0 10px;padding-bottom:6px;border-bottom:2px solid #fbc708;color:#10233d}
body.theme-almawred.page-sitemap h5.no-margin::before{
    content:counter(mwmap,decimal-leading-zero);
    background:#fbc708;color:#10233d;font-size:.72rem;font-weight:700;padding:3px 7px;border-radius:3px}
body.theme-almawred.page-sitemap .sitemap-list{
    column-count:3;column-gap:34px;column-rule:1px solid #e6ebf1}

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

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

/* المورد — فهرس أبجدي: قوس ركن ذهبي زي لسان الفهرس. */
body.theme-almawred h2:not([class]),
body.theme-almawred h2.inst-logos-h{position:relative;padding-inline-start:20px}
body.theme-almawred h2:not([class])::before,
body.theme-almawred h2.inst-logos-h::before{
    content:"";position:absolute;inset-inline-start:0;top:.12em;
    width:11px;height:.78em;
    border-inline-start:3px solid #fbc708;border-top:3px solid #fbc708}
body.theme-almawred h2:not([class])::after,
body.theme-almawred h2.inst-logos-h::after{
    content:"";position:absolute;inset-inline-start:0;bottom:.06em;
    width:11px;height:.34em;
    border-inline-start:3px solid #fbc708;border-bottom:3px solid #fbc708}

/* ─────────────────────────────
   (2026-09-09) قائمة الدورات: المورد كان في نفس عنقود "كروت مصوّرة
   ٤ في الصف" مع بلَس وأبفا. أداته فهرس، فبقى عمودين من بنود بحرف
   دليل ذهبي على الجنب، من غير صور.
   ───────────────────────────── */
body.theme-almawred.pg-training-courses #category_course_list,
body.theme-almawred.pg-training-courses #course_list,
body.theme-almawred.pg-training-courses .inst-tc #category_course_list,
body.theme-almawred.pg-training-courses .inst-tc #course_list{
    display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:0 34px}
body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting{
    display:grid!important;grid-template-columns:1fr auto;align-items:center;gap:2px 16px;
    border:0!important;border-bottom:1px solid #e6ebf1!important;border-radius:0!important;
    box-shadow:none!important;background:transparent!important;padding:13px 0!important}
body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting .course-image{display:none!important}
body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting .course-title{
    grid-column:1;margin:0;font-size:.92rem;line-height:1.45;
    padding-inline-start:14px;border-inline-start:3px solid #fbc708}
body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting .course-date,
body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting .course-language,
body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting .course-location{
    grid-column:1;display:inline-block;margin-inline-end:16px;font-size:.76rem;padding-inline-start:14px}
body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting > form{grid-column:2;grid-row:1/-1;margin:0}
body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting .space5,
body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting .space15{display:none}

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

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

/* المورد — فهرس: كل عنوان فرعي عليه لسان ذهبي وخط تحته، والمتن
   بسطر قراءة أوسع، فالصفحة بقت فهرس مقروء مش كتلة واحدة. */
body.theme-almawred.pg-post-page .mw-art{max-width:820px}
body.theme-almawred.pg-post-page .mw-art h2,
body.theme-almawred.pg-post-page .mw-art h3,
body.theme-almawred.pg-post-page .mw-art h4{
    display:flex;align-items:center;gap:12px;margin-top:32px;
    padding-bottom:8px;border-bottom:2px solid #fbc708}
body.theme-almawred.pg-post-page .mw-art h2::before,
body.theme-almawred.pg-post-page .mw-art h3::before,
body.theme-almawred.pg-post-page .mw-art h4::before{
    content:"";flex:0 0 auto;width:10px;height:.8em;
    border-inline-start:3px solid #fbc708;border-top:3px solid #fbc708}

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

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

/* المورد — فهرس: عنوان الخطوة بلسان ذهبي وخط تحته، والحقول بخط
   سفلي بس. */
body.theme-almawred #register-section .form-control{
    border:0!important;border-bottom:1px solid #cfd8e3!important;border-radius:0!important;
    background:transparent!important;padding-inline:0}
body.theme-almawred #register-section .form-control:focus{
    border-bottom-color:#1764a4!important;box-shadow:none!important}
body.theme-almawred #register-section h4,
body.theme-almawred #register-section h5{
    display:flex;align-items:center;gap:12px;color:#10233d;
    padding-bottom:8px;border-bottom:2px solid #fbc708;margin:26px 0 18px}
body.theme-almawred #register-section h4::before,
body.theme-almawred #register-section h5::before{
    content:"";flex:0 0 auto;width:10px;height:.8em;
    border-inline-start:3px solid #fbc708;border-top:3px solid #fbc708}

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

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

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

/* ─────────────────────────────
   (2026-09-10) كروت الدورات القادمة من غير صور

   الطلب اتمدّ من الخليج لباقي المواقع. الصورة `.inst-upcoming-thumb`
   span بخلفية CSS مش عنصر img، عشان كده ما ظهرتش في مسح الصور.
   ───────────────────────────── */
body.theme-almawred .inst-upcoming-thumb{display:none!important}

/* ─────────────────────────────
   (2026-09-11) صفوف الدورات القادمة بطول السطر

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

   الجسم بقى صف: العنوان بياخد المسافة الفاضية، البيانات جنبه،
   والزرار في آخر السطر. على الشاشات الضيّقة بيلفّ.
   ───────────────────────────── */
body.theme-almawred .inst-upcoming-list a{align-items:center}
body.theme-almawred .inst-upcoming-body{
    flex:1 1 auto;min-width:0;
    flex-direction:row;align-items:center;flex-wrap:wrap;
    column-gap:20px;row-gap:4px}
body.theme-almawred .inst-upcoming-title{flex:1 1 320px;min-width:0}
body.theme-almawred .inst-upcoming-meta,
body.theme-almawred .inst-upcoming-meta2{flex:0 0 auto;white-space:nowrap}
body.theme-almawred .inst-upcoming-book{flex:0 0 auto;margin-inline-start:auto}
@media (max-width:991px){
    body.theme-almawred .inst-upcoming-title{flex:1 1 100%}
    body.theme-almawred .inst-upcoming-book{margin-inline-start:0}
}

/* ─────────────────────────────
   (2026-09-11) نص البانر بعرض الصفحة

   كان `max-width:860px` من 1410 — الصورة اتشالت من البانر خلاص،
   فالسقف ده بقى بيسيب تلت البانر يمين فاضي ويطوّل الفقرة سطور
   زيادة. النص بقى بعرض البانر.
   ───────────────────────────── */
body.theme-almawred.pg-training-courses #common-banner-section-image .common-banner-text,
body.theme-almawred.pg-training-courses #common-banner-section-icon .common-banner-text{
    max-width:none}

/* ─────────────────────────────
   (2026-09-11) قسم المدن أقصر وبيملا السطر

   كان لوح الرقم بيتمدّد على طول القسم (798px) عشان عشر مدن في
   عمود واحد، والصف الواحد فيه اسم المدينة على الشمال و"Find
   Courses" على اليمين وبينهم فراغ عريض.

   القايمة بقت عمودين (خمس صفوف بدل عشرة)، ولوح الرقم وقف عند
   حدّه بدل ما يشدّ القسم، والصف اترشّق شوية. نفس العناصر — الشكل
   بس اللي اترصّ.
   ───────────────────────────── */
body.theme-almawred .mw-cities-grid{align-items:start}
body.theme-almawred .mw-cities-stat{padding:34px 20px}
body.theme-almawred .mw-cities-list{
    column-count:2;column-gap:38px}
body.theme-almawred .mw-cities-list li{break-inside:avoid}
/* أول عنصر في كل عمود محتاج خط علوي، مش أول عنصر في القايمة بس. */
body.theme-almawred .mw-cities-list li:nth-child(-n+2){
    border-top:1px solid var(--mw-line,#d8dee7)}
body.theme-almawred .mw-cities-list a{padding:11px 4px;gap:14px}
@media (max-width:991px){
    body.theme-almawred .mw-cities-list{column-count:1}
    body.theme-almawred .mw-cities-list li:nth-child(-n+2){border-top:0}
    body.theme-almawred .mw-cities-list li:first-child{
        border-top:1px solid var(--mw-line,#d8dee7)}
}

/* ─────────────────────────────
   (2026-09-11) كبسولة التاريخ فوق العنوان مش عليه

   الكبسولة كانت `position:absolute` في ركن الكرت عشان تقع فوق صورة
   الدورة. الصورة اتشالت، فالكبسولة بقت عايمة فوق العنوان نفسه
   (الكبسولة 12→36 والعنوان بيبدأ من 27) — والعنوان اللي بيلفّ
   سطرين بيتقرا من ورا الكبسولة.

   بقت في سياق الكرت مع `order:-1` عشان تيجي قبل العنوان في الترتيب
   (العنوان قبلها في الماركب)، فمفيش تراكب ممكن يحصل أصلاً.
   ───────────────────────────── */
body.theme-almawred.pg-training-courses .course-date{
    position:static;order:-1;
    display:inline-block;justify-self:start;align-self:start;
    margin:12px 14px 2px}
body.theme-almawred.pg-training-courses .course-title{padding-top:4px}

/* ─────────────────────────────
   (2026-09-11) قسم المدن: شريط بدل اللوح، والمدن بعرض الصفحة

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

   الرقم بقى شريط أفقي رفيع فوق القسم، والمدن شبكة تلات أعمدة بعرض
   الصفحة. نفس البيانات ونفس الأداة (أعلام + خطوط شعرة + لسان ذهبي)،
   بس بترصّ يملا السطر.
   ───────────────────────────── */
body.theme-almawred .mw-cities-grid{grid-template-columns:1fr;gap:22px}
body.theme-almawred .mw-cities-stat{
    flex-direction:row;align-items:baseline;justify-content:flex-start;
    gap:14px;padding:12px 24px;text-align:start}
body.theme-almawred .mw-cities-stat-num{font-size:1.9rem;line-height:1}
body.theme-almawred .mw-cities-stat-label{margin:0}
body.theme-almawred .mw-cities-list{column-count:3;column-gap:42px}
body.theme-almawred .mw-cities-list li:nth-child(-n+3){
    border-top:1px solid var(--mw-line,#d8dee7)}
@media (max-width:1199px){
    body.theme-almawred .mw-cities-list{column-count:2}
}
@media (max-width:767px){
    body.theme-almawred .mw-cities-list{column-count:1}
}

/* ─────────────────────────────
   (2026-09-11) البانر: شيل الحشو اللي كان للصورة

   البانر 417px والنص جوّاه 235 — الباقي حشو متسايب من أيام ما كانت
   الصورة جنب النص (34 فوق + 60 تحت من الصندوق + 44 تحت من اللوح +
   20 فوق من القسم = 158px فاضية).
   ───────────────────────────── */
/* القواعد الأقدم محدّدها `body.theme-X.pg-training-courses #id`
   (كلاسين + id) فلازم نفس التخصيص هنا وإلا ما بتتغلبش. */
body.theme-almawred.pg-training-courses #common-banner-section-image .common-banner-section-box,
body.theme-almawred.pg-training-courses #common-banner-section-icon .common-banner-section-box{
    /* (2026-09-11) شريط الفلترة الأبيض بيركب على حرف البانر بالتصميم،
       وتقليل الحشو خلّى زر "دورة داخلية" يلزق فيه (قِست: آخر الزرار
       361 وأول الشريط 357 — تراكب 4px). الحشو السفلي بيبعد الشريط
       عن الزرار من غير ما يرجّع الفراغ اللي كان تحت الكلام. */
    padding:20px 0 56px}
body.theme-almawred.pg-training-courses #common-banner-section-image .background-listing,
body.theme-almawred.pg-training-courses #common-banner-section-icon .background-listing{
    padding-bottom:0}
/* التصفير خلّى فتات المسار لازق في حرف البانر — رجّعت مسافة
   صغيرة تفصله عن الحدّ من غير ما ترجّع الفراغ الكبير. */
body.theme-almawred #common-banner-section-image,
body.theme-almawred #common-banner-section-icon{padding-top:14px}

/* ─────────────────────────────
   (2026-09-11) قسم المدن: أعلام دايرية في شبكة — اختيار صريح

   الشكلين اللي قبل كده (لوح رقم + قايمة عمود، وبعدين شريط + تلات
   أعمدة) اتشالوا. الشريط الكحلي اتخفى، والمدن بقت أعلام دايرية
   خمسة في الصف والاسم تحت العلم.

   التمييز عن الخليج (اللي عنده أعلام دايرية كمان): حلقة ذهبية
   حوالين كل علم بلون المورد، والاسم كحلي بولد تحتها، والتحويم
   بيتخن الحلقة ويرفع العلم — مش بس تكبير.
   ───────────────────────────── */
body.theme-almawred .mw-cities-stat{display:none}
body.theme-almawred .mw-cities-grid{grid-template-columns:1fr}
body.theme-almawred .mw-cities-list{
    column-count:auto;
    display:grid;grid-template-columns:repeat(5,1fr);gap:30px 20px}
body.theme-almawred .mw-cities-list li,
body.theme-almawred .mw-cities-list li:first-child,
body.theme-almawred .mw-cities-list li:nth-child(-n+3){border:0}
body.theme-almawred .mw-cities-list a{
    flex-direction:column;align-items:center;text-align:center;
    gap:12px;padding:0;background:none}
body.theme-almawred .mw-cities-list a:hover{background:none;padding-inline-start:0}
body.theme-almawred .mw-cities-flag{
    position:relative;width:66px;height:66px;border-radius:50%;overflow:hidden;
    box-shadow:0 0 0 3px #fff,0 0 0 4px var(--site-accent,#fbc708);
    transition:box-shadow .18s ease,transform .18s ease}
body.theme-almawred .mw-cities-list a:hover .mw-cities-flag{
    box-shadow:0 0 0 3px #fff,0 0 0 6px var(--site-accent,#fbc708);
    transform:translateY(-3px)}
/* flag-icons بتحطّ .fi inline-block بأبعادها الخاصة — inset بيخلّيها
   تملا الدايرة بالظبط ومن غير فراغ الـbaseline فوق وتحت. */
body.theme-almawred .mw-cities-flag .fi{
    display:block;position:absolute;inset:0;width:auto;height:auto;
    border-radius:0;background-size:cover}
body.theme-almawred .mw-cities-info{flex:none;min-width:0}
body.theme-almawred .mw-cities-name{font-size:.86rem;line-height:1.3}
body.theme-almawred .mw-cities-go{display:none}
@media (max-width:991px){
    body.theme-almawred .mw-cities-list{grid-template-columns:repeat(4,1fr)}
}
@media (max-width:575px){
    body.theme-almawred .mw-cities-list{grid-template-columns:repeat(3,1fr);gap:22px 12px}
    body.theme-almawred .mw-cities-flag{width:54px;height:54px}
}

/* ─────────────────────────────
   (2026-09-11) صفوف قائمة الدورات بطول السطر

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

   بقت عمود واحد وكل دورة سطر: التاريخ، العنوان بياخد المسافة
   الفاضية، البيانات جنبه بعرض ثابت عشان تقرا كأعمدة، والزرار في
   آخر السطر. نفس أداة المورد (لسان ذهبي على العنوان وخط شعرة تحت
   الصف) — الرصّ بس اللي اتغيّر.
   ───────────────────────────── */
body.theme-almawred.pg-training-courses #category_course_list,
body.theme-almawred.pg-training-courses #course_list,
body.theme-almawred.pg-training-courses #category_course_list_by_name,
body.theme-almawred.pg-training-courses .inst-tc #category_course_list,
body.theme-almawred.pg-training-courses .inst-tc #course_list{
    grid-template-columns:1fr!important;gap:0!important}
/* (2026-09-18) طلب صريح: التاريخ/اللغة/النوع مش تحت بعض بين الصفوف.
   flexbox مع flex-basis:0 كان المفروض يدّي كل الصفوف نفس عرض العنوان،
   بس عمليًا فضل بيتفاوت بين الصفوف (اتأكدنا بالقياس: تراوح فعلي
   مش متوقّع رغم كل خواص flex مضبوطة صح — تعقيد داخلي في حساب
   flex-grow مع نص بيلف). الحل الجذري زي جلوماك/السعودي/ليدرز بالظبط:
   شبكة CSS مش flexbox — عمود العنوان minmax(0,1fr) وباقي الأعمدة
   عرضها ثابت، فمفيش حساب نسبي يتفاوت خالص. */
body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting{
    display:grid!important;grid-template-columns:minmax(0,1fr) 150px 150px 150px 150px;
    align-items:center;column-gap:18px;row-gap:6px;padding:12px 0!important}
body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting .course-title{
    grid-column:1;min-width:0;white-space:normal;overflow-wrap:anywhere}
body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting .course-date{grid-column:2}
/* صف الأونلاين شارة لغة واحدة بس (بدون "Face-to-Face")، فالترقيم
   التلقائي كان بيحط الزرار في عمود النوع بدل عموده هو — كل عمود
   بمكانه الصريح بدل ما يعتمد على عدد العناصر الظاهرة في الصف. */
body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting .course-language{grid-column:3}
body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting .course-language ~ .course-language{grid-column:4}
body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting .course-language,
body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting .course-location,
body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting .course-time{
    margin:0;padding-inline-start:0;white-space:nowrap;
    display:inline-flex;align-items:center;gap:6px;min-width:0}
body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting > form{grid-column:5;margin:0}
body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting > form .btn{white-space:nowrap}
/* (2026-09-18) القاعدة دي كانت بتضبط flex-wrap بس والصف grid (display:grid
   فوق) فمفيش أي تأثير — على الموبايل الأعمدة الـ150px×4 كانت بتخنق
   عمود العنوان لـ14px فالحروف بتنزل واحد تحت التاني (إنجليزي وعربي).
   هنا الصف بقى flex بيلف: العنوان سطر كامل، والتاريخ واللغة جنب بعض،
   والزرار سطر كامل تحتهم. */
@media (max-width:991px){
    body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting{
        display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;align-items:center;
        column-gap:16px;row-gap:8px}
    body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting .course-title{
        flex:1 1 100%;grid-column:auto}
    body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting .course-date,
    body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting .course-language,
    body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting .course-language ~ .course-language{
        grid-column:auto;flex:0 0 auto;margin:0!important}
    body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting > form{
        grid-column:auto;flex:1 1 100%}
}

/* ─────────────────────────────
   (2026-09-11) صفوف قائمة الدورات على خط زمني — اختيار صريح

   الشكلين اللي قبل كده (صفوف سادة، وبعدين قوس ذهبي وبلاطة كحلية)
   اتشالوا. الصفوف بقت بنفس موتيف "الدورات القادمة" في الرئيسية:
   خط رأسي على الجنب، نقطة لكل دورة، والصف كرت أبيض بظل خفيف بيتزحزح
   عند المرور ويطلّع حدّ ذهبي — فالصفحتين بقوا عائلة واحدة.
   ───────────────────────────── */
body.theme-almawred.pg-training-courses #category_course_list,
body.theme-almawred.pg-training-courses #course_list,
body.theme-almawred.pg-training-courses #category_course_list_by_name{
    position:relative;padding-inline-start:38px!important;gap:14px!important}
body.theme-almawred.pg-training-courses #category_course_list::before,
body.theme-almawred.pg-training-courses #course_list::before,
body.theme-almawred.pg-training-courses #category_course_list_by_name::before{
    content:"";position:absolute;top:10px;bottom:10px;inset-inline-start:11px;width:2px;
    background:linear-gradient(var(--site-primary,#1764a4),rgba(23,100,164,.15))}

body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting{
    position:relative;padding:15px 18px!important;
    background:#fff!important;border:0!important;border-radius:10px!important;
    border-inline-start:4px solid transparent!important;
    box-shadow:0 6px 18px rgba(16,35,61,.07)!important;
    /* الكرت كان overflow:hidden من قاعدة أقدم، وده كان بيقصّ
       النقطة اللي بتقع بره حدوده. مفيش صورة تتقصّ دلوقتي. */
    overflow:visible!important;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
/* النقطة على الخط الزمني — نفس مقاس ولون نقطة الرئيسية. */
body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting::before{
    content:"";position:absolute;inset-inline-start:-38px;top:50%;
    width:22px;height:22px;margin-top:-11px;border-radius:50%;
    background:#fff;border:4px solid var(--site-primary,#1764a4);
    box-shadow:0 0 0 4px #fff;transition:border-color .18s ease}
body.theme-almawred.pg-training-courses .courselisting:hover{
    border-inline-start-color:var(--site-accent,#fbc708)!important;
    box-shadow:0 12px 26px rgba(16,35,61,.12)!important}
body[dir="ltr"].theme-almawred.pg-training-courses .courselisting:hover{transform:translateX(4px)}
body[dir="rtl"].theme-almawred.pg-training-courses .courselisting:hover{transform:translateX(-4px)}
body.theme-almawred.pg-training-courses .courselisting:hover::before{
    border-color:var(--site-accent,#fbc708)}

/* التاريخ: نص أزرق بولد زي الرئيسية — مش كبسولة ولا بلاطة. */
/* (2026-09-11) طلب صريح: اسم الدورة في الأول والكل على مستوى واحد.
   الـ`order:-1` اللي كان بيقدّم التاريخ اتشال (كان اتحطّ عشان
   الكبسولة المطلقة ما تقعش على العنوان — بقت نص عادي فمفيش
   تراكب)، والصف `align-items:center` فكل حاجة على خط واحد. */
body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting .course-date{
    background:none;color:var(--site-primary,#1764a4);
    padding:0;border-radius:0;font-weight:700;font-size:.78rem;
    flex:0 0 clamp(112px,11vw,150px);white-space:nowrap;
    /* فيه قاعدة أقدم بتحطّ order:-1 على `.course-date` (كانت
       للكروت لما الكبسولة كانت مطلقة) — بتتلغى هنا عشان العنوان
       يفضل أول حاجة في السطر. */
    order:0}
body.theme-almawred.pg-training-courses .courselist-style-inside .courselisting .course-title{
    border-inline-start:0;padding-inline-start:0;font-weight:600;
    color:var(--mw-ink,#10233d)}

/* ─────────────────────────────
   (2026-09-11) "مدن أخرى" من غير صور — طلب صريح

   الكرت كان صورة مدينة رمادية جنب الاسم. الصورة اتشالت، والكرت
   اترصّ حواليها: كبسولة "Training Courses in" فوق، اسم المدينة
   بولد أزرق، ورابط الدورات تحت — بعرض الكرت كله بدل نصّه.
   ───────────────────────────── */
/* الأيقونة بقت علم دايري بحلقة ذهبية بدل صورة المدينة — نفس
   حلقة قسم المدن في الرئيسية. */
body.theme-almawred #citymain-listing-section .box2.mw-oc{
    display:flex;align-items:center;gap:16px;
    padding:16px 18px;min-height:0;background:#fff;
    border-radius:12px;box-shadow:0 6px 18px rgba(16,35,61,.07);
    border-inline-start:4px solid transparent;
    transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
body.theme-almawred #citymain-listing-section .box2.mw-oc:hover{
    border-inline-start-color:var(--site-accent,#fbc708);
    box-shadow:0 12px 26px rgba(16,35,61,.12)}

body.theme-almawred #citymain-listing-section .mw-oc-icon{
    flex:0 0 auto;float:none;width:auto;margin:0}
/* فيه `::after` شريط ذهبي 6px كان بيتحطّ تحت صورة المدينة. من غير
   الصورة بقى بيمشي عرض الكرت وبيقطع العلم من نُصّه. اتشال. */
body.theme-almawred #citymain-listing-section .mw-oc-icon::after{display:none}
body.theme-almawred #citymain-listing-section .mw-oc-flag{
    position:relative;display:block;width:56px;height:56px;border-radius:50%;
    overflow:hidden;background-size:cover;background-position:center;
    box-shadow:0 0 0 3px #fff,0 0 0 4px var(--site-accent,#fbc708);
    transition:box-shadow .18s ease}
body.theme-almawred #citymain-listing-section .box2:hover .mw-oc-flag{
    box-shadow:0 0 0 3px #fff,0 0 0 6px var(--site-accent,#fbc708)}
body.theme-almawred #citymain-listing-section .mw-oc-flag .fi{
    display:block;position:absolute;inset:0;width:auto;height:auto;
    border-radius:0;background-size:cover}

/* النص جنب العلم مش تحته، و"Training Courses in" سطر صغير هادي بدل
   الكبسولة الصفرا — اسم المدينة هو البطل في الكرت. */
body.theme-almawred #citymain-listing-section .widget-content{
    flex:1 1 auto;min-width:0;width:auto;float:none}
body.theme-almawred #citymain-listing-section .widget-content p{
    background:none;color:#7c8aa0;padding:0;border-radius:0;margin:0;
    font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
body.theme-almawred #citymain-listing-section .widget-content h6{
    margin:3px 0 6px;font-size:1.02rem;color:var(--mw-ink,#10233d);font-weight:700}
body.theme-almawred #citymain-listing-section .widget-content > a:last-of-type{
    font-size:.78rem;font-weight:600;color:var(--site-primary,#1764a4)}
body.theme-almawred #citymain-listing-section .space5{display:none}

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

   كانت ورقة عمود واحد 720px في نص شاشة 1440، فنص الصفحة فاضي
   والشرح بيلفّ بدري. بقت: عمود جانبي ثابت فيه الترويسة والشرح
   وسطر التواصل، والاستمارة في العمود التاني.

   العمود الجانبي `sticky` فبيفضل في المجال البصري وانت بتملا —
   وده اللي بيخلّي العمودين مفيدين مش مجرد ملّة للفراغ.
   ───────────────────────────── */
body.theme-almawred .mw-rg-sheet{
    max-width:1120px;
    display:grid;grid-template-columns:296px minmax(0,1fr);
    gap:0 54px;align-items:start}
body.theme-almawred .mw-rg-rail{
    grid-column:1;position:sticky;top:22px}
body.theme-almawred .mw-rg-main{grid-column:2;min-width:0}
body.theme-almawred .mw-rg-sign--rail{margin-top:26px}
body.theme-almawred .mw-rg-lede{max-width:none;font-size:.98rem;line-height:1.75}
/* سطور الشرح تحت كل عنوان كانت مقفولة على ~535px (سقف مقيس على
   الورقة القديمة 720). العمود بقى أعرض، فبتاخد عرضه. */
body.theme-almawred .mw-rg-main .mw-rg-note{max-width:none}
body.theme-almawred .mw-rg-sign--rail .mw-rg-sign-line{font-size:.82rem;line-height:1.9}
@media (max-width:991px){
    body.theme-almawred .mw-rg-sheet{grid-template-columns:1fr;gap:26px}
    body.theme-almawred .mw-rg-rail{position:static}
    body.theme-almawred .mw-rg-rail,
    body.theme-almawred .mw-rg-main,
    body.theme-almawred .mw-rg-sign--rail{grid-column:1}
}

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

   المراجعة الشاملة طلّعت إن الصفحة دي هي الوحيدة اللي لسه بنفس
   التخطيط بالحرف في الـ11 موقع — نفس الكرت ونفس ترتيب البيانات،
   والفرق لون الزرار والحدّ بس. كل موقع بياخد أداته.
   ───────────────────────────── */
/* المورد — فهرس: كرت أبيض بقوس ذهبي على حرفه وخط ذهبي تحت رأس السنة. */
body.theme-almawred.pg-search-page .courselisting{
    position:relative;background:#fff!important;border:0!important;
    border-radius:10px!important;box-shadow:0 6px 18px rgba(16,35,61,.07)!important;
    padding:18px 22px 18px 34px!important;margin-bottom:18px}
body.theme-almawred.pg-search-page .courselisting::before{
    content:'';position:absolute;inset-inline-start:12px;top:22px;
    width:11px;height:26px;border:2px solid #fbc708;border-inline-end:0}
body.theme-almawred.pg-search-page .course-title h6 a{color:#10233d!important;font-weight:700}
body.theme-almawred.pg-search-page .custom-head-additional{
    background:transparent!important;color:#10233d!important;border:0!important;
    border-bottom:2px solid #fbc708!important;border-radius:0!important}
body.theme-almawred.pg-search-page .course-details-wrap{
    background:transparent!important;border-top:1px solid #e6ebf1!important;border-radius:0!important}

/* ─────────────────────────────
   (2026-09-11) صفحة طلب الدورة الداخلية: عمودين وسطور متّزنة

   الخطاب كان 760px واقف على الشمال في صفحة 1440 (مش متمركز حتى)،
   فتلتين الصفحة يمين فاضيين. والسطور الجارية ("نرغب في دورة عن
   [حقل] تُعقد في [حقل] على مدى…") كانت نص عادي، فالكلمات بتتعلّق في
   آخر السطر ومكان الحقول مش ثابت.

   بقت: الترويسة و"إلى/الموضوع" وحاشية التواصل في عمود جانبي،
   والاستمارة في العمود التاني — زي صفحة التسجيل بالظبط عشان
   الصفحتين عائلة واحدة. والسطر الجاري بقى flex بمحاذاة قاعدية،
   فالكلمات والحقول على خط واحد وبيلفّوا مع بعض.
   ───────────────────────────── */
body.theme-almawred .mw-ih-letter{
    max-width:1120px;margin-inline:auto;
    display:grid;grid-template-columns:300px minmax(0,1fr);
    /* الاستمارة بتمتد على التلات صفوف، ولو كلهم `auto` المتصفح بيوزّع
       طولها الزايد عليهم فبيفتح فراغ بين عناصر العمود الجانبي. آخر
       صف `1fr` بياخد الزيادة كلها، والصفين الأولانيين بيفضلوا بمقاس
       محتواهم. */
    grid-template-rows:min-content min-content 1fr;
    gap:0 54px;align-items:start}
body.theme-almawred .mw-ih-masthead{grid-column:1;grid-row:1}
body.theme-almawred .mw-ih-to{grid-column:1;grid-row:2}
body.theme-almawred .mw-ih-foot{grid-column:1;grid-row:3;margin-top:22px}
body.theme-almawred .mw-ih-form{grid-column:2;grid-row:1/4;min-width:0}

/* السطر الجاري: الكلمات والحقول على خط قاعدة واحد. */
body.theme-almawred .mw-ih-line{
    display:flex;flex-wrap:wrap;align-items:baseline;
    column-gap:8px;row-gap:10px;line-height:2}
/* الحقول جوّه السطر بتتقلّص عشان الجملة تقعد في أقل عدد سطور —
   من غير كده كل حقل بياخد عرضه الكامل وبيدفع الكلمة اللي بعده
   لسطر جديد. */
body.theme-almawred .mw-ih-line input,
body.theme-almawred .mw-ih-line select{
    flex:1 1 120px;min-width:96px;max-width:220px}
body.theme-almawred .mw-ih-note{max-width:none}

@media (max-width:991px){
    body.theme-almawred .mw-ih-letter{grid-template-columns:1fr;gap:22px}
    body.theme-almawred .mw-ih-masthead,
    body.theme-almawred .mw-ih-to,
    body.theme-almawred .mw-ih-form,
    body.theme-almawred .mw-ih-foot{grid-column:1;grid-row:auto}
}

/* ─────────────────────────────
   (2026-09-11) طلب الدورة الداخلية: استمارة بعناوين ظاهرة

   النسخة القديمة كانت الحقول جوّه جُمل جارية — مكان الحقل بيتغيّر من
   سطر لسطر، والكلمات الرابطة بتتعلّق في آخر السطور. بقت شبكة تلات
   أعمدة بعنوان فوق كل حقل، بأداة المورد: قوس ذهبي على عنوان القسم
   وحقول بخط سفلي.
   ───────────────────────────── */
body.theme-almawred .mw-ihf-sec{margin:0 0 34px}
body.theme-almawred .mw-ihf-h{
    display:flex;align-items:center;gap:12px;
    font-size:1.02rem;font-weight:700;color:#10233d;
    margin:0 0 4px;padding-bottom:10px;
    border-bottom:2px solid var(--site-accent,#fbc708)}
body.theme-almawred .mw-ihf-h::before{
    content:'';flex:0 0 auto;width:10px;height:.85em;
    border-inline-start:3px solid var(--site-accent,#fbc708);
    border-top:3px solid var(--site-accent,#fbc708)}
body.theme-almawred .mw-ihf-note{
    margin:12px 0 4px;font-size:.9rem;line-height:1.8;color:#48586e}

body.theme-almawred .mw-ihf-grid{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px 24px;margin-top:18px}
body.theme-almawred .mw-ihf-f--wide{grid-column:span 2}
body.theme-almawred .mw-ihf-f--full{grid-column:1/-1}
body.theme-almawred .mw-ihf-l{
    display:block;margin:0 0 4px;font-size:.74rem;font-weight:600;
    letter-spacing:.08em;text-transform:uppercase;color:#5b6b80}
body.theme-almawred .mw-ihf-l span{color:#c0392b;margin-inline-start:2px}
body.theme-almawred .mw-ihf-in{
    width:100%;background:transparent!important;
    border:0!important;border-bottom:1px solid #cfd8e3!important;
    border-radius:0!important;padding:6px 0!important;
    color:#10233d;box-shadow:none!important}
body.theme-almawred .mw-ihf-in:focus{
    border-bottom-color:var(--site-primary,#1764a4)!important;outline:none}
body.theme-almawred .mw-ihf-area{
    border:1px solid #cfd8e3!important;padding:10px 12px!important;resize:vertical}

@media (max-width:1199px){
    body.theme-almawred .mw-ihf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    body.theme-almawred .mw-ihf-f--wide{grid-column:1/-1}
}
@media (max-width:575px){
    body.theme-almawred .mw-ihf-grid{grid-template-columns:1fr}
    body.theme-almawred .mw-ihf-f--wide,
    body.theme-almawred .mw-ihf-f--full{grid-column:1}
}

/* ─────────────────────────────
   (2026-09-11) طلب الدورة الداخلية على لوح كحلي — اختيار صريح

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

   الحبر على الكحلي فاتح، والحبر جوّه البطاقة زي ما هو — فالتباين
   مضبوط في الحالتين.
   ───────────────────────────── */
body.theme-almawred .mw-ih{
    background:linear-gradient(150deg,#0b1a2f 0%,#10233d 55%,#16304f 100%);
    padding:56px 0 72px}

/* العمود الجانبي: حبر فاتح على الكحلي. */
body.theme-almawred .mw-ih-letter{border:0;padding:0}
body.theme-almawred .mw-ih-ref{color:var(--site-accent,#fbc708)!important}
body.theme-almawred .mw-ih-title{color:#fff!important}
body.theme-almawred .mw-ih-to{border-color:rgba(255,255,255,.18)!important}
body.theme-almawred .mw-ih-to dt{color:var(--site-accent,#fbc708)!important}
body.theme-almawred .mw-ih-to dd{color:#fff!important}
body.theme-almawred .mw-ih-foot{border-color:rgba(255,255,255,.18)!important}
body.theme-almawred .mw-ih-foot-line{color:#c4d2e4!important}
body.theme-almawred .mw-ih-foot-line strong{color:#fff!important}
body.theme-almawred .mw-ih-foot-line a{color:var(--site-accent,#fbc708)!important}

/* الاستمارة: بطاقة بيضا طايفة. */
body.theme-almawred .mw-ih-form{
    background:#fff;border-radius:14px;
    padding:34px 36px 30px;
    box-shadow:0 24px 60px rgba(0,0,0,.28)}
body.theme-almawred .mw-ihf-sec:last-of-type{margin-bottom:22px}
body.theme-almawred .mw-ih-send{margin:0}
body.theme-almawred .mw-ih-btn{
    background:var(--site-accent,#fbc708)!important;color:#10233d!important;
    border:0!important;border-radius:8px!important;font-weight:700;
    padding:12px 30px!important}
body.theme-almawred .mw-ih-btn:hover{background:#e9b806!important}

@media (max-width:991px){
    body.theme-almawred .mw-ih{padding:36px 0 44px}
    body.theme-almawred .mw-ih-form{padding:24px 20px}
}

/* ─────────────────────────────
   (2026-09-11) طلب الدورة الداخلية: عمود واحد — طلب صريح

   كان عمودين (الكلام على الجنب والاستمارة جنبه). بقى عمود واحد:
   الترويسة و"إلى/الموضوع" فوق، والاستمارة تحتهم، وسطر التواصل في
   الآخر. اللوح الكحلي والبطاقة البيضا زي ما هم.
   ───────────────────────────── */
body.theme-almawred .mw-ih-letter{
    max-width:880px;
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:none;
    gap:0}
body.theme-almawred .mw-ih-masthead,
body.theme-almawred .mw-ih-to,
body.theme-almawred .mw-ih-form,
body.theme-almawred .mw-ih-foot{grid-column:1;grid-row:auto}
body.theme-almawred .mw-ih-to{margin-bottom:26px}
body.theme-almawred .mw-ih-foot{margin-top:24px;text-align:center}
/* شبكة الحقول جوّه البطاقة بتفضل تلات أعمدة — العمود الواحد بتاع
   الصفحة مش بتاع الاستمارة. */

/* ─────────────────────────────
   (2026-09-11) خريطة الموقع بأداة صفحة الدورات — طلب صريح
   ───────────────────────────── */
/* المورد: قوس ذهبي بيطلع عند المرور — زي صفوف قائمة الدورات. */
body.theme-almawred .sitemap-list > li > a{
    position:relative;color:#10233d}
body.theme-almawred .sitemap-list > li > a::before{
    content:'';position:absolute;inset-inline-start:0;top:50%;
    width:7px;height:16px;margin-top:-8px;opacity:0;
    border:2px solid var(--site-accent,#fbc708);border-inline-end:0;
    transition:opacity .15s ease}
body.theme-almawred .sitemap-list > li > a:hover{padding-inline-start:20px}
body.theme-almawred .sitemap-list > li > a:hover::before{opacity:1}

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

   نفس حلقة الأعلام اللي في الرئيسية و"مدن أخرى" — الصفحات التلاتة
   اللي فيها مدن بقوا بنفس العلامة.
   ───────────────────────────── */
body.theme-almawred .mw-dir-flag{
    position:relative;flex:0 0 auto;display:block;
    width:30px;height:30px;border-radius:50%;overflow:hidden;
    margin-inline-end:12px;
    box-shadow:0 0 0 2px #fff,0 0 0 3px var(--site-accent,#fbc708);
    transition:box-shadow .18s ease}
body.theme-almawred .mw-dir-a:hover .mw-dir-flag{
    box-shadow:0 0 0 2px #fff,0 0 0 4px var(--site-accent,#fbc708)}
body.theme-almawred .mw-dir-flag .fi{
    display:block;position:absolute;inset:0;width:auto;height:auto;
    border-radius:0;background-size:cover}
/* الصف بقى فيه عنصر زيادة، فلازم يتحاذى في النص. */
body.theme-almawred #citymain-listing-section .mw-dir-a{align-items:center}

/* ─────────────────────────────
   (2026-09-11) صفحة التسجيل على لوح كحلي — نفس عائلة طلب الدورة الداخلية

   العمودين اتشالوا: الترويسة بحبر فاتح فوق، الاستمارة كلها بطاقة
   بيضا طايفة، وسطر التواصل متمركز تحتها. عناوين الأقسام جوّه البطاقة
   بقوس ذهبي وخط ذهبي — نفس عناوين استمارة الدورة الداخلية.
   ───────────────────────────── */
body.theme-almawred #register-section.mw-rg{
    background:linear-gradient(150deg,#0b1a2f 0%,#10233d 55%,#16304f 100%);
    padding:56px 0 72px}
body.theme-almawred .mw-rg-sheet{
    display:block;max-width:880px;margin-inline:auto}
body.theme-almawred .mw-rg-masthead{
    border-top:0;padding-top:0;margin-bottom:30px}
body.theme-almawred .mw-rg-kicker{color:var(--site-accent,#fbc708)!important}
body.theme-almawred .mw-rg-title{color:#fff!important}
body.theme-almawred .mw-rg-lede{color:#c4d2e4!important;max-width:none}

body.theme-almawred .mw-rg-main{
    background:#fff;border-radius:14px;
    padding:34px 36px 30px;
    box-shadow:0 24px 60px rgba(0,0,0,.28)}
body.theme-almawred .mw-rg-main .mw-rg-part:first-of-type{
    border-top:0;margin-top:0;padding-top:0}
body.theme-almawred .mw-rg-main .mw-rg-part{margin-top:30px;padding-top:0;border-top:0}
body.theme-almawred .mw-rg-main .mw-rg-h{
    display:flex;align-items:center;gap:12px;
    font-size:1.08rem;font-weight:700;color:#10233d;
    margin:0 0 4px;padding-bottom:10px;
    border-bottom:2px solid var(--site-accent,#fbc708)}
body.theme-almawred .mw-rg-main .mw-rg-h::before{
    content:'';flex:0 0 auto;width:10px;height:.85em;
    border-inline-start:3px solid var(--site-accent,#fbc708);
    border-top:3px solid var(--site-accent,#fbc708)}
body.theme-almawred .mw-rg-main .mw-rg-note{
    margin:12px 0 20px;font-size:.9rem;line-height:1.8}

body.theme-almawred .mw-rg-sign--foot{
    margin-top:24px;padding-top:18px;text-align:center;
    border-top:1px solid rgba(255,255,255,.18)}
body.theme-almawred .mw-rg-sign--foot .mw-rg-sign-rule{display:none}
body.theme-almawred .mw-rg-sign--foot .mw-rg-sign-line{color:#c4d2e4;text-align:center}
body.theme-almawred .mw-rg-sign--foot .mw-rg-sign-line strong{color:#fff}
body.theme-almawred .mw-rg-sign--foot .mw-rg-sign-sep{color:#7d8ea6}
body.theme-almawred .mw-rg-sign--foot .mw-rg-sign-line a{
    color:var(--site-accent,#fbc708);border-bottom-color:rgba(251,199,8,.35)}

@media (max-width:991px){
    body.theme-almawred #register-section.mw-rg{padding:36px 0 44px}
    body.theme-almawred .mw-rg-main{padding:24px 20px}
}
/* عناوين "بيانات المرشِّح" و"المشارك ١" مستوى تاني تحت عنوان القسم —
   كانت بنفس القوس والخط الذهبي فالتسلسل ضاع. بقت سطر رمادي صغير. */
body.theme-almawred #register-section .mw-rg-panes h5{
    border:0!important;padding:0!important;margin:6px 0 14px!important;
    color:#5b6b80!important;font-size:.74rem!important;font-weight:800;
    letter-spacing:.14em;text-transform:uppercase;background:none!important}
body.theme-almawred #register-section .mw-rg-panes h5::before,
body.theme-almawred #register-section .mw-rg-panes h5::after{display:none!important}
body.theme-almawred[dir="rtl"] #register-section .mw-rg-panes h5{letter-spacing:normal;font-size:.9rem!important}
body.theme-almawred #register-section .mw-rg-panes .padding-2{padding:0!important}

/* (2026-09-11) فوتر الموبايل: قاعدة قديمة بتعوّم القوائم (float:left)،
   فالعمود بيتقلّص لطول عنوانه وعنوان العمود اللي بعده بيطلع جنب القائمة. */
body.theme-almawred .institute-footer .mw-footer-col{display:flow-root}
body.theme-almawred .institute-footer .mw-footer-col .footer-list{float:none!important;width:100%}


/* (2026-09-11) سهم الرجوع لفوق: كان نفس الزرار في الـ11 موقع (مربع 31px
   بأيقونة دايرة). كل موقع بقى له شكله؛ السهم مرسوم بـCSS بدل الأيقونة. */
body.theme-almawred #back-to-top{box-sizing:border-box;padding:0;overflow:visible}
body.theme-almawred #back-to-top i{display:none}
body.theme-almawred #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-almawred #back-to-top{width:46px;height:46px;border:2px solid var(--site-accent,#fbc708)!important;
    border-radius:50%!important;background:#10233d!important;color:var(--site-accent,#fbc708);box-shadow:0 10px 22px rgba(16,35,61,.3)}
body.theme-almawred #back-to-top:hover{background:var(--site-accent,#fbc708)!important;color:#10233d}

/* ─────────────────────────────
   (2026-09-11) بطاقة البحث في البنر: حقول تحت بعض — طلب صريح (صورة مرجعية)
   بطاقة بيضا بحواف مدوّرة، الحقول كبسولات مدوّرة على رمادي فاتح،
   اللغة والشهر في صف واحد، وزرار "Search" كحلي بعرض البطاقة بأيقونة.
   ───────────────────────────── */
body.theme-almawred .mw-hero-card.mw-search-card{padding:22px;border-radius:14px;
    box-shadow:0 22px 48px rgba(0,0,0,.28);width:100%;max-width:400px;justify-self:end}
body.theme-almawred[dir="rtl"] .mw-hero-card.mw-search-card{justify-self:start}
body.theme-almawred .mw-search-card form.mw-sc-form{display:flex;flex-direction:column;gap:10px;border:0!important}
body.theme-almawred .mw-search-card .mw-sc-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
body.theme-almawred .mw-search-card .mw-sc-field{
    width:100%;height:46px;margin:0;padding:0 14px!important;
    border:1px solid #dde3ea!important;border-radius:10px!important;background-color:#f6f8fb!important;
    color:#2b3a4c;font-size:.93rem;box-shadow:none!important;outline:none;
    transition:border-color .15s,background-color .15s}
body.theme-almawred .mw-search-card input.mw-sc-field::placeholder{color:#8a97a6}
body.theme-almawred .mw-search-card select.mw-sc-field{
    -webkit-appearance:none;appearance:none;cursor:pointer;padding-inline-end:38px!important;
    background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M4 6l4 4 4-4' fill='%237d8896'/></svg>")!important;
    background-repeat:no-repeat!important;background-position:calc(100% - 14px) 50%!important;background-size:14px!important}
body.theme-almawred[dir="rtl"] .mw-search-card select.mw-sc-field{background-position:14px 50%!important;padding-inline-end:14px!important;padding-inline-start:38px!important}
body.theme-almawred .mw-search-card .mw-sc-field:hover{border-color:#b9c4d0!important}
body.theme-almawred .mw-search-card .mw-sc-field:focus{border-color:var(--site-primary,#1764a4)!important;background-color:#fff!important}
body.theme-almawred .mw-search-card button.mw-sc-go{
    display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:50px;margin-top:4px;
    border:0;border-radius:10px;background:#10233d;color:#fff;font-weight:700;font-size:1.02rem;cursor:pointer;
    transition:background .15s}
body.theme-almawred .mw-search-card button.mw-sc-go:hover{background:var(--site-primary,#1764a4)}
@media (max-width:991px){
    body.theme-almawred .mw-hero-card.mw-search-card{max-width:none;justify-self:stretch;padding:18px}
}
/* حقل النص كان 18px بس وباقي الخانات 46px — قاعدة قديمة على input
   بتغلب الارتفاع. بقى نفس ارتفاع الخانات. */
body.theme-almawred .mw-search-card input.mw-sc-field{height:46px!important;min-height:46px;line-height:46px;flex:none}


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

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

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

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

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

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

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

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

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

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


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

/* (2026-09-12) طلب صريح: "خلي الزرين شبة بعض" — زرار الكتيب كان أقصر وبخط أفتح ولونه أبيض
   (39px/8px 22px/700/كحلي مقابل 32px/4px 8px/600/أبيض). بقى نسخة طبق الأصل من زرار
   الدورات الأونلاين اللي جنبه. */
body.theme-almawred.pg-training-courses #common-banner-section-image .ub-banner-brochure{
    height:39px!important;padding:8px 22px!important;font-weight:700!important;
    color:#10233d!important;line-height:21px!important;display:inline-block!important;
    border:1px solid #fbc708!important;background:#fbc708!important;border-radius:0!important}

/* (2026-09-12) طلب صريح: بعد ما زرار الكتيب اتشال من الفلتر، الخانات تاخد عرض الصفحة كله
   وتبقى متناسقة — كل خانة بنفس العرض والباقي للفراغ بينهم، وزرار Clear في آخره. */
/* (2026-09-12) تصحيح: المحدِّد كان descendant، والسكشن ده بيلف قائمة الدورات نفسها،
   فكان بيطول فورم التسجيل جوّه كل كارت ويهرس عنوان الدورة. التحديد بقى على فورم الفلتر وحده. */
body.theme-almawred.pg-training-courses #common-filter-box-modal-one .col-md-12.p-0 > form{
    width:100%!important;display:flex!important;flex-wrap:nowrap;align-items:center;gap:12px!important}
body.theme-almawred.pg-training-courses #common-filter-box-modal-one .col-md-12.p-0 > form > select{
    flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important}
body.theme-almawred.pg-training-courses #common-filter-box-modal-one .col-md-12.p-0 > form > .menu-two{flex:0 0 auto!important}
@media (max-width:991px){
    body.theme-almawred.pg-training-courses #common-filter-box-modal-one .col-md-12.p-0 > form{flex-wrap:wrap}
    body.theme-almawred.pg-training-courses #common-filter-box-modal-one .col-md-12.p-0 > form > select{flex:1 1 45%!important}
}
/* (2026-09-12) "خلي الفونت شبه فونت التدريب الأونلاين" — زرار الكتيب <button> والتاني <a>،
   والـ<button> مبيورّثش خط الصفحة افتراضيًا، فكان بخط المتصفح. inherit بيخليه نفس الخط. */
body.theme-almawred.pg-training-courses #common-banner-section-image .ub-banner-brochure{
    font-family:inherit!important;font-style:inherit!important;letter-spacing:inherit!important}

/* (2026-09-12) طلب صريح: زرار تحميل الكتيب بنفس ظل زرار الدورات الأونلاين.
   الفرق كان في ظل النص مش ظل الصندوق: #searresultscourses-btn2 عنده
   text-shadow: rgba(0,0,0,.55) 0 1px 3px، وزرار الكتيب كان none. */
body.theme-almawred.pg-training-courses #common-banner-section-image .ub-banner-brochure{
    text-shadow:0 1px 3px rgba(0,0,0,.55)}

/* (2026-09-12) طلب صريح: صفحة الدورات الأونلاين بس — اسم الدورة ياخد أكبر مساحة.
   نفس السبب زي الخليج: زرار التسجيل عليه هامش يسار ~152px ثابت، والخانات أساسها
   134-141px. هامش التاريخ (14/16) سايبينه لأنه هو اللي بيفصل الكبسولة عن اللي جنبها. */
@media (min-width:992px){
    /* بأولوية صريحة: الهامش ده متحطوط بقاعدة أقوى في الستايل الأساسي،
       وقاعدة من غير !important ما بتغلبهاش (اتأكدنا: الهامش فضل 15x px). */
    body.theme-almawred.page-online .courselist-style-inside .courselisting > *:last-child{
        margin-left:0!important;margin-right:0!important}
    body.theme-almawred.page-online .courselist-style-inside .courselisting .course-language{
        flex-basis:112px}
    body.theme-almawred.page-online .courselist-style-inside .courselisting .course-date{
        flex-basis:118px}
}

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

/* (2026-09-12) طلب صريح: تغيير أيقونات صفحة نتايج البحث، وكل معهد بثلاثي مختلف.
   الـmask متطبّق على الـ<svg> نفسه مش على عنصر أب: نسخ الموبايل بتقع جوّه <span>
   بلا كلاس فمفيش أب أعلّق عليه — وكده محدِّد واحد بيغطي الديسكتوب والموبايل.
   خط bootstrap-icons مش محمّل في الصفحة (fonts.check=false) فطريق كودات الخط مقفول.
   الرسمة الأصلية بتتلغي بـfill:transparent واللون بيجي من background-color.
   bi-x (قفل المودال) وزراري العرض برّه المحدِّدات دي. */
body.theme-almawred.pg-search-page svg.bi-calendar-check-fill,body.theme-almawred.pg-search-page svg.bi-flag-fill,body.theme-almawred.pg-search-page svg.bi-clock-fill,body.theme-almawred.pg-search-page svg.bi-signpost-split-fill{fill:transparent!important;background-color:#1764a4;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-almawred.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 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-almawred.pg-search-page svg.bi-flag-fill{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M1 4h14v11H1zM4 0h2v3H4zM10 0h2v3h-2z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M1 4h14v11H1zM4 0h2v3H4zM10 0h2v3h-2z'/></svg>")}
body.theme-almawred.pg-search-page svg.bi-clock-fill,body.theme-almawred.pg-search-page svg.bi-signpost-split-fill{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M2 1h8a1 1 0 0 1 1 1v13H1V2a1 1 0 0 1 1-1zm10 6h2.5a.5.5 0 0 1 .5.5V15h-3V7z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M2 1h8a1 1 0 0 1 1 1v13H1V2a1 1 0 0 1 1-1zm10 6h2.5a.5.5 0 0 1 .5.5V15h-3V7z'/></svg>")}

/* (2026-09-12) talab sarih: "tammna shilna zurar al-brochure min al-filter khalli al-filter bi-'ard as-safha".
   safhat ad-dawrat al-'arabiyya/al-inglizziyya ma-fihash <form> — al-khanat wilad mubashirin
   li-.col-md-12.p-0, fal-qa'ida di bitakhussuhum wahduhum wa ma-btilmisish safahat al-qa'ima/al-qism
   illi fiha form (hunak al-form huwa al-ibn al-mubashir). */
body.theme-almawred.pg-training-courses #common-filter-box-modal-one .col-md-12.p-0 > select{
    flex:1 1 0!important;width:auto!important;min-width:0!important;max-width:none!important}
body.theme-almawred.pg-training-courses #common-filter-box-modal-one .col-md-12.p-0 > a,
body.theme-almawred.pg-training-courses #common-filter-box-modal-one .col-md-12.p-0 > button{flex:0 0 auto!important}
@media (max-width:991px){
    body.theme-almawred.pg-training-courses #common-filter-box-modal-one .col-md-12.p-0 > select{flex:1 1 45%!important}
}

/* (2026-09-12) طلب: "كلمة search مش في تنسيق البحث". زرار البحث في المورد
   ارتفاعه 23px جنب حقول 36px (padding:0 22px وline-height:21px)، فبيبان
   ناشز في الصف. باقي المعاهد 32px والخليج 36px. التوحيد على ارتفاع الحقول. */
body.theme-almawred.pg-search-page .search-results-wrap-left input[type="submit"],
body.theme-almawred.pg-search-page #search-btn{
    height:36px;line-height:normal;padding:0 22px}

/* ─────────────────────────────
   (2026-09-18) بطاقة الجدول والرسوم على الموبايل — "شوف باقي المواقع".
   التصميم سطر واحد (تفاصيل | سعر | زرار) بأعمدة grid، وعلى ٣٠٨px الأعمدة
   بتخنق التفاصيل لـ٣٦px والنصوص بتتراكب. تحت ٧٦٨px: عمود واحد — التفاصيل،
   بعدها السعر، بعدها الزرار. "html" + نفس سلسلة الكلاسات عشان تكسب على
   قواعد اللي فوق (فيها id).
   ───────────────────────────── */
@media (max-width:767px){
    html body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .session-card{
        display:flex!important;flex-direction:column!important;align-items:stretch!important;padding:0!important}
    html body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .session-card > ul{
        grid-column:auto!important;width:100%!important;flex-wrap:wrap!important;gap:6px 18px!important;
        padding:14px 18px 6px!important;margin:0!important;order:1;align-self:stretch!important;max-width:none!important;flex:0 0 auto!important;
        /* القالب حاطط style="width:50% !important" inline على الـul (تصميم الديسك توب: السعر
           absolute على اليمين) — inline+!important بيغلب أي CSS، فـmin-width هو الحل. */
        min-width:100%!important;
        justify-content:flex-start!important;align-items:center!important;text-align:start!important}
    html body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .session-card > ul > li{
        white-space:nowrap!important;flex:0 0 auto}
    html body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .session-card > ul > li:first-child{
        flex-basis:100%}
    html body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .session-card .price-box{
        grid-column:auto!important;position:static!important;padding:4px 18px!important;margin:0!important;order:2}
    html body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .session-card > form,
    html body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .session-card > .text-end{
        grid-column:auto!important;padding:6px 18px 16px!important;margin:0!important;text-align:start!important;order:3}
    html body.theme-almawred.pg-training-courses #coursedetails-content-section .mw-cd-main .session-card .btn{
        width:100%}
}


/* ═════════════════════════════════════════════════════════════
   (2026-09-18) صفحة "عن المعهد" — بنية مختلفة لكل معهد (طلب صريح: صفحات الموبايل
   شبه بعضها). الـHTML واحد (about_vmv.php: رؤية/رسالة/وعد/قيم) والبنية بتتغيّر
   بالـCSS: عدد الأعمدة، مكان الصورة، الترتيب، شكل العنوان — مش الألوان بس.
   ═════════════════════════════════════════════════════════════ */
body.theme-almawred.page-about #common-listing-section .box4{background:transparent;box-shadow:none;padding:0;display:grid;gap:14px}
body.theme-almawred.page-about #common-listing-section .aboutus-section-card{background:#fff;border:0;border-radius:0;border-inline-start:6px solid #fbc708;box-shadow:0 6px 18px rgba(16,35,61,.08);padding:16px 18px;margin:0}
body.theme-almawred.page-about #common-listing-section .aboutus-section-card .row{display:grid;grid-template-columns:minmax(0,1fr) 84px;gap:0 16px;align-items:center;margin:0}
body.theme-almawred.page-about #common-listing-section .aboutus-section-card .col-md-6{padding:0;max-width:none;width:auto}
body.theme-almawred.page-about #common-listing-section .aboutus-section-card .col-md-6:has(> img){grid-column:2;grid-row:1}
body.theme-almawred.page-about #common-listing-section .aboutus-section-card .col-md-6:not(:has(> img)){grid-column:1;grid-row:1}
body.theme-almawred.page-about #common-listing-section .aboutus-section-card .col-md-12{display:none}
body.theme-almawred.page-about #common-listing-section .aboutus-vision img,body.theme-almawred.page-about #common-listing-section .aboutus-mission img,body.theme-almawred.page-about #common-listing-section .aboutus-brand img{width:84px;height:84px;object-fit:cover;border:0;border-radius:4px;box-shadow:none}
body.theme-almawred.page-about #common-listing-section .aboutus-section-card h4{font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:#1764a4;margin:0 0 6px}
body.theme-almawred.page-about #common-listing-section .aboutus-section-card p{margin:0;padding:0;font-size:.98rem;color:#10233d}
body.theme-almawred.page-about #common-listing-section .aboutus-values{border-inline-start-color:#1764a4}
body.theme-almawred.page-about #common-listing-section .aboutus-values .aboutus-section-row{background:none;border:0;box-shadow:none;padding:0}
body.theme-almawred.page-about #common-listing-section .aboutus-values .aboutus-section-row .row{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;margin:0}
body.theme-almawred.page-about #common-listing-section .aboutus-values .aboutus-col-5{flex:0 0 42%;max-width:42%;scroll-snap-align:start;padding:0 8px}
body.theme-almawred.page-about #common-listing-section .aboutus-values img{border:0;border-radius:0;box-shadow:none}
@media (min-width:992px){body.theme-almawred.page-about #common-listing-section .aboutus-section-card .row{grid-template-columns:minmax(0,1fr) 150px}body.theme-almawred.page-about #common-listing-section .aboutus-vision img,body.theme-almawred.page-about #common-listing-section .aboutus-mission img,body.theme-almawred.page-about #common-listing-section .aboutus-brand img{width:150px;height:110px}body.theme-almawred.page-about #common-listing-section .aboutus-values .aboutus-col-5{flex:0 0 20%;max-width:20%}}

/* (2026-09-19) طلب صريح: سنتَي «متاح أيضًا» بشكل زرار (زي أزرار XLSX في المستند الرئيسي)
   بدل رابط مسطّر. */
body.theme-almawred .inst-dl-btn.mw-dlx-tlink{
    display:inline-block;
    padding:5px 16px;
    background:var(--site-primary,#1764a4);
    color:#fff;
    border:0;
    border-radius:0;
    font-size:.82rem;
    font-weight:700;
    letter-spacing:.04em;
    line-height:1.4;
    text-decoration:none;
    cursor:pointer;
    transition:background .15s;
}
body.theme-almawred .inst-dl-btn.mw-dlx-tlink:hover,
body.theme-almawred .inst-dl-btn.mw-dlx-tlink:focus-visible{
    background:var(--mw-ink,#10233d);
    color:#fff;
    text-decoration:none;
}