/* ============================================================
   معهد جلوماك — Glomac Institute
   ------------------------------------------------------------
   Direction: framed. A heavy rule boxes the banner with a gold
   hairline inside it. Nothing is rounded anywhere on the site.
   ============================================================ */

body.theme-glomac { --gm-ink: #1b1113; --gm-line: #e0d9d3; }

body.theme-glomac .btn,
body.theme-glomac .form-control,
body.theme-glomac .card,
body.theme-glomac .courselisting,
body.theme-glomac input,
body.theme-glomac select,
body.theme-glomac button { border-radius: 0 !important; }

body.theme-glomac .courselisting,
body.theme-glomac .card {
    border: 1px solid var(--gm-line) !important;
    box-shadow: none !important;
    outline: 1px solid var(--site-accent, #c8b100);
    outline-offset: -6px;
}

/* الهيدر ثابت والصفحة بتعوّض ارتفاعه، فالحشو هنا تنفّس بس —
   150 كان بيسيب فراغ أبيض 189 بكسل فوق الإطار. */
body.theme-glomac .gm-hero { padding: 44px 0 55px; background: #fbf9f7; }

body.theme-glomac .gm-hero-frame {
    border: 6px solid var(--site-primary, #765639);
    padding: 40px;
    position: relative;
    background: #fff;
}

body.theme-glomac .gm-hero-frame::after {
    content: "";
    position: absolute; inset: 10px;
    border: 1px solid var(--site-accent, #c8b100);
    pointer-events: none;
}

/* الكلام على جنب واللوجو على الجنب التاني في المساحة اللي كانت
   فاضية. baseline مش center: العلامة بتحاذي أول سطر في العنوان
   بدل ما تعوم في نص الكتلة. */
body.theme-glomac .gm-hero-top {
    margin-bottom: 36px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 40px;
}

body.theme-glomac .gm-hero-words { min-width: 0; }

/* الملف بقى 400 بكسل بدل 128، فالعرض 160 دلوقتي تصغير مش
   تكبير — حاد حتى على شاشة كثيفة. */
body.theme-glomac .gm-hero-mark {
    flex: 0 0 auto;
    width: 160px; height: 160px;
    object-fit: contain;
    display: block;

    /* عوم بطيء وخفيف. الكرة الأرضية مكتوب عليها الاسم في وسطها،
       فالتدوير كان هيقلب الحروف — العوم بيدّي حياة من غير ما
       يلخبط العلامة. */
    animation: gm-float 5.5s ease-in-out infinite;
    will-change: transform;
}

@keyframes gm-float {
    0%, 100% { transform: translateY(0); }
    50%      { transform: translateY(-9px); }
}

body.theme-glomac .gm-hero-mark:hover { animation-play-state: paused; }

@media (prefers-reduced-motion: reduce) {
    body.theme-glomac .gm-hero-mark { animation: none; }
}

@media (max-width: 767px) {
    /* على الموبايل العنوان محتاج العرض كله. */
    body.theme-glomac .gm-hero-mark { display: none; }
}

body.theme-glomac .gm-hero h1 {
    font-size: 2.8rem; line-height: 1.14; font-weight: 900;
    color: var(--gm-ink); margin: 0 0 12px; max-width: 24ch;
    text-transform: uppercase; letter-spacing: -.01em;
}

body.theme-glomac .gm-hero p { color: #5d4f4f; font-size: 1.05rem; margin: 0; max-width: 58ch; }

body.theme-glomac .gm-hero-bottom {
    display: flex; align-items: center; gap: 26px; flex-wrap: wrap;
    border-top: 1px solid var(--gm-line); padding-top: 26px;
}

body.theme-glomac .gm-hero-bottom form {
    flex: 1; min-width: 260px; display: flex;
    border: 2px solid var(--gm-ink);
}

body.theme-glomac .gm-hero-bottom input {
    flex: 1; min-width: 0; border: 0; padding: 13px 16px; font-size: 1rem;
}
body.theme-glomac .gm-hero-bottom input:focus { outline: none; background: #fffdf3; }

body.theme-glomac .gm-hero-bottom button {
    border: 0; background: var(--gm-ink); color: var(--site-accent, #c8b100); padding: 0 22px;
}
body.theme-glomac .gm-hero-bottom button:hover { background: var(--site-primary, #765639); color: #fff; }

body.theme-glomac .gm-hero-links { display: flex; flex-wrap: wrap; gap: 10px; }

body.theme-glomac .gm-hero-links a {
    border: 2px solid var(--site-primary, #765639);
    color: var(--site-primary, #765639);
    padding: 10px 20px; font-weight: 700; text-decoration: none;
    text-transform: uppercase; font-size: .82rem; letter-spacing: .05em;
}
/* الوقوف بيملى الزرار بالأحمر، فالكلام لازم يبقى ذهبي — القاعدة
   العامة في _institute.css بتحط --site-primary وهو نفس الأحمر،
   فالكلام كان بيختفي. المتغيّر دا هو مكان التغيير. */
body.theme-glomac .gm-hero-links a:hover {
    --link-hover-ink: var(--site-accent, #c8b100);
    background: var(--site-primary, #765639);
    color: var(--site-accent, #c8b100);
}

@media (max-width: 991px) {
    body.theme-glomac .gm-hero { padding: 28px 0 36px; }
    body.theme-glomac .gm-hero-frame { border-width: 4px; padding: 22px; }
    body.theme-glomac .gm-hero h1 { font-size: 1.75rem; }
    body.theme-glomac .gm-hero-bottom { flex-direction: column; align-items: stretch; }
}

/* ── الأقسام: مربّعات مؤطّرة بخيط ذهبي ── */
body.theme-glomac .inst-values { background: #fbf9f7; }
body.theme-glomac .inst-tile { border: 2px solid var(--gm-ink); border-radius: 0; position: relative; }
body.theme-glomac .inst-tile::after { content: ""; position: absolute; inset: 6px; border: 1px solid var(--site-accent, #c8b100); pointer-events: none; }
body.theme-glomac .inst-tile:hover { transform: none; background: #fffdf3; box-shadow: none; }
body.theme-glomac .inst-tile-label { text-transform: uppercase; font-size: 1rem; letter-spacing: .02em; }
body.theme-glomac .inst-values-list li { border: 1px solid var(--gm-line); padding: 20px; }
body.theme-glomac .inst-values-head h2,
body.theme-glomac .inst-assoc h2 { text-transform: uppercase; font-weight: 900; }
body.theme-glomac .inst-assoc-link { border-radius: 0; background: var(--gm-ink); color: var(--site-accent, #c8b100); }
body.theme-glomac .inst-assoc-link:hover { background: var(--site-primary, #765639); color: #fff; }

/* ── الصور: مؤطّرة بخيط ذهبي داخلي، بلا استدارة ── */
body.theme-glomac .widget-icon,
body.theme-glomac .common-banner-image,
body.theme-glomac .course-image { border-radius: 0; border: 2px solid var(--gm-ink); }
body.theme-glomac .widget-icon::after,
body.theme-glomac .common-banner-image::after {
    content: ""; position: absolute; inset: 5px;
    border: 1px solid var(--site-accent, #c8b100);
}
body.theme-glomac .widget-icon img { filter: contrast(1.08) saturate(.92); }
/* ── القائمة: حادّة بحروف كبيرة وحدّ سفلي سميك ── */
body.theme-glomac .nav-link { text-transform: uppercase; font-size: .82rem; font-weight: 800; letter-spacing: .05em; }
body.theme-glomac .navbar-nav .nav-link.active { border-radius: 0 !important; }
body.theme-glomac #dt-header-section { border-bottom: 4px solid var(--gm-ink); }

/* ── الداخلية: الأيقونة في مربّع مؤطّر، وعنوان بحروف كبيرة ── */
body.theme-glomac .common-banner-icon {
    border-radius: 0; outline: 1px solid var(--site-accent, #c8b100); outline-offset: -7px;
}
body.theme-glomac .common-banner-text h1 {
    text-transform: uppercase; font-weight: 900;
    font-size: clamp(1.5rem, 1rem + 1.7vw, 2.4rem);
}
body.theme-glomac .common-banner-text p { }
body.theme-glomac #common-banner-section-icon,
body.theme-glomac #common-banner-section-image { border-bottom: 5px solid var(--gm-ink); }

/* ── الشريط العلوي: فواصل رأسية وحروف كبيرة، بلا استدارة ── */
body.theme-glomac .gm-topbar { background: var(--gm-ink); color: #e6dcd8; font-size: .74rem; }
body.theme-glomac .gm-topbar-inner { display: flex; align-items: center; gap: 22px; min-height: 36px; }
body.theme-glomac .gm-topbar-links { gap: 0; text-transform: uppercase; letter-spacing: .08em; font-weight: 700; }
body.theme-glomac .gm-topbar-links li + li { border-inline-start: 1px solid rgba(255,255,255,.22); }
body.theme-glomac .gm-topbar-links li a { padding: 0 14px; }
body.theme-glomac .gm-topbar-links li:first-child a { padding-inline-start: 0; }
body.theme-glomac .gm-topbar-links li.active a { color: var(--site-accent, #c8b100); }
body.theme-glomac .gm-topbar-mail { margin-inline-start: auto; color: var(--site-accent, #c8b100); font-weight: 700; }

/* ── الشريط العلوي: الجدول، معلَناً ── */
body.theme-glomac .gm-topbar { background: var(--gm-ink); color: #e4dad6; }
body.theme-glomac .gm-topbar-row { min-height: 44px; gap: 14px; }
body.theme-glomac .gm-topbar-kicker {
    font-size: .95rem; letter-spacing: .06em; text-transform: uppercase;
    color: var(--site-accent, #c8b100); font-weight: 700;
}
body.theme-glomac .gm-topbar-sep { color: rgba(255,255,255,.25); }
body.theme-glomac .gm-topbar-year { font-size: .8rem; letter-spacing: .1em; text-transform: uppercase; }
body.theme-glomac .gm-topbar-dl {
    margin-inline-start: auto;
    border: 1px solid var(--site-accent, #c8b100); color: var(--site-accent, #c8b100);
    /* بادينج مش متساوي بدل top: بيحرّك الكلام جوه الكبسولة من غير
       ما يحرّك الإطار نفسه من مكانه. المجموع لسه 14px زي الأصل
       (7+7) عشان ارتفاع الكبسولة يفضل زي ما هو. */
    padding: 7px 18px 7px; font-size: .74rem; font-weight: 700;
    text-transform: uppercase; letter-spacing: .08em;
    /* "Online Training" كلمتين، ولو الصف ضاق كانت بتلف لسطرين
       فيطول الإطار عن "Downloads" جنبها. سطر واحد ثابت مهما ضاق
       الصف، والصف نفسه بياخد مساحته كاملة من غير ما ينضغط. */
    white-space: nowrap;
    flex: none;
}
/* "Online Training" كلمتين، فخط الوسط بتاعه بيختلف عن "Downloads"
   (كلمة واحدة) — محتاج رفعة زيادة عن القاعدة العامة فوق. */
body.theme-glomac .gm-topbar-online {
    padding-top: 1px;
    padding-bottom: 13px;
}
/* !important لازم: body[class*="theme-"] a:hover في _institute.css
   بتفرض لون الوقوف بـ!important (--link-hover-ink، أبيض هنا) على أي
   رابط في التوب بار — افتراض إن خلفية الوقوف فضلت غامقة زي الشريط.
   هنا الخلفية بترجع دهبي وقت الوقوف، فالأبيض المفروض بيبقى شبه مختفي
   عليه. لازم نغلبها عشان النص الغامق (اللي فعلاً بيتباين مع الدهبي)
   يظهر. */
body.theme-glomac .gm-topbar-dl:hover {
    background: var(--site-accent, #c8b100);
    color: var(--gm-ink) !important;
    opacity: 1;
}
body.theme-glomac .gm-topbar-lang { margin-inline-start: 0; }

/* "Online Training" جنب "Downloads" — نفس شكل الزرار بالظبط، بس هو
   اللي بياخد margin-inline-start:auto (يدفع الاتنين مع بعض لأقصى
   اليمين)، وDownloads اللي بعده يرجع margin عادي عشان يقعدوا جنب
   بعض بمسافة .gm-topbar-row الطبيعية (gap: 14px) مش بعيدين عن بعض. */
body.theme-glomac .gm-topbar-online + .gm-topbar-dl {
    margin-inline-start: 0;
}

/* طلب صريح: على الموبايل يفضل بس Downloads والإيميل — الكيكر
   (Upcoming Classroom Courses)، الفاصلة، More Details، وOnline Training
   بيتخفوا. */
@media (max-width: 575.98px) {
    body.theme-glomac .gm-topbar-kicker,
    body.theme-glomac .gm-topbar-sep,
    body.theme-glomac .gm-topbar-year,
    body.theme-glomac .gm-topbar-online {
        display: none;
    }
}

/* ══════════════════════════════════════════════════════════
   القائمة الرئيسية — فواصل رأسية وحروف كبيرة
   Divided by rules rather than by space, set in capitals, and
   the search closed in a squared box. Nothing rounded.
   ══════════════════════════════════════════════════════════ */
/* This mark is light, so the bar is the dark one of the set — which suits a
   theme built on a heavy frame anyway. */
body.theme-glomac nav.navbar { background: var(--gm-ink); }
body.theme-glomac .navbar-nav { gap: 0; }
body.theme-glomac .navbar-nav > li > .nav-link {
    color: #e4dad6 !important;
    text-transform: uppercase; letter-spacing: .07em; font-size: .75rem; font-weight: 800;
    padding: 10px 15px !important; border-radius: 0 !important; background: transparent !important;
}
body.theme-glomac .navbar-nav > li + li { border-inline-start: 1px solid rgba(255,255,255,.18); }
body.theme-glomac .navbar-nav > li > .nav-link.active { color: var(--site-accent, #c8b100) !important; }
/* الزرار ده كان بيتلاقط بـ:nth-last-child(2) — بعد ما Search اتشال من
   منيو المعاهد الجلسة دي، بقى العنصر التاني من الآخر حاجة تانية (لوحة
   "More" المخفية في الديسكتوب) مش اللغة، فالحد بقى بيتحط على عنصر
   مخفي وما بيتحركش. استهداف .custom-languagenew مباشرة أوثق وأصح. */
body.theme-glomac .navbar-nav > li > .nav-link.custom-languagenew {
    border: 2px solid var(--site-accent, #c8b100);
    color: var(--site-accent, #c8b100) !important;
    padding-block: 6px !important;
    padding-inline-start: 30px !important;
    padding-inline-end: 14px !important;
    display: inline-block !important;
    border-radius: 999px;
    position: relative;
}

/* حبر هذا الشريط: يستعمله الرابط ساكناً ومحوَّماً عليه سواء. */
body.theme-glomac nav.navbar { --nav-ink: #e4dad6; }
body.theme-glomac .navbar-nav > li > .nav-link.custom-languagenew:hover {
    background: var(--site-accent, #c8b100);
    color: var(--gm-ink) !important;
    box-shadow: none;
}

/* علم دائري قبل الكلمة — زي المرجع (flag-icons: علم + النص جنبه،
   مش أيقونة بدل النص زي الخليج).
   بموضع absolute بدل ما يبقى عنصر فليكس: طول سطر الكلمة العربية
   مختلف عن ارتفاع الدائرة الـ18px، وأي فرق كان بيخلي التوسيط
   بالفليكس يمركز صندوق السطر مش الدائرة والحروف مع بعض. الموضع
   المطلق بيتمركز على ارتفاع الكبسولة نفسها بصرف النظر عن ده. */
body.theme-glomac .navbar-nav > li > .nav-link.custom-languagenew::before {
    content: "";
    position: absolute;
    inset-inline-start: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
}
body.theme-glomac:not([dir="rtl"]) .navbar-nav > li > .nav-link.custom-languagenew::before {
    background-image: url(../../images/institutes/icons/glomac/flag-ar.png);
}
body.theme-glomac[dir="rtl"] .navbar-nav > li > .nav-link.custom-languagenew::before {
    background-image: url(../../images/institutes/icons/glomac/flag-en.png);
}
/* "اللغة العربية" بخط عربي طالعة أعلى من مركز العلم رغم إن "ENGLISH"
   بره كانت مظبوطة بنفس الكود — فرق ارتفاع الحروف بين الخطين، مش
   مشكلة في التمركز نفسه. نزول بسيط بمقدار ثابت للنص العربي بس. */
body.theme-glomac:not([dir="rtl"]) .navbar-nav > li > .nav-link.custom-languagenew b {
    position: relative;
    top: 5px;
}

/* شارة "جديد" في المنيو كانت أحمر فاقع من ستايل المعهد الأساسي —
   اللون الوحيد الأحمر اللي فضل بعد ما الهوية بقت نحاسية.
   الذهبي على النحاسي بيفرّقها عن باقي المنيو من غير ما يرجّع
   لون غريب على الموقع. */
body.theme-glomac .blink {
    background: var(--site-primary, #765639) !important;
    color: var(--site-accent, #c8b100) !important;
}

/* الشريط العلوي برونزي، والذهبي هو حبر الوقوف في باقي الموقع. */
body.theme-glomac #dt-top-section,
body.theme-glomac #dt-copyright-section { --link-hover-ink: var(--site-accent, #c8b100); }

/* ── لوحة الدورات: إطار محفور وعمودين ─────────────────────── */
body.theme-glomac .megamenu {
    border: 3px solid var(--site-primary, #765639) !important;
    outline: 1px solid var(--site-accent, #c8b100);
    outline-offset: -7px;
}

body.theme-glomac .inst-mega { --inst-mega-line: #e4dbcf; padding: 6px 8px 0; }

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

/* فاصل رأسي بين الأعمدة — الإطار بيتكرر جوّه. الحشو الرأسي اتقلل
   عشان اللوحة بعدد التخصصات الكبير مابقاش محتاج سكرول. */
body.theme-glomac .inst-mega-card {
    padding: 5px 20px;
    border-inline-end: 1px solid var(--inst-mega-line);
}

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

body.theme-glomac .inst-mega-icon { width: 22px; height: 22px; }

/* اللون كان وارث --nav-ink من نص شريط الملاحة (فاتح، مظبوط لخلفية
   الشريط الغامقة) وواصل للوحة اللي خلفيتها فاتحة — فالكلام كان
   شبه شفاف. --gm-ink هو اللون الغامق المخصص لخلفية فاتحة. */
body.theme-glomac .inst-mega-name {
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: .78rem;
    font-weight: 600;
    color: var(--gm-ink);
}

body.theme-glomac .inst-mega-card:hover { background: #faf6f0; }

body.theme-glomac .inst-mega-n {
    background: none;
    border: 1px solid var(--site-accent, #c8b100);
    color: var(--site-primary, #765639);
    border-radius: 0;
}

/* ═══════════════════════════════════════════════════════════
   التذييل — أربع أعمدة، مؤطّرة بنفس لغة الموقع (خيط ذهبي، بلا
   استدارة خالص)
   ------------------------------------------------------------
   طلب صريح بصورة مرجعية (فوتر موقع منافس حقيقي): هوية وتواصل +
   زرار دعوة، تخصصات + صيغ تدريب، مواقع + شهادات، روابط سريعة +
   سوشيال ميديا. الشكل بس اتاخد من المرجع — الألوان والإطارات
   رجعوا للغة "framed" بتاعة glomac نفسها (--gm-ink، خيط ذهبي
   داخلي، زوايا حادة) مش الكروت المدوّرة بتاعة المرجع.
   ═══════════════════════════════════════════════════════════ */
body.theme-glomac #dt-home-footer-section {
    background: var(--gm-ink, #1b1113);
    color: #cfc3bd;
    border-top: 4px solid var(--site-accent, #c8b100);
}
body.theme-glomac .gm-footer-grid { padding: 56px 0 40px; }
body.theme-glomac .gm-footer-col { margin-bottom: 32px; }

body.theme-glomac .institute-footer h6,
body.theme-glomac .gm-footer-col h6 {
    text-transform: uppercase;
    font-weight: 900;
    font-size: .92rem;
    letter-spacing: .06em;
    color: #fff;
    margin: 0 0 18px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--site-accent, #c8b100);
}
body.theme-glomac .gm-footer-h6-2 { margin-top: 30px; }

body.theme-glomac .gm-footer-list { list-style: none; margin: 0; padding: 0; }
body.theme-glomac .gm-footer-list li { padding-bottom: 12px; font-size: .86rem; }
body.theme-glomac .gm-footer-list a,
body.theme-glomac .institute-footer a { color: #cfc3bd; text-decoration: none; }
body.theme-glomac .gm-footer-list a:hover,
body.theme-glomac .institute-footer a:hover { color: var(--site-accent, #c8b100); }

/* الشعار فاتح (مصمم على خلفية غامقة أصلاً في .gm-hero-mark) —
   إطار ذهبي رفيع بدل رقعة بيضا، نفس تفصيلة .widget-icon::after
   في بقية الموقع. */
body.theme-glomac .gm-footer-logo {
    display: inline-block;
    margin-bottom: 20px;
    padding: 12px 16px;
    border: 1px solid var(--site-accent, #c8b100);
    line-height: 0;
}
body.theme-glomac .gm-footer-logo-img { max-width: 150px; height: auto; }

body.theme-glomac .gm-footer-contact li { display: flex; flex-direction: column; gap: 2px; }
body.theme-glomac .gm-footer-label {
    font-size: .68rem;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 700;
    color: var(--site-accent, #c8b100);
}

/* زرار "Ask about courses": مربّع بحدّ ذهبي، بيتملى وقت الوقوف —
   نفس معاملة .gm-hero-links a بالظبط، مش حبّة زرقا مدوّرة زي
   المرجع. */
body.theme-glomac .gm-footer-cta {
    display: inline-block;
    margin-top: 8px;
    border: 2px solid var(--site-accent, #c8b100);
    color: var(--site-accent, #c8b100);
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    font-size: .78rem;
    letter-spacing: .05em;
    padding: 11px 22px;
}
body.theme-glomac .gm-footer-cta:hover {
    background: var(--site-accent, #c8b100);
    color: var(--gm-ink, #1b1113);
}

@media (max-width: 767px) {
    body.theme-glomac .gm-footer-grid { padding: 40px 0 26px; }
}

/* ═══════════════════════════════════════════════════════════
   قسم "المواقع المتاحة" — نفس هيكل coventryacademy.com الحقيقي
   (صورتين كبيرتين جنب بعض، وصف صور أصغر تحتهم، عنوان مكتوب فوق
   كل صورة)، بس بلغة glomac نفسها: زوايا حادة بالكامل + خيط ذهبي
   داخلي على كل صورة (نفس .widget-icon::after بالحرف) بدل الاستدارة
   الأصلية، وشبكة ثابتة بدل الشريط اللي بيتحرك بسهم — الموقع كله
   ثابت رسمي، مفيش كاروسيل في أي قسم تاني فيه.
   ═══════════════════════════════════════════════════════════ */
/* رابع محاولة. موزاييك صور، فهرس صور مؤطّر، سجل بختم ذهبي —
   التلاتة "مش حلوة". هنا قلب الخلفية بالكامل: بدل لوحة فاتحة زي كل
   قسم قبلها، --gm-ink الغامق نفسه اللي التوب بار والنافبار مبنيين
   عليه — القسم الوحيد في نص الصفحة اللي بياخد نفس لون الهيدر، فبيوقف
   لوحده بصريًا. مفيش صور ومفيش صفوف/جدول ولا رقم-ختم — كل مدينة
   "لوحة" (plaque) منفصلة: مفيش إطار كامل حواليها، بس أربع زوايا
   ذهبية (زي زوايا برواز صورة قديم) وأيقونة دبوس موقع فوق الاسم.
   شبكة بطاقات مش قائمة، وخلفية غامقة مش فاتحة — مختلفة تمامًا شكلًا
   وتركيبًا عن التلات محاولات اللي فاتت. */
body.theme-glomac .gm-cities {
    padding: 72px 0;
    background: var(--gm-ink, #1b1113);
    border-top: 4px solid var(--site-accent, #c8b100);
    border-bottom: 4px solid var(--site-accent, #c8b100);
}

body.theme-glomac .gm-cities-head { text-align: center; margin: 0 0 44px; }
body.theme-glomac .gm-cities-kicker {
    display: inline-block;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--site-accent, #c8b100);
    border-bottom: 2px solid var(--site-accent, #c8b100);
    padding-bottom: 6px;
    margin: 0 0 12px;
}
body.theme-glomac .gm-cities-head h2 {
    font-size: 2rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.01em;
    color: #fff;
    margin: 0;
}

body.theme-glomac .gm-cities-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 4px;
}

body.theme-glomac .gm-cities-plaque {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 38px 16px;
    text-align: center;
    text-decoration: none;
}
body.theme-glomac .gm-cities-corner {
    position: absolute;
    width: 20px;
    height: 20px;
    border-color: rgba(200, 177, 0, .55);
    transition: border-color .15s ease, width .15s ease, height .15s ease;
}
body.theme-glomac .gm-cities-corner.tl { top: 10px; left: 10px; border-top: 2px solid; border-left: 2px solid; }
body.theme-glomac .gm-cities-corner.tr { top: 10px; right: 10px; border-top: 2px solid; border-right: 2px solid; }
body.theme-glomac .gm-cities-corner.bl { bottom: 10px; left: 10px; border-bottom: 2px solid; border-left: 2px solid; }
body.theme-glomac .gm-cities-corner.br { bottom: 10px; right: 10px; border-bottom: 2px solid; border-right: 2px solid; }
body.theme-glomac .gm-cities-plaque:hover .gm-cities-corner {
    border-color: var(--site-accent, #c8b100);
    width: 26px;
    height: 26px;
}

body.theme-glomac .gm-cities-pin { width: 24px; height: 24px; color: var(--site-accent, #c8b100); }
body.theme-glomac .gm-cities-pin path,
body.theme-glomac .gm-cities-pin circle { stroke: currentColor; fill: none; stroke-width: 1.5; }

body.theme-glomac .gm-cities-city {
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-size: 1.02rem;
    color: #fff;
    transition: color .15s ease;
}
body.theme-glomac .gm-cities-plaque:hover .gm-cities-city { color: var(--site-accent, #c8b100); }

body.theme-glomac .gm-cities-link {
    font-size: .68rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #a8988a;
}
body.theme-glomac .gm-cities-plaque:hover .gm-cities-link { color: var(--site-accent, #c8b100); }

@media (max-width: 767px) {
    body.theme-glomac .gm-cities-grid { grid-template-columns: repeat(2, 1fr); }
    body.theme-glomac .gm-cities-plaque { padding: 28px 10px; }
    body.theme-glomac .gm-cities-city { font-size: .9rem; }
}

body.theme-glomac .gm-cities-foot { text-align: center; margin-top: 44px; }
body.theme-glomac .gm-cities-all {
    display: inline-block;
    border: 2px solid var(--site-accent, #c8b100);
    color: var(--site-accent, #c8b100);
    padding: 12px 26px;
    font-weight: 700;
    font-size: .82rem;
    text-transform: uppercase;
    letter-spacing: .05em;
    text-decoration: none;
}
body.theme-glomac .gm-cities-all:hover {
    background: var(--site-accent, #c8b100);
    color: var(--gm-ink, #1b1113);
}

@media (max-width: 767px) {
    body.theme-glomac .gm-cities { padding: 44px 0; }
}

/* ═══════════════════════════════════════════════════════════
   Categories — second build. First attempt (a grid of individually
   framed square icon tiles) was rejected. This is ONE bordered panel
   — a single heavy --gm-ink rule, like .gm-hero-frame's outer border
   — split into two columns by a gold rule down the middle, each a
   plain hairline-divided list of rows. One framed ledger split in
   half, not a grid of boxes. Stays on a LIGHT ground on purpose: the
   cities section right below this one runs on --gm-ink, so this
   section is its light counterpart rather than a second dark panel.
   ═══════════════════════════════════════════════════════════ */
body.theme-glomac .gm-categories { padding: 64px 0; background: #fbf9f7; }

body.theme-glomac .gm-categories-head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 6px 22px;
    margin: 0 0 36px;
}
body.theme-glomac .gm-categories-kicker {
    flex: 0 0 100%;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--site-primary, #765639);
    border-bottom: 2px solid var(--site-accent, #c8b100);
    padding-bottom: 6px;
    margin: 0 0 6px;
    display: inline-block;
}
body.theme-glomac .gm-categories-head h2 {
    font-size: 2rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.01em;
    color: var(--gm-ink);
    margin: 0;
    flex: 1 1 auto;
}
body.theme-glomac .gm-categories-all {
    font-size: .8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--site-primary, #765639);
    text-decoration: none;
    border-bottom: 1px solid var(--site-accent, #c8b100);
    padding-bottom: 2px;
}
body.theme-glomac .gm-categories-all:hover { color: var(--gm-ink); }

body.theme-glomac .gm-categories-panel {
    border: 4px solid var(--gm-ink);
    background: #fff;
    display: grid;
    grid-template-columns: 1fr 1fr;
}
body.theme-glomac .gm-categories-col {
    padding: 6px 34px;
}
body.theme-glomac .gm-categories-col + .gm-categories-col {
    border-inline-start: 1px solid var(--site-accent, #c8b100);
}

body.theme-glomac .gm-categories-row {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 17px 0;
    border-bottom: 1px solid var(--gm-line);
    text-decoration: none;
    transition: padding-inline-start .15s ease;
}
body.theme-glomac .gm-categories-col .gm-categories-row:last-child { border-bottom: 0; }
body.theme-glomac .gm-categories-row:hover { padding-inline-start: 8px; }

body.theme-glomac .gm-categories-icon { width: 22px; height: 22px; object-fit: contain; flex: none; }

body.theme-glomac .gm-categories-title {
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .03em;
    font-size: .92rem;
    color: var(--gm-ink);
}
body.theme-glomac .gm-categories-row:hover .gm-categories-title { color: var(--site-primary, #765639); }

@media (max-width: 767px) {
    body.theme-glomac .gm-categories { padding: 40px 0; }
    body.theme-glomac .gm-categories-head { display: block; }
    body.theme-glomac .gm-categories-all { display: inline-block; margin-top: 8px; }
    body.theme-glomac .gm-categories-panel { grid-template-columns: 1fr; border-width: 3px; }
    body.theme-glomac .gm-categories-col { padding: 4px 20px; }
    body.theme-glomac .gm-categories-col + .gm-categories-col {
        border-inline-start: 0;
        border-top: 1px solid var(--site-accent, #c8b100);
    }
}

/* ── البلاطات (Public/In-House/Consulting)، أول محاولة. نفس
   لغة "framed" بتاعة glomac زي قسم التصنيفات، بس استخدام مختلف:
   إطار واحد تخين بينقسم بشكل غير متساوٍ — كلام على الشمال، وبرواز
   تاني جواه (نفس فكرة .gm-hero-frame: خط تخين + خيط ذهبي داخلي)
   بيحضن التلات بلاطات الحقيقية كصفوف فوق بعض، مش عمودين متساويين
   زي التصنيفات. */
/* ثاني تصميم. البرواز المنقسم لعمود نص وبرواز فرعي كان اتقاله
   "غيّره" مع شوية معاهد تانية من غير سبب محدد — تركيبة جديدة:
   عنوان في النص فوق، وتحته شريط "ledger" واحد بخلفية --gm-ink
   الغامقة، خط أسود تخين فوق وتحت (نفس فكرة .gm-hero-frame)، بس
   هنا صف واحد أفقي بخيوط ذهبية رفيعة تفصل بين الأربعة، مش عمودين. */
body.theme-glomac .gm-tiles { padding: 64px 0; background: #fff; }

body.theme-glomac .gm-tiles-kicker {
    display: block;
    text-align: center;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--site-primary, #765639);
    margin: 0 0 10px;
}
body.theme-glomac .gm-tiles-heading {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: -.01em;
    color: var(--gm-ink);
    margin: 0 0 30px;
}

body.theme-glomac .gm-tiles-ledger {
    display: flex;
    background: var(--gm-ink);
    border-top: 4px solid var(--gm-ink);
    border-bottom: 4px solid var(--gm-ink);
    box-shadow: 0 0 0 1px var(--site-accent, #c8b100) inset;
}

body.theme-glomac .gm-tiles-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    text-align: center;
    padding: 34px 16px;
    text-decoration: none;
    border-inline-start: 1px solid rgba(200, 177, 0, .4);
    transition: background .15s ease;
}
body.theme-glomac .gm-tiles-item:first-child { border-inline-start: 0; }
body.theme-glomac .gm-tiles-item:hover { background: rgba(200, 177, 0, .08); }

/* أيقونات public/inhouse ملفات SVG مربّعة ملوّنة بالكامل (خلفية
   حمرا + شريط ذهبي + رسمة بيضا) — مش رسمة خط بسيطة، فأي فلتر
   عليها هيمسحها لمربّع أبيض فاضي (باگ حقيقي اتصلّح هنا). تتحط
   زي ما هي، بس بحواف دائرية صغيرة عشان الحدة الحادة متلخبطش مع
   الخط الدائري بتاع أيقونة bootstrap-icons التانية. */
body.theme-glomac .gm-tiles-icon { width: 30px; height: 30px; object-fit: contain; border-radius: 4px; }

/* أيقونتين من التلات (online/new) مفيهمش ملف رسمة مخصّص لأي معهد
   لسه، فبتستخدم Bootstrap Icons بنفس وزن أيقونات الصور. */
body.theme-glomac .gm-tiles-icon-bi {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px; height: 28px;
    font-size: 1.4rem;
    line-height: 1;
    color: var(--site-accent, #c8b100);
}

body.theme-glomac .gm-tiles-label {
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .03em;
    font-size: .86rem;
    color: #fff;
}
body.theme-glomac .gm-tiles-item:hover .gm-tiles-label { color: var(--site-accent, #c8b100); }

@media (max-width: 767px) {
    body.theme-glomac .gm-tiles { padding: 40px 0; }
    body.theme-glomac .gm-tiles-ledger { flex-direction: column; }
    body.theme-glomac .gm-tiles-item { border-inline-start: 0; border-top: 1px solid rgba(200, 177, 0, .4); }
    body.theme-glomac .gm-tiles-item:first-child { border-top: 0; }
}

/* ═══ الدورات القادمة — جلوماك: سجل داكن بذهبي (طلب صريح 2026-09-05) ═══
   لوح بني غامق بعرض الصفحة، صفوف مفصولة بخطوط ذهبية رفيعة، التاريخ بخط
   Serif ذهبي كبير، العنوان أبيض، التفاصيل ذهبية باهتة، وصورة الدورة مربع
   صغير في آخر الصف. عند التحويم العنوان بيتسطّر بالذهبي. */
body.theme-glomac .inst-upcoming { background: #1e1611; padding: 56px 0; }
body.theme-glomac .inst-upcoming-head h2 { color: #fff; font-family: Georgia, "Times New Roman", "Amiri", serif; }
body.theme-glomac .inst-upcoming-head a { color: var(--site-accent, #c8b100); }
body.theme-glomac .inst-upcoming-list li { border-color: rgba(200,177,0,.28) !important; }
body.theme-glomac .inst-upcoming-list a { padding: 16px 6px; gap: 22px; background: transparent; }
body.theme-glomac .inst-upcoming-list a:hover { background: rgba(255,255,255,.03); }
body.theme-glomac .inst-upcoming-date { width: 84px; height: auto; background: transparent; color: var(--site-accent, #c8b100); font-family: Georgia, "Times New Roman", "Amiri", serif; flex-direction: row; gap: 8px; align-items: baseline; }
body.theme-glomac .inst-upcoming-day { font-size: 2rem; font-weight: 400; }
body.theme-glomac .inst-upcoming-month { font-size: .85rem; opacity: .9; letter-spacing: .1em; }
body.theme-glomac .inst-upcoming-body { flex: 1; }
body.theme-glomac .inst-upcoming-title { color: #fff; font-size: 1.02rem; font-weight: 600; transition: color .15s; }
body.theme-glomac .inst-upcoming-list a:hover .inst-upcoming-title { color: var(--site-accent, #c8b100); text-decoration: underline; text-underline-offset: 4px; }
body.theme-glomac .inst-upcoming-meta { color: rgba(255,255,255,.6); }
body.theme-glomac .inst-upcoming-city { color: var(--site-accent, #c8b100); }
body.theme-glomac .inst-upcoming-meta2 { display: flex; gap: 14px; font-size: .78rem; color: rgba(255,255,255,.55); }
body.theme-glomac .inst-upcoming-meta2 i { margin-inline-end: 4px; color: var(--site-accent, #c8b100); }
body.theme-glomac .inst-upcoming-thumb { display: block; order: 3; margin-inline-start: auto; flex: 0 0 72px; height: 54px; border: 1px solid rgba(200,177,0,.45); background-size: cover; background-position: center; filter: sepia(.25); }
@media (max-width: 767px) { body.theme-glomac .inst-upcoming-thumb { display: none; } }

/* الدورات القادمة: كروت أصغر (طلب صريح 2026-09-06) */
body.theme-glomac .inst-upcoming-list a { padding: 11px 6px; gap: 16px; }
body.theme-glomac .inst-upcoming-day { font-size: 1.5rem; }
body.theme-glomac .inst-upcoming-title { font-size: .92rem; }
body.theme-glomac .inst-upcoming-meta, body.theme-glomac .inst-upcoming-meta2 { font-size: .76rem; }
body.theme-glomac .inst-upcoming-thumb { flex-basis: 58px; height: 42px; }

/* طلب صريح (2026-09-06): مسافة أقل بين السليدر وقسم البلاطات على جلوماك */
body.theme-glomac .gm-hero { padding-bottom: 28px; }
body.theme-glomac .gm-tiles { padding-top: 24px; }
@media (max-width: 991px) { body.theme-glomac .gm-hero { padding-bottom: 20px; } body.theme-glomac .gm-tiles { padding-top: 16px; } }

/* ===== /training-courses — جلوماك: بانر بني بحافة ذهبية وإطار ذهبي للصورة، فلتر كريمي، كروت 4 أعمدة بشريط تاريخ بني فوق الصورة (2026-09-07) ===== */
body.theme-glomac.pg-training-courses #common-banner-section-image{border-bottom:0}
body.theme-glomac.pg-training-courses #common-banner-section-image .background-listing{background:#765639;color:#fff;border-radius:0}
body.theme-glomac.pg-training-courses #common-banner-section-image .background-listing:before{display:none}
body.theme-glomac.pg-training-courses #common-banner-section-image .common-banner-section-box{display:flex;align-items:center;gap:30px}
body.theme-glomac.pg-training-courses #common-banner-section-image .common-banner-image{position:static;float:none;flex:none;width:220px;padding:6px;background:#c8b100;border:0;border-radius:0;box-shadow:none;margin:0}
body.theme-glomac.pg-training-courses #common-banner-section-image .common-banner-text{float:none;width:auto;flex:1;text-align:start}
body.theme-glomac.pg-training-courses #common-banner-section-image h1{color:#fff;font-size:32px}
body.theme-glomac.pg-training-courses #common-banner-section-image p{color:#f1e9e3;text-align:start}
body.theme-glomac.pg-training-courses #searresultscourses-btn2{background:#c8b100;border-color:#c8b100;color:#1b1113;border-radius:0;font-weight:700}
body.theme-glomac.pg-training-courses #common-filter-box-modal-one{margin-top:0;padding:12px 0 0}
body.theme-glomac.pg-training-courses #common-filter-box-modal-one .box2{background:#fffdf3;border:1px solid #e4dad6;box-shadow:none;border-radius:0;padding:12px 16px}
body.theme-glomac.pg-training-courses #common-filter-box-modal-one .form-control{background:#fff;border:1px solid #765639;border-radius:0;height:34px;color:#1b1113}
body.theme-glomac.pg-training-courses #common-filter-box-modal-one .menu-two{border-color:#765639;color:#765639;border-radius:0}
body.theme-glomac.pg-training-courses #common-filter-box-modal-one .menu-two:hover{background:#765639;color:#fff}
body.theme-glomac.pg-training-courses #common-filter-box-modal-one .menu-two.purple-color{background:#765639;border-color:#765639;color:#fff}
body.theme-glomac.pg-training-courses .courselist-style-inside .courselisting,body.theme-glomac.pg-training-courses .courselist-style-inside .courselisting.virtual{background:#fff;border:1px solid #e4dad6;border-radius:4px;padding:0;box-shadow:none;overflow:hidden;transition:box-shadow .25s}
body.theme-glomac.pg-training-courses .courselisting:hover{box-shadow:0 12px 26px rgba(27,17,19,.14)}
body.theme-glomac.pg-training-courses .course-date{position:absolute;top:0;left:0;right:0;background:#765639;color:#fff;font-weight:600;font-size:12.5px;padding:7px 12px;z-index:2;line-height:18px}
body.theme-glomac.pg-training-courses .course-date i.bi{color:#c8b100!important}
body.theme-glomac.pg-training-courses .course-image{margin-top:32px;border:0;border-radius:0}
body.theme-glomac.pg-training-courses .course-image-vl-icon{background:#765639}
body.theme-glomac.pg-training-courses .course-title{font-size:15px;line-height:20px;min-height:44px;color:#765639;padding:10px 12px 0}
body.theme-glomac.pg-training-courses .course-language,body.theme-glomac.pg-training-courses .course-location,body.theme-glomac.pg-training-courses .course-time{padding:0 12px;color:#5a4a42}
body.theme-glomac.pg-training-courses .courselisting .course-language i.bi,body.theme-glomac.pg-training-courses .courselisting .course-location i.bi,body.theme-glomac.pg-training-courses .courselisting .course-time i.bi{color:#765639!important}
body.theme-glomac.pg-training-courses .courselisting form{padding:8px 12px 12px}
body.theme-glomac.pg-training-courses .courselisting .btn-primary{background:#c8b100;border-color:#c8b100;color:#1b1113;border-radius:0;font-weight:700}
body.theme-glomac.pg-training-courses .courselisting:hover .btn-primary{background:#765639;border-color:#765639;color:#fff}
@media (min-width:992px){body.theme-glomac.pg-training-courses #course_list{grid-template-columns:repeat(4,1fr);gap:20px}}
@media (max-width:767px){body.theme-glomac.pg-training-courses #common-banner-section-image .common-banner-section-box{flex-direction:column;align-items:flex-start}}

/* --- training-courses fix ce7d6ac4015503d732987a663587ff88 --- */
body.theme-glomac.pg-training-courses #common-banner-section-image{background:#765639;position:relative}
body.theme-glomac.pg-training-courses #common-banner-section-image::before{display:none}
body.theme-glomac.pg-training-courses #common-banner-section-image .common-banner-section-box{align-items:center;padding:30px 0}
body.theme-glomac.pg-training-courses #common-banner-section-image .common-banner-text{max-width:none}
body.theme-glomac.pg-training-courses #searresultscourses-btn2{background:#c8b100!important;border-color:#c8b100!important;color:#1b1113!important}
body.theme-glomac.pg-training-courses #common-filter-box-modal-one .menu-two.purple-color{background:#765639!important;border-color:#765639!important;color:#fff!important}
body.theme-glomac.pg-training-courses .courselisting .btn-primary{background:#c8b100!important;border-color:#c8b100!important;color:#1b1113!important}
body.theme-glomac.pg-training-courses .courselisting:hover .btn-primary{background:#765639!important;border-color:#765639!important;color:#fff!important}

/* --- training-courses fix 5a8d3b376f863c63b978ac62023b5fb8 --- */
/* أيقونات بيانات الكارت الخاصة بالمعهد (طلب 2026-09-07): calendar-range / megaphone / projector / signpost-2-fill / shop */
body.theme-glomac.pg-training-courses .course-date .bi-calendar-check-fill::before{content:"\f1f1"}
body.theme-glomac.pg-training-courses .course-language .bi-flag-fill::before{content:"\f484"}
body.theme-glomac.pg-training-courses .course-language .bi-bookmarks-fill::before{content:"\f6ac"}
body.theme-glomac.pg-training-courses .course-location .bi-signpost-split-fill::before{content:"\f545"}
body.theme-glomac.pg-training-courses .course-time .bi-signpost-split-fill::before{content:"\f543"}

/* --- training-courses fix 1a8719da3eb358860e749d1717f7b7c7 --- */
/* (2026-09-12) "زر Clear غير متناسق في تصميمه مع محرك البحث" — كان 36px والقوايم جنبه 34px،
   فكان طالع أعلى منها بسطرين. بقى بنفس الطول والحدود والخط بالظبط. */
body.theme-glomac.pg-training-courses #common-filter-box-modal-one .menu-two.darkblue-color{
    background:#fff!important;border:1px solid #765639!important;color:#1b1113!important;border-radius:0;
    height:34px!important;min-height:34px!important;padding:0 16px!important;
    display:inline-flex!important;align-items:center;justify-content:center;
    font-size:13.12px!important;font-weight:400!important;line-height:1!important;margin-top:0!important}
body.theme-glomac.pg-training-courses #common-filter-box-modal-one .menu-two.darkblue-color:hover{background:#765639!important;color:#fff!important}

/* --- btn-secondary = btn-primary (2026-09-07) --- */
/* صفحة الأونلاين بنفس تصميم الحضوري: زر الدورات الافتراضية (.btn-secondary) بنفس تنسيق الزر العادي */
body.theme-glomac.pg-training-courses .courselisting .btn-secondary{background:#c8b100;border-color:#c8b100;color:#1b1113;border-radius:0;font-weight:700}
body.theme-glomac.pg-training-courses .courselisting:hover .btn-secondary{background:#765639;border-color:#765639;color:#fff}
body.theme-glomac.pg-training-courses .courselisting .btn-secondary{background:#c8b100!important;border-color:#c8b100!important;color:#1b1113!important}
body.theme-glomac.pg-training-courses .courselisting:hover .btn-secondary{background:#765639!important;border-color:#765639!important;color:#fff!important}

/* --- training-courses fix b0a37f3b38025a3ed4882e6492415730 --- */
/* ===== الدورات الداخلية — جلوماك: بطاقات بشريط عنوان بني (زي شريط التاريخ في كروته)، أرقام ذهبية مربّعة، المزايا بخط ذهبي، زر ذهبي (2026-09-07) ===== */
body.theme-glomac .inst-ih-steps,body.theme-glomac .inst-ih-benefits{border:1px solid #e4dad6;border-radius:4px;padding:0;overflow:hidden;box-shadow:none}
body.theme-glomac .inst-ih-h{background:#765639;color:#fff;margin:0;padding:12px 20px;font-size:1.05rem}
body.theme-glomac .inst-ih-h::after{display:none}
body.theme-glomac .inst-ih-list{padding:22px 22px 24px;gap:14px}
body.theme-glomac .inst-ih-list li{border-bottom:1px dashed #e4dad6;padding-bottom:14px}
body.theme-glomac .inst-ih-list li:last-child{border-bottom:0;padding-bottom:0}
body.theme-glomac .inst-ih-num{border-radius:4px;background:#c8b100;color:#1b1113}
body.theme-glomac .inst-ih-checks{padding:22px 22px 0;margin-bottom:0}
body.theme-glomac .inst-ih-checks li .bi{color:#c8b100}
body.theme-glomac .inst-ih-cta{margin:22px;background:#c8b100!important;border-color:#c8b100!important;color:#1b1113!important;border-radius:0;font-weight:700}

/* --- training-courses fix 6753a09c3f804635b56285dc2c09d1c0 --- */
/* لمسة فنية: جلوماك — شريط ذهبي رفيع تحت شريط العنوان البني، الأرقام الذهبية تدور قليلًا عند المرور، البطاقات بظل بني ناعم */
body.theme-glomac .inst-ih-steps,body.theme-glomac .inst-ih-benefits{box-shadow:0 10px 26px rgba(27,17,19,.1)}
body.theme-glomac .inst-ih-h{box-shadow:inset 0 -4px 0 #c8b100}
body.theme-glomac .inst-ih-num{transition:transform .25s}
body.theme-glomac .inst-ih-list li:hover .inst-ih-num{transform:rotate(-8deg) scale(1.08)}
body.theme-glomac .inst-ih-checks li .bi{transition:transform .2s}
body.theme-glomac .inst-ih-checks li:hover .bi{transform:scale(1.25)}
body.theme-glomac .inst-ih-cta{box-shadow:0 8px 18px rgba(200,177,0,.35)}

/* --- banner-icon = banner-image (2026-09-07) --- */
/* صفحة التخصص بانرها #common-banner-section-icon بنفس بنية بانر الصورة → نفس تصميم بانر الثيم */
body.theme-glomac.pg-training-courses #common-banner-section-icon{border-bottom:0}
body.theme-glomac.pg-training-courses #common-banner-section-icon .background-listing{background:#765639;color:#fff;border-radius:0}
body.theme-glomac.pg-training-courses #common-banner-section-icon .background-listing:before{display:none}
body.theme-glomac.pg-training-courses #common-banner-section-icon .common-banner-section-box{display:flex;align-items:center;gap:30px}
body.theme-glomac.pg-training-courses #common-banner-section-icon .common-banner-image{position:static;float:none;flex:none;width:220px;padding:6px;background:#c8b100;border:0;border-radius:0;box-shadow:none;margin:0}
body.theme-glomac.pg-training-courses #common-banner-section-icon .common-banner-text{float:none;width:auto;flex:1;text-align:start}
body.theme-glomac.pg-training-courses #common-banner-section-icon h1{color:#fff;font-size:32px}
body.theme-glomac.pg-training-courses #common-banner-section-icon p{color:#f1e9e3;text-align:start}
body.theme-glomac.pg-training-courses #common-banner-section-icon{background:#765639;position:relative}
body.theme-glomac.pg-training-courses #common-banner-section-icon::before{display:none}
body.theme-glomac.pg-training-courses #common-banner-section-icon .common-banner-section-box{align-items:center;padding:30px 0}
body.theme-glomac.pg-training-courses #common-banner-section-icon .common-banner-text{max-width:none}

/* --- training-courses fix 26a4e7b5bda1421f9eecdef21e78de00 --- */
/* ===== الصفحات الداخلية — جلوماك: بطاقات بشريط عنوان بني (زي كروته)، أيقونات ذهبية مربّعة، الأسئلة بشريط جانبي بني؛ العملاء بلاطات ذهبية الحد ===== */
body.theme-glomac .inst-about-pillar,body.theme-glomac .inst-pub-feat,body.theme-glomac .inst-pub-terms{border:1px solid #e4dad6;border-radius:4px;padding:0;overflow:hidden;box-shadow:none}
body.theme-glomac .inst-about-pillar h2,body.theme-glomac .inst-pub-feat h2,body.theme-glomac .inst-pub-h{background:#765639;color:#fff;margin:0;padding:12px 18px;font-size:1rem;box-shadow:inset 0 -4px 0 #c8b100}
body.theme-glomac .inst-pub-h::after{display:none}
body.theme-glomac .inst-pub-h{padding-bottom:12px}
body.theme-glomac .inst-about-pillar .bi,body.theme-glomac .inst-pub-feat .bi{position:absolute;inset-inline-end:14px;top:8px;color:#c8b100;font-size:1.3rem;margin:0}
body.theme-glomac .inst-about-pillar,body.theme-glomac .inst-pub-feat{position:relative}
body.theme-glomac .inst-about-pillar p,body.theme-glomac .inst-pub-feat p,body.theme-glomac .inst-pub-dl,body.theme-glomac .inst-pub-cta{padding:18px}
body.theme-glomac .inst-pub-dl{margin:0}
body.theme-glomac .inst-about-h::after,body.theme-glomac .inst-faq-h::after,body.theme-glomac .inst-clients-h::after{background:#c8b100}
body.theme-glomac .inst-about-offer{border-radius:4px;border-color:#e4dad6;border-inline-start:6px solid #c8b100}
body.theme-glomac .inst-about-offer > .bi,body.theme-glomac .inst-about-offer-arrow{color:#765639}
body.theme-glomac .inst-faq-item{border-radius:4px;border-color:#e4dad6;border-inline-start:5px solid #765639}
body.theme-glomac .inst-faq-item[open]{border-inline-start-color:#c8b100}
body.theme-glomac .inst-faq-item summary .bi{color:#765639}
body.theme-glomac .inst-clients-grid li{border-radius:4px;border:1px solid #e4dad6;border-bottom:4px solid #c8b100}
body.theme-glomac .inst-clients-grid li .bi{color:#765639}

/* --- training-courses fix 59ee9649a46a59daab73f4491c1ed1a7 --- */
/* ===== جلوماك: بطاقات بشريط علوي بني فيه العنوان (زي شريط التاريخ في كروته)، أيقونة ذهبية مربّعة، زر ذهبي ===== */
body.theme-glomac.pg-training-courses .categorymain-listing-wrap-box > .box2,body.theme-glomac.pg-training-courses .citymain-listing-wrap-box .box2,body.theme-glomac.pg-training-courses .common-listing-wrap-box > .box2{border:1px solid #e4dad6!important;border-radius:4px!important;overflow:hidden;transition:box-shadow .25s}
body.theme-glomac.pg-training-courses .categorymain-listing-wrap-box > .box2:hover,body.theme-glomac.pg-training-courses .citymain-listing-wrap-box .box2:hover,body.theme-glomac.pg-training-courses .common-listing-wrap-box > .box2:hover{box-shadow:0 12px 26px rgba(27,17,19,.14)}
body.theme-glomac.pg-training-courses .categorymain-listing-wrap-box > .box2{border-inline-start:6px solid #c8b100!important}
body.theme-glomac.pg-training-courses .categorypage-icon{background:#765639;border-radius:4px;padding:12px}
body.theme-glomac.pg-training-courses .categorypage-icon img{filter:brightness(0) invert(1)}
body.theme-glomac.pg-training-courses .categorypage-content a,body.theme-glomac.pg-training-courses .widget-content a{color:#765639;font-weight:700}
body.theme-glomac.pg-training-courses .widget-content p{background:#765639;color:#fff;display:inline-block;padding:3px 10px;margin:-14px -16px 8px;width:calc(100% + 32px);font-weight:600}
body.theme-glomac.pg-training-courses .common-listing-wrap-box .course-date{background:#765639;color:#fff;padding:6px 16px;margin:0 0 6px;order:-1}
body.theme-glomac.pg-training-courses .common-listing-wrap-box .course-date i{color:#c8b100!important}
body.theme-glomac.pg-training-courses .common-listing-wrap-box .btn{background:#c8b100!important;border-color:#c8b100!important;color:#1b1113!important;border-radius:0;font-weight:700}

/* --- training-courses fix 1a89c377fed58283b14e0d2b1648c185 --- */
/* ===== جلوماك: حد جانبي ذهبي، أيقونات بنية مربّعة، عناوين بشريط بني ===== */
body.theme-glomac .inst-dl-item,body.theme-glomac .inst-dl-request,body.theme-glomac .inst-contact-card,body.theme-glomac .inst-cra{border-radius:4px;border-color:#e4dad6;border-inline-start:6px solid #c8b100}
body.theme-glomac .inst-dl-item > .bi,body.theme-glomac .inst-contact-list li .bi,body.theme-glomac .inst-cra-head > .bi{background:#765639;color:#fff;width:44px;height:44px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
body.theme-glomac .inst-dl-h,body.theme-glomac .inst-contact-h{color:#765639}
body.theme-glomac .inst-dl-h::after{background:#c8b100}
body.theme-glomac .inst-dl-arrow,body.theme-glomac .inst-cra-list li .bi{color:#c8b100}

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

/* --- training-courses fix 738555376e2164d7f4efd05e6963bde1 --- */
/* ===== جلوماك: صندوق كريمي بحدود بنية وحقول مربّعة، زر ذهبي ===== */
body.theme-glomac.pg-training-courses #fc-search .search-wrap{background:#fffdf3;border:1px solid #e4dad6;border-radius:0;box-shadow:none}
body.theme-glomac.pg-training-courses #fc-search .form-control,body.theme-glomac.pg-training-courses #fc-search .chosen-choices,body.theme-glomac.pg-training-courses #fc-search select{border:1px solid #765639!important;border-radius:0!important;background:#fff!important}
body.theme-glomac.pg-training-courses #fc-search .search-btns{background:#c8b100!important;border-color:#c8b100!important;color:#1b1113!important;border-radius:0}

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

/* --- training-courses fix 61ffac4341fd75e7ffc3db4e796000ad --- */
/* ===== جلوماك: بطاقات بشريط علوي بني فيه الرقم بلون ذهبي، وعنوان تحته، 4 أعمدة ===== */
body.theme-glomac.pg-training-courses .categorymain-listing-wrap-box > .box2{flex-direction:column;align-items:stretch;padding:0;gap:0;overflow:hidden;border-inline-start:0!important}
body.theme-glomac.pg-training-courses .categorymain-listing-wrap-box > .box2::before{content:"" counter(instcat,decimal-leading-zero);counter-increment:instcat;background:#765639;color:#c8b100;font-weight:700;padding:8px 14px;font-size:.85rem;letter-spacing:.1em;box-shadow:inset 0 -3px 0 #c8b100}
body.theme-glomac.pg-training-courses .categorypage-content{padding:14px 16px 16px}

/* --- training-courses fix a292c37579f6e0d698c2bb280f2bf854 --- */
/* ===== جلوماك: رؤوس بنية بخط ذهبي تحتها (زي شرائط كروته)، حقول مربّعة بحد بني ===== */
body.theme-glomac.pg-training-courses #register-section .tabHead{background:#765639;border-radius:0;box-shadow:inset 0 -4px 0 #c8b100}
body.theme-glomac.pg-training-courses #register-section .tabContent{border:1px solid #e4dad6;border-radius:0}
body.theme-glomac.pg-training-courses #register-section .form-control{border:1px solid #765639;border-radius:0}
body.theme-glomac.pg-training-courses .inst-form-side-card{border-radius:4px;border-color:#e4dad6;border-inline-start:6px solid #c8b100}
body.theme-glomac.pg-training-courses .inst-form-side-list li .bi{background:#765639;color:#fff;border-radius:4px}

/* --- training-courses fix 58d6163770d730ce162764772705e9aa --- */
body.theme-glomac.pg-training-courses #register-section .tabHead{background:#765639!important;border-radius:0!important;box-shadow:inset 0 -4px 0 #c8b100!important}

/* --- training-courses fix 4566442781d7fa69669b341118d3bea4 --- */
body.theme-glomac.pg-training-courses #register-section .tabContent{border:1px solid #e4dad6!important;border-radius:0!important}

/* --- training-courses fix 896f14a2020d37b9aa2ed8d3848b8277 --- */
/* ===== جلوماك: عنوان في شريط بني بخط ذهبي (زي شرائطه)، بطاقة مربّعة بحد بني ===== */
body.theme-glomac.pg-post-page .blog-webinar-articles-details-left .box{border:1px solid #e4dad6;border-radius:4px;padding:0;overflow:hidden}
body.theme-glomac.pg-post-page .blog-webinar-articles-details-left .box h1{background:#765639;color:#fff;margin:0;padding:14px 22px;font-size:1.3rem;box-shadow:inset 0 -4px 0 #c8b100}
body.theme-glomac.pg-post-page .blog-webinar-articles-details-left .box .course-date,body.theme-glomac.pg-post-page .blog-webinar-articles-details-left .box .common-detail-content{padding:0 22px}
body.theme-glomac.pg-post-page .blog-webinar-articles-details-left .box .course-date{padding-top:14px}
body.theme-glomac.pg-post-page .blog-webinar-articles-details-left .box .common-detail-content{padding-bottom:22px}
body.theme-glomac.pg-post-page .blog-webinar-articles-details-right .box2{border-radius:4px;border-inline-start:5px solid #c8b100;border-color:#e4dad6}

/* --- training-courses fix 8a5f97106d58b9fddab3c235761f3f87 --- */
/* ===== جلوماك: تبويبات مربّعة بنية بنشاط ذهبي، محتوى مربّع بحد بني ===== */
body.theme-glomac.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link{border-radius:0;background:#fffdf3;color:#765639;border:1px solid #e4dad6}
body.theme-glomac.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link.active{background:#765639;color:#fff;box-shadow:inset 0 -4px 0 #c8b100}
body.theme-glomac.pg-training-courses #coursedetails-content-section .tab-content{border-radius:0;border:1px solid #e4dad6}
body.theme-glomac.pg-training-courses .session-card{border-radius:4px!important;border-inline-start:6px solid #c8b100!important}

/* --- training-courses fix 79b78b39d86d0fcf1949290e202b7737 --- */
body.theme-glomac.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link{border-radius:0!important;background:#fffdf3!important;color:#765639!important;border:1px solid #e4dad6!important}

/* --- training-courses fix aca45f71a1bfe2a1e1659cf0dda7576b --- */
body.theme-glomac.pg-training-courses #coursedetails-content-section .nav-tabs .nav-link.active{background:#765639!important;color:#fff!important;box-shadow:inset 0 -4px 0 #c8b100!important}

/* --- training-courses fix 61d3224adcc142d8b2f802dfc2ff749e --- */
html.theme-glomac{background:#765639}

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

body.theme-glomac.pg-training-courses #coursedetails-content-section{background:#f6f1ea}
body.theme-glomac.pg-training-courses #coursedetails-content-section .box3{background:transparent;border:0;box-shadow:none;padding:0;margin:0}

/* الأقسام كانت مخفية كتبويبات — دلوقتي كلها ظاهرة */
body.theme-glomac.pg-training-courses #coursedetails-content-section .tab-pane{display:block!important;opacity:1!important;scroll-margin-top:190px}

/* شبكة: محتوى + عمود جانبي */
body.theme-glomac.pg-training-courses .gm-cd-layout{display:grid;grid-template-columns:minmax(0,1fr) 306px;gap:32px;align-items:start;padding:26px 0 10px}
body.theme-glomac.pg-training-courses .gm-cd-main{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;margin:0!important;min-width:0}

/* ---------- بطاقة القسم ---------- */
body.theme-glomac.pg-training-courses .gm-blk{background:#fff;border:1px solid #ddd2c6;border-radius:0;margin-bottom:26px;position:relative}
body.theme-glomac.pg-training-courses .gm-blk:last-child{margin-bottom:0}
body.theme-glomac.pg-training-courses .gm-blk-head{display:flex;align-items:stretch;gap:0;background:#fbf6ec;border-bottom:1px solid #ddd2c6;box-shadow:inset 0 -3px 0 #c8b100}
body.theme-glomac.pg-training-courses .gm-blk-num{flex:0 0 auto;width:52px;background:#4a2f1c;color:#c8b100;font-family:Georgia,"Times New Roman","Amiri",serif;font-size:16px;letter-spacing:.04em;display:flex;align-items:center;justify-content:center}
body.theme-glomac.pg-training-courses .gm-blk-title{margin:0;padding:15px 22px;font-family:Georgia,"Times New Roman","Amiri",serif;font-size:20px;line-height:1.3;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#4a2f1c;align-self:center}
body.theme-glomac.pg-training-courses .gm-blk-body{padding:26px 26px 10px}
body.theme-glomac.pg-training-courses .gm-blk-body > .tab-pane > .row{margin-inline:0}

/* رؤوس فرعية جوّه القسم: خط مشجّر وخط ذهب قصير تحته */
body.theme-glomac.pg-training-courses .gm-blk-body h6,
body.theme-glomac.pg-training-courses .gm-blk-body h4,
body.theme-glomac.pg-training-courses .gm-blk-body .year-heading{font-family:Georgia,"Times New Roman","Amiri",serif;color:#765639;font-weight:700;letter-spacing:.02em}
body.theme-glomac.pg-training-courses .gm-blk-body h6{font-size:16px;padding-bottom:7px;margin-bottom:10px;position:relative}
body.theme-glomac.pg-training-courses .gm-blk-body h6::after{content:"";position:absolute;inset-block-end:0;inset-inline-start:0;width:46px;height:3px;background:#c8b100}
body.theme-glomac.pg-training-courses .gm-blk-body p,
body.theme-glomac.pg-training-courses .gm-blk-body li{color:#3d332e}
body.theme-glomac.pg-training-courses .gm-blk-body ul li::marker{color:#c8b100}

/* ---------- العمود الجانبي ---------- */
body.theme-glomac.pg-training-courses .gm-cd-rail{position:sticky;top:118px;align-self:start}
body.theme-glomac.pg-training-courses .gm-rail-inner{background:#3a2417;border:5px solid #4a2f1c;position:relative;padding:0 0 4px}
body.theme-glomac.pg-training-courses .gm-rail-inner::after{content:"";position:absolute;inset:6px;border:1px solid rgba(200,177,0,.45);pointer-events:none}

body.theme-glomac.pg-training-courses .gm-rail-ribbon{background:#c8b100;color:#241610;font-family:Georgia,"Times New Roman","Amiri",serif;font-weight:700;font-size:12.5px;letter-spacing:.18em;text-transform:uppercase;text-align:center;padding:11px 10px;margin:0}

body.theme-glomac.pg-training-courses .gm-rail-index{list-style:none;margin:0;padding:14px 14px 6px;counter-reset:none}
body.theme-glomac.pg-training-courses .gm-rail-index li{margin:0}
body.theme-glomac.pg-training-courses .gm-rail-index li + li{border-top:1px dashed rgba(200,177,0,.32)}
body.theme-glomac.pg-training-courses .gm-rail-index a{display:flex;align-items:center;gap:12px;padding:12px 8px;color:#efe3d4;text-decoration:none;font-family:Georgia,"Times New Roman","Amiri",serif;font-size:14px;line-height:1.35;letter-spacing:.02em;transition:background .18s,color .18s}
body.theme-glomac.pg-training-courses .gm-rail-index a:hover,
body.theme-glomac.pg-training-courses .gm-rail-index a:focus{background:rgba(200,177,0,.14);color:#fff}
body.theme-glomac.pg-training-courses .gm-rail-n{flex:0 0 auto;min-width:28px;text-align:center;padding:2px 0;font-size:12px;font-weight:700;color:#c8b100;border:1px solid rgba(200,177,0,.6)}
body.theme-glomac.pg-training-courses .gm-rail-index a:hover .gm-rail-n{background:#c8b100;color:#241610}
body.theme-glomac.pg-training-courses .gm-rail-t{min-width:0}

/* كتلة التواصل جوّه العمود الغامق */
body.theme-glomac.pg-training-courses .gm-rail-cra{padding:0 14px 14px}
body.theme-glomac.pg-training-courses .gm-rail-cra .inst-cra{position:static!important;inset:auto!important;max-width:none!important;width:auto!important;margin:0!important;display:block;background:transparent;border:0;border-top:1px solid rgba(200,177,0,.32);border-radius:0;box-shadow:none;padding:14px 8px 0}
body.theme-glomac.pg-training-courses .gm-rail-cra .inst-cra-head{display:flex;align-items:flex-start;gap:10px;padding:0 0 10px;border:0}
body.theme-glomac.pg-training-courses .gm-rail-cra .inst-cra-head > .bi{color:#c8b100;font-size:1.4rem}
body.theme-glomac.pg-training-courses .gm-rail-cra .inst-cra-head strong{color:#fff;font-family:Georgia,"Times New Roman","Amiri",serif;font-size:.92rem}
body.theme-glomac.pg-training-courses .gm-rail-cra .inst-cra-head span{color:#c3ac93;font-size:.72rem;line-height:1.35}
body.theme-glomac.pg-training-courses .gm-rail-cra .inst-cra-list{display:block;padding:0;margin:0}
body.theme-glomac.pg-training-courses .gm-rail-cra .inst-cra-list li{display:flex;gap:8px;padding:4px 0;font-size:.78rem}
body.theme-glomac.pg-training-courses .gm-rail-cra .inst-cra-list li .bi{color:#c8b100}
body.theme-glomac.pg-training-courses .gm-rail-cra .inst-cra-list a{color:#efe3d4}
body.theme-glomac.pg-training-courses .gm-rail-cra .inst-cra-list a:hover{color:#c8b100}

/* شريط الأزرار فوق: شريط ذهب على الحرف الأول ومربّع */
body.theme-glomac.pg-training-courses #coursedetails-buttons-section .box2{background:#fff;border:1px solid #ddd2c6;border-inline-start:6px solid #c8b100;border-radius:0;box-shadow:none;padding:12px 16px}

@media (max-width:1199px){
  body.theme-glomac.pg-training-courses .gm-cd-layout{grid-template-columns:minmax(0,1fr) 268px;gap:24px}
}
@media (max-width:991px){
  body.theme-glomac.pg-training-courses .gm-cd-layout{grid-template-columns:minmax(0,1fr)}
  body.theme-glomac.pg-training-courses .gm-cd-rail{position:static}
}

/* --- جلوماك: تفاصيل الدورة، تفاصيل داخل الأقسام (2026-09-08) --- */

/* بطاقات المواعيد كانت بحدود زرقا من الستايل الداخلي للصفحة */
body.theme-glomac.pg-training-courses .gm-blk .session-card,
body.theme-glomac.pg-training-courses .gm-blk .session-card.classroom,
body.theme-glomac.pg-training-courses .gm-blk .session-card.virtual{border:1px solid #ddd2c6!important;border-inline-start:5px solid #765639!important;border-radius:0!important;background:#fff}
body.theme-glomac.pg-training-courses .gm-blk .session-card.virtual{border-inline-start-color:#c8b100!important}
body.theme-glomac.pg-training-courses .gm-blk .price-tag{border:1px solid #e2d6b4!important;border-radius:0!important;background:#fbf6e6!important}
body.theme-glomac.pg-training-courses .gm-blk .price-head{color:#4a2f1c}
body.theme-glomac.pg-training-courses .gm-blk .icon-style{color:#765639!important}
body.theme-glomac.pg-training-courses .gm-blk .feestoggle-select{border:1px solid #c9b9a6!important;border-radius:0!important;color:#4a2f1c}
body.theme-glomac.pg-training-courses .gm-blk .select-caret{color:#765639}
body.theme-glomac.pg-training-courses .gm-blk .year-heading{color:#4a2f1c;font-size:1.15rem;text-transform:uppercase;letter-spacing:.06em;padding-bottom:7px;border-bottom:2px solid #c8b100;display:inline-block}

/* ملاحظات/تنبيهات: كريم بحرف ذهب بدل الأزرق */
body.theme-glomac.pg-training-courses .gm-blk .alert-primary,
body.theme-glomac.pg-training-courses .gm-blk .alert-info,
body.theme-glomac.pg-training-courses .gm-blk .alert-secondary{background:#fbf6e6;border:1px solid #e2d6b4;border-inline-start:4px solid #c8b100;border-radius:0;color:#3d332e}
body.theme-glomac.pg-training-courses .gm-blk .alert a{color:#765639;font-weight:600}
body.theme-glomac.pg-training-courses .gm-blk .alert-danger{border-radius:0}

/* التعلم الافتراضي / القاعة: شبكة بدل الكروسيل */
body.theme-glomac.pg-training-courses .gm-vl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:18px}
body.theme-glomac.pg-training-courses .gm-vl-grid .item{min-width:0}
body.theme-glomac.pg-training-courses .gm-vl-grid .courselisting-normal{background:#fff;border:1px solid #ddd2c6;border-radius:0;box-shadow:none;overflow:hidden;height:100%;display:flex;flex-direction:column;position:relative;transition:box-shadow .2s}
body.theme-glomac.pg-training-courses .gm-vl-grid .courselisting-normal:hover{box-shadow:0 10px 22px rgba(27,17,19,.16)}
body.theme-glomac.pg-training-courses .gm-vl-grid .course-image{margin:0;border:0;border-radius:0}
body.theme-glomac.pg-training-courses .gm-vl-grid .course-image img{width:100%;display:block}
body.theme-glomac.pg-training-courses .gm-vl-grid .course-title{font-family:Georgia,"Times New Roman","Amiri",serif;font-size:14.5px;line-height:19px;color:#4a2f1c;padding:12px 12px 0;font-weight:700}
body.theme-glomac.pg-training-courses .gm-vl-grid .course-date,
body.theme-glomac.pg-training-courses .gm-vl-grid .course-language,
body.theme-glomac.pg-training-courses .gm-vl-grid .course-location,
body.theme-glomac.pg-training-courses .gm-vl-grid .course-time{position:static;background:transparent;color:#5a4a42;font-size:12.5px;padding:0 12px;line-height:18px}
body.theme-glomac.pg-training-courses .gm-vl-grid .course-date{color:#765639;font-weight:700}
body.theme-glomac.pg-training-courses .gm-vl-grid .courselisting-normal .bi{color:#c8b100!important}
body.theme-glomac.pg-training-courses .gm-vl-grid .btn{margin:12px 12px 12px;width:calc(100% - 24px);background:#c8b100!important;border-color:#c8b100!important;color:#241610!important;border-radius:0!important;font-weight:700}
body.theme-glomac.pg-training-courses .gm-vl-grid .courselisting-normal:hover .btn{background:#765639!important;border-color:#765639!important;color:#fff!important}
body.theme-glomac.pg-training-courses .gm-vl-grid .alert-danger{margin:12px}

/* نصّ تمهيدي فوق الشبكة */
body.theme-glomac.pg-training-courses .gm-blk .owl-wrapper > p{color:#3d332e}

/* --- جلوماك: تفاصيل الدورة، تشطيب (2026-09-08) --- */

/* العنوان السنوي: خط ذهب واحد تحته مش اتنين */
body.theme-glomac.pg-training-courses .gm-blk-body h6.year-heading::after{display:none}

/* بطاقتين في الصف — العمود بقى أضيق بعد ما دخل الجانبي */
body.theme-glomac.pg-training-courses .gm-blk .session-card-wrapper > .col-lg-4{flex:0 0 50%;max-width:50%}
body.theme-glomac.pg-training-courses .gm-blk .session-card ul.list-unstyled{width:56%!important}

/* كتلة "مفيش مواعيد للسنة دي" كانت بنفسجي فاتح */
body.theme-glomac.pg-training-courses .gm-blk .fee-box-wrap-2022{background:#fbf6e6;border:1px solid #e2d6b4;border-inline-start:4px solid #c8b100;border-radius:0;padding:16px 18px}
body.theme-glomac.pg-training-courses .gm-blk .custom-head-additional{background:transparent;border:0;margin:0;padding:0}
body.theme-glomac.pg-training-courses .gm-blk .schedulehead-h4{font-family:Georgia,"Times New Roman","Amiri",serif;font-size:1.05rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4a2f1c;margin:0 0 8px;padding:0 15px}
body.theme-glomac.pg-training-courses .gm-blk .custom-text-no-course{background:transparent;border:0;padding:0 15px}
body.theme-glomac.pg-training-courses .gm-blk .custom-text-no-course p{color:#3d332e;font-style:italic;margin:0}

/* شريط ذهب صغير طالع من رأس القسم — التوقيع البصري للتخطيط */
body.theme-glomac.pg-training-courses .gm-blk-head::after{content:"";flex:0 0 auto;width:12px;background:#c8b100;margin-inline-start:auto}

/* زر الدعوة في العمود الجانبي */
body.theme-glomac.pg-training-courses .gm-rail-cta{display:block;margin:0 14px 14px;padding:12px 10px;text-align:center;background:#c8b100;color:#241610;font-family:Georgia,"Times New Roman","Amiri",serif;font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:background .18s,color .18s}
body.theme-glomac.pg-training-courses .gm-rail-cta:hover{background:#fff;color:#3a2417;text-decoration:none}

/* شريط رأس "مفيش مواعيد" كان بنفسجي (قاعدته بـ id فمحتاج نفس التخصيص) */
body.theme-glomac.pg-training-courses .coursedetails-content-section-desktop #nav-schedulefees .custom-head-additional{background:transparent;border:0;border-bottom:2px solid #c8b100;border-radius:0;margin:0 0 14px;padding:0 0 8px}
body.theme-glomac.pg-training-courses .coursedetails-content-section-desktop #nav-schedulefees .custom-head-additional .schedulehead-h4{padding:0}
body.theme-glomac.pg-training-courses .coursedetails-content-section-desktop #nav-schedulefees .custom-text-no-course{color:#3d332e}
body.theme-glomac.pg-training-courses .coursedetails-content-section-desktop #nav-schedulefees .currency-select{border:1px solid #c9b9a6!important}

/* صور بطاقات الشبكة تملا عرض البطاقة */
body.theme-glomac.pg-training-courses .gm-vl-grid .course-image{padding:0!important;margin:0!important;background:transparent}
body.theme-glomac.pg-training-courses .gm-vl-grid .course-image img{width:100%!important;height:auto;display:block;margin:0}

/* .courselisting-normal فيه padding 10 وborder أبيض — الصورة تملا لحد الحرف */
body.theme-glomac.pg-training-courses .gm-vl-grid .courselisting-normal{padding:0}
body.theme-glomac.pg-training-courses .gm-vl-grid .courselisting-normal .course-image{border:0}
body.theme-glomac.pg-training-courses .gm-vl-grid .course-image + .space5{display:none}

/* القاعدة المشتركة بتحط padding 12 على البطاقة عن طريق #nav-virtuallearning */
body.theme-glomac.pg-training-courses .coursedetails-content-section-desktop #nav-virtuallearning .courselisting-normal{border:1px solid #ddd2c6;border-radius:0;padding:0;box-shadow:none}
body.theme-glomac.pg-training-courses .coursedetails-content-section-desktop #nav-virtuallearning .courselisting-normal .course-image{border:0;border-radius:0}
body.theme-glomac.pg-training-courses .coursedetails-content-section-desktop #nav-virtuallearning .courselisting-normal .btn{background:#c8b100!important;border-color:#c8b100!important;color:#241610!important;border-radius:0!important}
body.theme-glomac.pg-training-courses .coursedetails-content-section-desktop #nav-virtuallearning .courselisting-normal:hover .btn{background:#765639!important;border-color:#765639!important;color:#fff!important}


/* ============================================================
   Glomac — الصفحات الداخلية المشتركة: "الدفتر المطبوع"
   ------------------------------------------------------------
   عن المعهد / العملاء / الأسئلة الشائعة / التنزيلات / الدورات
   العامة / الدورات الداخلية / اتصل بنا / العمود الجانبي للنماذج.

   اللغة البصرية: ورق فاتح، إطار حبر ثقيل، شريط عنوان مصمت
   بالبرونز، صفوف مفصولة بخطوط شعر، أرقام رومانية في عمود
   جانبي، عناوين بخط رقعة، صفر زوايا مدوّرة وصفر ظلال.
   كل القواعد تحت .gml-* و body.theme-glomac — ما تمسّش المعهد
   ولا أي معهد تاني.
   ============================================================ */

body.theme-glomac {
    --gml-ink: #1b1113;
    --gml-bronze: #765639;
    --gml-gold: #c8b100;
    --gml-paper: #faf7f3;
    --gml-rule: #d9cec2;
    --gml-body: #4c4038;
    --gml-serif: Georgia, "Times New Roman", "Amiri", "Traditional Arabic", serif;
}

/* ---- مقدمة البانر (about_intro / clients_intro) ---- */
/* الغلاف بيحطها جوّه <p> فكلها span؛ display:block هنا مش بيكسر الفقرة. */
body.theme-glomac .gml-lede { display: block; }

body.theme-glomac .gml-lede-rule {
    display: block; width: 96px; height: 4px;
    background: var(--site-accent, #c8b100);
    margin: 0 0 15px;
}

body.theme-glomac .gml-lede-text {
    display: block;
    font-family: var(--gml-serif);
    font-size: 1.1rem; line-height: 1.85;
    max-width: 74ch;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, .28);
}

body.theme-glomac #common-banner-section-image .common-banner-text p.text-justify { text-align: start; }

@media (max-width: 767px) {
    body.theme-glomac .gml-lede-text { font-size: 1rem; line-height: 1.75; }
}

/* ---- الصفحة كورقة دفتر ---- */
body.theme-glomac .gml-sheet {
    background: var(--gml-paper);
    padding: 46px 0 58px;
}

body.theme-glomac .gml-sheet * { border-radius: 0 !important; }

body.theme-glomac .gml-block {
    border: 2px solid var(--gml-ink);
    background: #fff;
    margin-bottom: 30px;
}

body.theme-glomac .gml-block:last-of-type { margin-bottom: 0; }

/* شريط العنوان المصمت اللي بيقطع عرض الجدول */
body.theme-glomac .gml-band {
    background: var(--site-primary, #765639);
    border-bottom: 2px solid var(--gml-ink);
    padding: 12px 20px;
    display: flex; align-items: center; gap: 16px;
}

body.theme-glomac .gml-band h2,
body.theme-glomac .gml-band span.gml-band-t {
    margin: 0; color: #fff;
    font-family: var(--gml-serif);
    font-size: 1.12rem; font-weight: 700;
    letter-spacing: .12em; text-transform: uppercase;
    line-height: 1.3;
}

body.theme-glomac .gml-band-rule { flex: 1; height: 1px; background: rgba(255, 255, 255, .38); min-width: 20px; }

body.theme-glomac .gml-band-mark {
    color: var(--site-accent, #c8b100);
    font-family: var(--gml-serif);
    font-size: .74rem; letter-spacing: .18em; text-transform: uppercase;
    white-space: nowrap;
}

@media (max-width: 575px) {
    body.theme-glomac .gml-band { flex-wrap: wrap; gap: 8px; }
    body.theme-glomac .gml-band h2 { font-size: .98rem; letter-spacing: .08em; }
    body.theme-glomac .gml-band-mark { display: none; }
}

/* ---- الفهرس المرقّم بالأرقام الرومانية ---- */
body.theme-glomac .gml-index { list-style: none; margin: 0; padding: 0; }

body.theme-glomac .gml-index > li {
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr);
    border-top: 1px solid var(--gml-rule);
}

body.theme-glomac .gml-index > li:first-child { border-top: 0; }

body.theme-glomac .gml-num {
    display: flex; align-items: center; justify-content: center;
    font-family: var(--gml-serif);
    font-size: 1.7rem; line-height: 1;
    color: var(--site-primary, #765639);
    background: #f6f1ea;
    border-inline-end: 1px solid var(--gml-rule);
    letter-spacing: .04em;
}

body.theme-glomac .gml-cell { display: block; padding: 20px 24px; }

body.theme-glomac .gml-cell-head {
    display: flex; align-items: center; gap: 12px;
    margin-bottom: 8px;
}

body.theme-glomac .gml-cell-head i {
    font-size: 1.3rem; line-height: 1;
    color: var(--site-primary, #765639);
    flex: 0 0 auto;
}

body.theme-glomac .gml-cell-head h2 {
    margin: 0;
    font-family: var(--gml-serif);
    font-size: 1.16rem; font-weight: 700;
    color: var(--gml-ink);
    letter-spacing: .04em; text-transform: uppercase;
    line-height: 1.35;
}

body.theme-glomac .gml-cell p {
    margin: 0; color: var(--gml-body);
    font-size: .97rem; line-height: 1.75;
    max-width: 78ch;
}

@media (max-width: 575px) {
    body.theme-glomac .gml-index > li { grid-template-columns: 52px minmax(0, 1fr); }
    body.theme-glomac .gml-num { font-size: 1.2rem; }
    body.theme-glomac .gml-cell { padding: 16px 15px; }
    body.theme-glomac .gml-cell-head h2 { font-size: 1.02rem; }
}

/* ---- صفوف الجدول القابلة للنقر ---- */
body.theme-glomac .gml-row {
    display: grid;
    grid-template-columns: 84px minmax(0, .9fr) minmax(0, 2.1fr) 62px;
    align-items: stretch;
    border-top: 1px solid var(--gml-rule);
    text-decoration: none !important;
    color: var(--gml-ink);
    background: #fff;
    transition: background .15s;
}

body.theme-glomac .gml-band + .gml-row { border-top: 0; }

body.theme-glomac .gml-row:hover { background: #fffdf1; }

body.theme-glomac .gml-row > span {
    display: flex; align-items: center;
    padding: 17px 20px;
    border-inline-end: 1px solid var(--gml-rule);
}

body.theme-glomac .gml-row > span:last-child { border-inline-end: 0; }

body.theme-glomac .gml-row-ico {
    justify-content: center;
    background: #f6f1ea;
    color: var(--site-primary, #765639);
    font-size: 1.45rem;
}

body.theme-glomac .gml-row-t {
    font-family: var(--gml-serif);
    font-size: 1.02rem; font-weight: 700;
    letter-spacing: .03em;
    color: var(--gml-ink);
}

body.theme-glomac .gml-row-d { color: var(--gml-body); font-size: .93rem; line-height: 1.65; }

body.theme-glomac .gml-row-a {
    justify-content: center;
    color: var(--site-primary, #765639);
    font-size: 1.1rem;
}

body.theme-glomac .gml-row:hover .gml-row-a { color: var(--gml-ink); }
body.theme-glomac .gml-row:hover .gml-row-t { text-decoration: underline; text-underline-offset: 4px; }

@media (max-width: 767px) {
    body.theme-glomac .gml-row {
        grid-template-columns: 58px minmax(0, 1fr) 46px;
        grid-template-areas: "ico t a" "ico d d";
    }
    body.theme-glomac .gml-row-ico { grid-area: ico; font-size: 1.2rem; }
    body.theme-glomac .gml-row-t   { grid-area: t; padding: 13px 14px 4px; border-inline-end: 0; }
    body.theme-glomac .gml-row-d   { grid-area: d; padding: 0 14px 13px; border-inline-end: 0; }
    body.theme-glomac .gml-row-a   { grid-area: a; padding: 13px 8px; align-items: flex-start; }
}

/* ---- أزرار الدفتر ---- */
body.theme-glomac a.gml-btn,
body.theme-glomac .gml-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 10px;
    border: 2px solid var(--gml-ink);
    background: var(--gml-ink);
    color: var(--site-accent, #c8b100) !important;
    font-family: var(--gml-serif);
    font-size: .88rem; font-weight: 700;
    letter-spacing: .14em; text-transform: uppercase;
    padding: 13px 30px;
    text-decoration: none !important;
    transition: background .15s, color .15s, border-color .15s;
}

body.theme-glomac a.gml-btn:hover,
body.theme-glomac .gml-btn:hover {
    background: var(--site-primary, #765639);
    border-color: var(--site-primary, #765639);
    color: #fff !important;
}

body.theme-glomac a.gml-btn-alt,
body.theme-glomac .gml-btn-alt {
    background: #fff;
    color: var(--gml-ink) !important;
}

body.theme-glomac a.gml-btn-alt:hover,
body.theme-glomac .gml-btn-alt:hover {
    background: var(--site-accent, #c8b100);
    border-color: var(--gml-ink);
    color: var(--gml-ink) !important;
}

body.theme-glomac .gml-cta {
    margin-top: 30px;
    display: flex; flex-wrap: wrap; gap: 14px;
    align-items: center; justify-content: center;
}

@media (max-width: 575px) {
    body.theme-glomac .gml-btn { width: 100%; padding: 12px 18px; letter-spacing: .1em; font-size: .82rem; }
}

/* ---- شريط برونز مصمت فوق دفتر الفهرس (بديل شريط العنوان لما مفيش عنوان) ---- */
body.theme-glomac .gml-pillars::before {
    content: "";
    display: block; height: 9px;
    background: var(--site-primary, #765639);
    border-bottom: 2px solid var(--gml-ink);
}

/* ---- سجل القطاعات: عمودان مرقّمان ---- */
body.theme-glomac .gml-register {
    list-style: none; margin: 0; padding: 0;
    display: grid; grid-template-columns: 1fr 1fr;
}

body.theme-glomac .gml-register > li {
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    border-top: 1px solid var(--gml-rule);
    min-width: 0;
}

body.theme-glomac .gml-register > li:nth-child(-n+2) { border-top: 0; }
body.theme-glomac .gml-register > li:nth-child(odd) { border-inline-end: 1px solid var(--gml-rule); }

body.theme-glomac .gml-register-n {
    display: flex; align-items: center; justify-content: center;
    font-family: var(--gml-serif);
    font-size: 1.02rem; letter-spacing: .06em;
    color: var(--site-primary, #765639);
    background: #f6f1ea;
    border-inline-end: 1px solid var(--gml-rule);
}

body.theme-glomac .gml-register-b {
    display: flex; align-items: center; gap: 13px;
    padding: 15px 18px; min-width: 0;
    color: var(--gml-ink); font-size: .98rem; line-height: 1.4;
}

body.theme-glomac .gml-register-b i {
    font-size: 1.2rem; line-height: 1; flex: 0 0 auto;
    color: var(--site-primary, #765639);
}

@media (max-width: 767px) {
    body.theme-glomac .gml-register { grid-template-columns: 1fr; }
    body.theme-glomac .gml-register > li:nth-child(odd) { border-inline-end: 0; }
    body.theme-glomac .gml-register > li:nth-child(2) { border-top: 1px solid var(--gml-rule); }
    body.theme-glomac .gml-register-b { padding: 13px 14px; font-size: .93rem; }
}

/* ---- قيد مؤطَّر بحافة برونز (دعوة أسفل الصفحة) ---- */
body.theme-glomac .gml-note {
    margin-top: 30px;
    border: 2px solid var(--gml-ink);
    border-inline-start: 10px solid var(--site-primary, #765639);
    background: #fff;
    padding: 20px 24px;
    display: flex; align-items: center; justify-content: space-between;
    gap: 22px; flex-wrap: wrap;
}

body.theme-glomac .gml-note p {
    margin: 0;
    font-family: var(--gml-serif);
    font-size: 1.1rem; line-height: 1.5;
    color: var(--gml-ink);
}

@media (max-width: 575px) {
    body.theme-glomac .gml-note { padding: 16px 16px; }
    body.theme-glomac .gml-note p { font-size: 1rem; }
}

/* ---- الأسئلة الشائعة: قيود مرقّمة ---- */
body.theme-glomac .gml-qa { border-top: 1px solid var(--gml-rule); }
body.theme-glomac .gml-band + .gml-qa { border-top: 0; }

body.theme-glomac .gml-qa > summary {
    list-style: none; cursor: pointer;
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr) 58px;
    align-items: stretch;
}

body.theme-glomac .gml-qa > summary::-webkit-details-marker { display: none; }
body.theme-glomac .gml-qa > summary::marker { content: ""; }
body.theme-glomac .gml-qa > summary:hover { background: #fffdf1; }

body.theme-glomac .gml-qa-n {
    display: flex; align-items: center; justify-content: center;
    font-family: var(--gml-serif);
    font-size: 1.05rem; letter-spacing: .06em;
    color: var(--site-primary, #765639);
    background: #f6f1ea;
    border-inline-end: 1px solid var(--gml-rule);
}

body.theme-glomac .gml-qa-q {
    padding: 16px 20px;
    font-family: var(--gml-serif);
    font-size: 1.03rem; font-weight: 700; line-height: 1.5;
    color: var(--gml-ink);
}

body.theme-glomac .gml-qa-s {
    display: flex; align-items: center; justify-content: center;
    border-inline-start: 1px solid var(--gml-rule);
    color: var(--site-primary, #765639);
    font-size: .95rem;
}

body.theme-glomac .gml-qa-s i { transition: transform .2s; }
body.theme-glomac .gml-qa[open] .gml-qa-s i { transform: rotate(180deg); }
body.theme-glomac .gml-qa[open] .gml-qa-q { color: var(--site-primary, #765639); }

body.theme-glomac .gml-qa-a {
    display: grid;
    grid-template-columns: 84px minmax(0, 1fr);
    border-top: 1px solid var(--gml-rule);
}

body.theme-glomac .gml-qa-a::before {
    content: "";
    background: #f6f1ea;
    border-inline-end: 1px solid var(--gml-rule);
}

body.theme-glomac .gml-qa-a p {
    margin: 0; padding: 15px 20px 18px;
    color: var(--gml-body); font-size: .95rem; line-height: 1.8;
    max-width: 88ch;
}

@media (max-width: 575px) {
    body.theme-glomac .gml-qa > summary { grid-template-columns: 46px minmax(0, 1fr) 42px; }
    body.theme-glomac .gml-qa-a { grid-template-columns: 46px minmax(0, 1fr); }
    body.theme-glomac .gml-qa-q { padding: 13px 14px; font-size: .95rem; }
    body.theme-glomac .gml-qa-a p { padding: 12px 14px 15px; }
}

/* ---- التنزيلات: رقم القيد فوق الأيقونة + قيد الطلب ---- */
body.theme-glomac .gml-row-num .gml-row-ico { flex-direction: column; gap: 5px; }

body.theme-glomac .gml-row-n {
    font-family: var(--gml-serif);
    font-size: .74rem; letter-spacing: .14em;
    color: var(--gml-ink); opacity: .5;
}

body.theme-glomac .gml-request-body {
    padding: 20px 22px;
    display: flex; align-items: center; justify-content: space-between;
    gap: 20px; flex-wrap: wrap;
}

body.theme-glomac .gml-request-body p {
    margin: 0; color: var(--gml-body);
    font-size: .99rem; line-height: 1.7; max-width: 58ch;
}

body.theme-glomac .gml-request-actions { display: flex; flex-wrap: wrap; gap: 12px; }

@media (max-width: 575px) {
    body.theme-glomac .gml-request-actions { width: 100%; }
}

/* ---- الدورات العامة: جدول الشروط ---- */
body.theme-glomac .gml-terms { margin: 0; }

body.theme-glomac .gml-terms-row {
    display: grid;
    grid-template-columns: minmax(0, .8fr) minmax(0, 2fr);
    border-top: 1px solid var(--gml-rule);
}

body.theme-glomac .gml-band + .gml-terms .gml-terms-row:first-child { border-top: 0; }

body.theme-glomac .gml-terms dt {
    display: flex; align-items: flex-start; gap: 12px;
    padding: 18px 20px;
    background: #f6f1ea;
    border-inline-end: 1px solid var(--gml-rule);
    font-family: var(--gml-serif);
    font-size: 1rem; font-weight: 700; line-height: 1.45;
    color: var(--gml-ink);
}

body.theme-glomac .gml-terms-n {
    color: var(--site-primary, #765639);
    font-size: 1.1rem; line-height: 1.35; flex: 0 0 auto;
}

body.theme-glomac .gml-terms dd {
    margin: 0; padding: 18px 22px;
    color: var(--gml-body); font-size: .95rem; line-height: 1.78;
}

@media (max-width: 767px) {
    body.theme-glomac .gml-terms-row { grid-template-columns: 1fr; }
    body.theme-glomac .gml-terms dt { border-inline-end: 0; border-bottom: 1px solid var(--gml-rule); padding: 14px 16px; }
    body.theme-glomac .gml-terms dd { padding: 14px 16px; }
}

/* ---- دفتران متجاوران (الدورات الداخلية) ---- */
body.theme-glomac .gml-two {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
    gap: 28px; align-items: start;
}

body.theme-glomac .gml-two > .gml-block { margin-bottom: 0; }

@media (max-width: 991px) {
    body.theme-glomac .gml-two { grid-template-columns: 1fr; gap: 24px; }
}

body.theme-glomac .gml-checks { list-style: none; margin: 0; padding: 0; }

body.theme-glomac .gml-checks > li {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    border-top: 1px solid var(--gml-rule);
}

body.theme-glomac .gml-checks > li:first-child { border-top: 0; }

body.theme-glomac .gml-checks-m {
    display: flex; align-items: center; justify-content: center;
    background: #f6f1ea;
    border-inline-end: 1px solid var(--gml-rule);
    color: var(--site-primary, #765639);
    font-size: 1.15rem;
}

body.theme-glomac .gml-checks-t {
    padding: 15px 18px;
    color: var(--gml-body); font-size: .96rem; line-height: 1.68;
}

body.theme-glomac .gml-ih-foot {
    border-top: 2px solid var(--gml-ink);
    background: #f6f1ea;
    padding: 18px 20px;
    display: flex;
}

body.theme-glomac .gml-ih-foot .gml-btn { width: 100%; }

/* ---- العمود الجانبي للنماذج ---- */
body.theme-glomac .gml-band h5,
body.theme-glomac .gml-band h6 {
    margin: 0; color: #fff;
    font-family: var(--gml-serif);
    font-size: .96rem; font-weight: 700;
    letter-spacing: .1em; text-transform: uppercase;
    line-height: 1.35;
}

body.theme-glomac .gml-band-sub {
    background: var(--gml-ink);
    border-top: 2px solid var(--gml-ink);
}

body.theme-glomac .gml-band-sub h6 { color: var(--site-accent, #c8b100); font-size: .84rem; }
body.theme-glomac .gml-band-sub .gml-band-rule { background: rgba(200, 177, 0, .38); }

body.theme-glomac .gml-side .gml-block { margin-bottom: 24px; }

body.theme-glomac .gml-side-list,
body.theme-glomac .gml-side-steps { list-style: none; margin: 0; padding: 0; }

body.theme-glomac .gml-side-list > li,
body.theme-glomac .gml-side-steps > li {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    border-top: 1px solid var(--gml-rule);
}

body.theme-glomac .gml-side-list > li:first-child,
body.theme-glomac .gml-side-steps > li:first-child { border-top: 0; }

body.theme-glomac .gml-side-ico,
body.theme-glomac .gml-side-n {
    display: flex; align-items: center; justify-content: center;
    background: #f6f1ea;
    border-inline-end: 1px solid var(--gml-rule);
    color: var(--site-primary, #765639);
    font-family: var(--gml-serif);
    font-size: 1.02rem;
}

body.theme-glomac .gml-side-list > li > a {
    padding: 13px 14px;
    color: var(--gml-ink); font-size: .89rem; line-height: 1.5;
    text-decoration: none; word-break: break-word;
    display: flex; align-items: center;
}

body.theme-glomac .gml-side-list > li > a:hover {
    color: var(--site-primary, #765639);
    text-decoration: underline; text-underline-offset: 3px;
}

body.theme-glomac .gml-side-steps > li > span:last-child {
    padding: 13px 14px;
    color: var(--gml-body); font-size: .88rem; line-height: 1.65;
}

/* ---- اتصل بنا ---- */
body.theme-glomac .gml-contact .row { row-gap: 26px; align-items: flex-start; }
body.theme-glomac .gml-contact .gml-block { margin-bottom: 0; }

body.theme-glomac .gml-form-body { padding: 22px 20px; }
body.theme-glomac .gml-field { margin-bottom: 14px; }
body.theme-glomac .gml-field-split { display: grid; grid-template-columns: minmax(0, .45fr) minmax(0, 1fr); gap: 12px; }
body.theme-glomac .gml-field-submit { margin-bottom: 0; }

body.theme-glomac .gml-contact .form-control {
    border: 1px solid var(--gml-rule);
    background: #fdfbf8;
    box-shadow: none;
    padding: 11px 13px;
    font-size: .93rem;
    width: 100%;
    height: auto;
    color: var(--gml-ink);
}

body.theme-glomac .gml-contact .form-control:focus {
    border-color: var(--site-primary, #765639);
    background: #fff; outline: none; box-shadow: none;
}

body.theme-glomac .gml-contact input[type="submit"].gml-btn { width: 100%; }

body.theme-glomac #message_contact:not(:empty) {
    margin-bottom: 14px;
    padding: 11px 13px;
    border: 1px solid var(--gml-rule);
    background: #f6f1ea;
    font-size: .9rem; color: var(--gml-ink);
}

body.theme-glomac .gml-contact-lead {
    margin: 0; padding: 19px 20px;
    border-bottom: 1px solid var(--gml-rule);
    color: var(--gml-body); font-size: .99rem; line-height: 1.78;
}

body.theme-glomac .gml-contact-list { list-style: none; margin: 0; padding: 0; }

body.theme-glomac .gml-contact-list > li {
    display: grid;
    grid-template-columns: minmax(0, .58fr) minmax(0, 1fr);
    border-top: 1px solid var(--gml-rule);
}

body.theme-glomac .gml-contact-list > li:first-child { border-top: 0; }

body.theme-glomac .gml-contact-k {
    display: flex; align-items: center; gap: 11px;
    padding: 15px 20px;
    background: #f6f1ea;
    border-inline-end: 1px solid var(--gml-rule);
    font-family: var(--gml-serif);
    font-size: .84rem; font-weight: 700;
    letter-spacing: .1em; text-transform: uppercase;
    color: var(--site-primary, #765639);
}

body.theme-glomac .gml-contact-k i { font-size: 1rem; flex: 0 0 auto; }

body.theme-glomac .gml-contact-v {
    display: flex; align-items: center;
    padding: 15px 20px;
    color: var(--gml-ink); font-size: .95rem; line-height: 1.6;
    word-break: break-word;
}

body.theme-glomac .gml-contact-v a { color: var(--gml-ink); text-decoration: none; }
body.theme-glomac .gml-contact-v a:hover { color: var(--site-primary, #765639); text-decoration: underline; text-underline-offset: 3px; }

body.theme-glomac .gml-contact-links {
    border-top: 2px solid var(--gml-ink);
    background: #f6f1ea;
    padding: 18px 20px;
    display: flex; flex-wrap: wrap; gap: 12px;
    margin-top: auto;
}

/* العنوان في العمود الضيق بيلف على سطرين، فالخط الفاصل ينزل تحته بدل ما يتخنق جنبه */
body.theme-glomac .gml-side .gml-band { flex-wrap: wrap; gap: 10px; }
body.theme-glomac .gml-side .gml-band-rule { flex: 0 0 100%; min-width: 100%; }

@media (max-width: 575px) {
    body.theme-glomac .gml-contact-list > li { grid-template-columns: 1fr; }
    body.theme-glomac .gml-contact-k { border-inline-end: 0; border-bottom: 1px solid var(--gml-rule); }
    body.theme-glomac .gml-field-split { grid-template-columns: 1fr; }
}

/* ---- العربية: الحروف العربية بتتوصل ببعض، فالـletter-spacing بيفكّ الكلمة.
       التباعد كله يتشال في RTL، والتحويل لكابيتال ملوش معنى أصلًا. ---- */
body.theme-glomac[dir="rtl"] .gml-band h2,
body.theme-glomac[dir="rtl"] .gml-band h5,
body.theme-glomac[dir="rtl"] .gml-band h6,
body.theme-glomac[dir="rtl"] .gml-band-mark,
body.theme-glomac[dir="rtl"] .gml-cell-head h2,
body.theme-glomac[dir="rtl"] .gml-row-t,
body.theme-glomac[dir="rtl"] .gml-qa-q,
body.theme-glomac[dir="rtl"] .gml-terms dt,
body.theme-glomac[dir="rtl"] .gml-contact-k,
body.theme-glomac[dir="rtl"] .gml-register-b,
body.theme-glomac[dir="rtl"] .gml-checks-t,
body.theme-glomac[dir="rtl"] a.gml-btn,
body.theme-glomac[dir="rtl"] .gml-btn { letter-spacing: normal; }

body.theme-glomac[dir="rtl"] .gml-band-mark { font-size: .8rem; opacity: .95; }

/* الأرقام الرومانية واللاتينية تفضل بترتيبها الأصلي جوّه عمود عربي */
body.theme-glomac[dir="rtl"] .gml-num,
body.theme-glomac[dir="rtl"] .gml-side-n,
body.theme-glomac[dir="rtl"] .gml-terms-n,
body.theme-glomac[dir="rtl"] .gml-qa-n,
body.theme-glomac[dir="rtl"] .gml-register-n,
body.theme-glomac[dir="rtl"] .gml-row-n { direction: ltr; unicode-bidi: isolate; }

/* ============================================================
   (2026-09-08) تصحيح: السكة الذهبية على حرف البانر
   ------------------------------------------------------------
   السكة كانت حدًّا (border-inline-start) على الصندوق الملوّن جوّه
   الحاوية، فحرف النص كان لازق فيها بالظبط: أول حرف في كل سطر
   عربي كان بيبان مقصوص. السكة بقت عنصرًا موضعيًا على القسم نفسه
   بـ inset-inline-start (مافيش left/right صريحة)، بره الحاوية،
   والنص خد خلوصًا صريحًا بـ padding-inline-start عشان مايلمسهاش
   في أي اتجاه.
   ============================================================ */
body.theme-glomac.pg-training-courses #common-banner-section-image::after,
body.theme-glomac.pg-training-courses #common-banner-section-icon::after {
    content: "";
    position: absolute;
    inset-block: 0;
    inset-inline-start: 0;
    width: 12px;
    background: var(--site-accent, #c8b100);
    z-index: 2;
    pointer-events: none;
}

/* خلوص النص عن السكة: الحاوية بتقف قبلها بمسافة واضحة في الاتجاهين */
body.theme-glomac.pg-training-courses #common-banner-section-image > .container,
body.theme-glomac.pg-training-courses #common-banner-section-icon > .container {
    padding-inline-start: 28px;
}

body.theme-glomac.pg-training-courses #common-banner-section-image .common-banner-text,
body.theme-glomac.pg-training-courses #common-banner-section-icon .common-banner-text {
    padding-inline-start: 4px;
}

/* ============================================================
   (2026-09-08) "ماذا نقدّم" — جدول الدفتر بعمودين نثر
   ------------------------------------------------------------
   الشكل القديم كان: خانة أيقونة ضيّقة + اسم بحروف كبيرة + وصف +
   سهم عند الحرف. المراجعة لقت الشكل ده مكرّرًا على خمسة مواقع،
   فاتشال. البديل: نفس الشريط المصمت، وتحته عمودان من النثر —
   خانة الاسم (أيقونة + اسم بخط رقعة) وخانة الشرح — بينهما خط
   رأسي واحد. مافيش أسهم ولا أرقام.
   ============================================================ */
body.theme-glomac .gml-ledger { display: block; }

body.theme-glomac .gml-ledger-row {
    display: grid;
    grid-template-columns: minmax(0, .82fr) minmax(0, 1.85fr);
    align-items: stretch;
    border-top: 1px solid var(--gml-rule);
    background: #fff;
}

body.theme-glomac .gml-band + .gml-ledger .gml-ledger-row:first-child { border-top: 0; }

body.theme-glomac .gml-ledger-k {
    display: flex; align-items: baseline; gap: 12px;
    padding: 20px 24px;
    background: #fbf7f1;
    border-inline-end: 1px solid var(--gml-rule);
}

body.theme-glomac .gml-ledger-k i {
    flex: 0 0 auto;
    font-size: 1.2rem; line-height: 1;
    color: var(--site-primary, #765639);
}

body.theme-glomac .gml-ledger-k a {
    font-family: var(--gml-serif);
    font-size: 1.08rem; font-weight: 700; line-height: 1.45;
    color: var(--gml-ink); text-decoration: none;
}

body.theme-glomac .gml-ledger-k a:hover {
    color: var(--site-primary, #765639);
    text-decoration: underline; text-underline-offset: 4px;
}

body.theme-glomac .gml-ledger-v {
    padding: 20px 24px;
    color: var(--gml-body);
    font-size: .97rem; line-height: 1.78;
}

@media (max-width: 767px) {
    body.theme-glomac .gml-ledger-row { grid-template-columns: 1fr; }
    body.theme-glomac .gml-ledger-k {
        border-inline-end: 0;
        border-bottom: 1px solid var(--gml-rule);
        padding: 15px 16px;
    }
    body.theme-glomac .gml-ledger-v { padding: 15px 16px; }
}

/* --- training-courses fix d813961148505e3d11ed4164b010c335 --- */
/* جلوماك: حائط شهادات — إطار مزدوج بني وميل سيبيا */
body.theme-glomac .inst-logos{background:#fffdf7}
body.theme-glomac .inst-logos-h{font-family:Georgia,'Times New Roman',serif;color:#765639;font-weight:400}
body.theme-glomac .inst-logos-grid{grid-template-columns:repeat(5,1fr);gap:18px}
body.theme-glomac .inst-logos-item{background:#fff;border:1px solid #c8b100;outline:1px solid #e4dad6;outline-offset:4px;border-radius:0;min-height:104px}
body.theme-glomac .inst-logos-item img{filter:sepia(.35)}
body.theme-glomac .inst-logos-item:hover img{filter:none}

/* --- training-courses fix 98010ef422363233adfeaf2f08e5d49b --- */
/* جلوماك: صفحة دفتر — حافة ذهبية، البيانات في عمودين بخطوط منقّطة، والسعر في مربع محدود. */
body.theme-glomac.pg-training-courses .session-card{display:grid!important;grid-template-columns:1fr 180px;gap:0!important;padding:0!important;border-radius:0!important;border-inline-start:6px solid #c8b100!important}
body.theme-glomac.pg-training-courses .session-card > ul{grid-column:1;width:100%!important;margin:0!important;padding:16px 18px!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}
body.theme-glomac.pg-training-courses .session-card li{border-bottom:1px dotted #e4dad6;padding-bottom:6px}
body.theme-glomac.pg-training-courses .session-card .price-box{position:static!important;grid-column:2;grid-row:1;align-self:start;margin:16px 16px 0;border:1px solid #765639!important;border-radius:0!important;background:#fffdf3!important;text-align:center}
body.theme-glomac.pg-training-courses .session-card > form{grid-column:2;grid-row:2;padding:10px 16px 16px}
body.theme-glomac.pg-training-courses .session-card .btn{width:100%;border-radius:0!important}

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

   الأرقام الرومانية عدّاد CSS مش جافاسكربت: التحميل التلقائي بيعمل
   append لمداخل جديدة والترقيم بيكمّل لوحده، والصفحة كاملة ومقروءة
   والجافاسكربت مقفول.

   كل القواعد تحت body.theme-glomac و .gml-ix-* — ما تمسّش المعهد ولا
   أي معهد تاني.
   ============================================================ */

body.theme-glomac .gml-ix {
    background: #fffdf9;
    padding: 32px 0 46px;
}

/* خط مزدوج فوق الفهرس وتحته — مقلوب في الآخر عشان يقفل الكتلة. */
body.theme-glomac .gml-ix-rule {
    height: 5px;
    border-top: 3px solid var(--gml-bronze, #765639);
    border-bottom: 1px solid var(--gml-bronze, #765639);
    margin-bottom: 22px;
}

body.theme-glomac .gml-ix-rule-end {
    margin: 22px 0 0;
    border-top-width: 1px;
    border-bottom-width: 3px;
}

body.theme-glomac .gml-ix-cols {
    counter-reset: gmlix;
    columns: 3;
    column-gap: 44px;
    column-rule: 1px solid rgba(118, 86, 57, .22);
}

/* break-inside عشان المدخل ما ينقسمش على عمودين. */
body.theme-glomac .gml-ix-item {
    display: grid;
    grid-template-columns: 4.1rem minmax(0, 1fr);
    align-items: baseline;
    counter-increment: gmlix;
    padding: 13px 0 12px;
    border-bottom: 1px solid rgba(118, 86, 57, .3);
    break-inside: avoid;
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
}

/* الرقم الروماني. عمود جانبي واسع كفاية لـCLIII (المقالات ١٥٣ مدخل)
   ومقاس صغير عشان ما يزاحمش العنوان في عمود عرضه ٢٨٠ بكسل. */
body.theme-glomac .gml-ix-item::before {
    content: counter(gmlix, upper-roman);
    font-family: var(--gml-serif, Georgia, serif);
    font-size: .8rem;
    line-height: 1.55;
    letter-spacing: .05em;
    color: var(--gml-bronze, #765639);
    text-align: start;
    padding-inline-end: 10px;
    overflow-wrap: anywhere;
    unicode-bidi: isolate;
}

body.theme-glomac .gml-ix-body { min-width: 0; }

/* السطر التمهيدي: "دورات تدريبية في" على المدن، والتاريخ على المقالات
   والمدوّنات. الرقم الروماني بيحاذيه لأن align-items: baseline. */
body.theme-glomac .gml-ix-eyebrow {
    display: block;
    font-family: var(--gml-serif, Georgia, serif);
    font-size: .66rem;
    line-height: 1.6;
    text-transform: uppercase;
    letter-spacing: .13em;
    color: var(--gml-bronze, #765639);
    margin-bottom: 2px;
}

body.theme-glomac a.gml-ix-title {
    display: block;
    font-family: var(--gml-serif, Georgia, serif);
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.42;
    color: var(--gml-ink, #1b1113);
    text-decoration: none;
    overflow-wrap: anywhere;
}

body.theme-glomac a.gml-ix-title:hover,
body.theme-glomac a.gml-ix-title:focus {
    color: var(--gml-bronze, #765639);
    text-decoration: underline;
    text-underline-offset: 3px;
}

body.theme-glomac .gml-ix-note {
    margin: 5px 0 0;
    font-size: .845rem;
    line-height: 1.62;
    color: var(--gml-body, #4c4038);
    overflow-wrap: anywhere;
}

body.theme-glomac a.gml-ix-tag {
    display: inline-block;
    margin-top: 7px;
    font-family: var(--gml-serif, Georgia, serif);
    font-size: .69rem;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: .12em;
    color: var(--gml-bronze, #765639);
    text-decoration: none;
    border-bottom: 1px solid rgba(118, 86, 57, .45);
    padding-bottom: 2px;
}

body.theme-glomac a.gml-ix-tag:hover,
body.theme-glomac a.gml-ix-tag:focus {
    color: var(--gml-ink, #1b1113);
    border-bottom-color: var(--gml-ink, #1b1113);
}

body.theme-glomac .gml-ix-arrow {
    font-size: 1.1rem;
    line-height: 0;
    vertical-align: -3px;
    margin-inline-start: 2px;
}

body.theme-glomac .gml-ix-empty {
    font-family: var(--gml-serif, Georgia, serif);
    font-size: 1rem;
    color: var(--gml-body, #4c4038);
    margin: 0;
    padding: 14px 0;
}

/* سبينر التحميل التلقائي جوّه الفهرس. */
body.theme-glomac .gml-ix #ajax_load { padding-top: 18px; }

@media (max-width: 1199px) {
    body.theme-glomac .gml-ix-cols { columns: 2; column-gap: 34px; }
}

@media (max-width: 767px) {
    body.theme-glomac .gml-ix { padding: 22px 0 32px; }
    body.theme-glomac .gml-ix-cols { columns: 1; column-rule: none; }
    body.theme-glomac .gml-ix-item { padding: 12px 0 11px; }
}

/* العربي: الحروف العربية بتتوصل ببعضها، فالتباعد الحرفي (letter-spacing)
   بيبعّدها ويكسر الوصل، و uppercase مالوش معنى. والسطور الصغيرة اللي شكلها
   مضبوط باللاتيني بتبقى صغيرة أوي بالعربي — فبتكبر شوية هنا. */
body.theme-glomac[dir="rtl"] .gml-ix-eyebrow {
    font-size: .79rem;
    letter-spacing: 0;
    text-transform: none;
    margin-bottom: 1px;
}

body.theme-glomac[dir="rtl"] a.gml-ix-tag {
    font-size: .8rem;
    letter-spacing: 0;
    text-transform: none;
}

body.theme-glomac[dir="rtl"] a.gml-ix-title { font-size: 1.06rem; }

body.theme-glomac[dir="rtl"] .gml-ix-note { font-size: .88rem; line-height: 1.75; }

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

/* شجرة واحدة لكل العروض: نسخة الموبايل المكرّرة اتشالت من الماركب */
body.theme-glomac.pg-training-courses .coursedetails-content-section-desktop{display:block}
@media (max-width:992px){
  body.theme-glomac.pg-training-courses .coursedetails-content-section-desktop{display:block!important}
}

/* ---------- الورقة ---------- */
body.theme-glomac.pg-training-courses .gm-spread{
  position:relative;background:#fff;border:4px solid #4a2f1c;border-radius:0;
  padding:40px 52px 44px;margin:28px 0 8px}
body.theme-glomac.pg-training-courses .gm-spread::before{
  content:"";position:absolute;inset:7px;border:1px solid #c8b100;pointer-events:none}

/* ترويسة الورقة + فهرس بأرقام رومانية */
body.theme-glomac.pg-training-courses .gm-spread-masthead{
  border-bottom:3px double #765639;padding-bottom:20px;margin-bottom:36px}
body.theme-glomac.pg-training-courses .gm-spread-kicker{
  font-family:Georgia,"Times New Roman","Amiri",serif;font-size:12px;font-weight:700;
  letter-spacing:.24em;text-transform:uppercase;color:#8a7a6d;margin:0 0 14px}
body.theme-glomac.pg-training-courses .gm-spread-contents{
  list-style:none;display:flex;flex-wrap:wrap;gap:8px 32px;margin:0;padding:0}
body.theme-glomac.pg-training-courses .gm-spread-contents a{
  display:inline-flex;align-items:baseline;gap:9px;padding-bottom:3px;
  font-family:Georgia,"Times New Roman","Amiri",serif;font-size:15px;color:#4a2f1c;
  text-decoration:none;border-bottom:1px solid transparent}
body.theme-glomac.pg-training-courses .gm-spread-contents a:hover,
body.theme-glomac.pg-training-courses .gm-spread-contents a:focus{
  color:#765639;border-bottom-color:#c8b100;text-decoration:none}
body.theme-glomac.pg-training-courses .gm-numeral{
  font-family:Georgia,"Times New Roman","Amiri",serif;font-style:normal;font-weight:700;
  letter-spacing:.1em;color:#765639}
body.theme-glomac.pg-training-courses .gm-spread-contents .gm-numeral{font-size:12px}

/* ---------- القسم: رقم روماني في الهامش ---------- */
body.theme-glomac.pg-training-courses .gm-leaf{
  display:grid;grid-template-columns:76px minmax(0,1fr);
  border-top:3px double #ddd2c6;margin-top:36px;padding-top:36px}
body.theme-glomac.pg-training-courses .gm-spread > .gm-leaf:first-of-type{
  border-top:0;margin-top:0;padding-top:0}
body.theme-glomac.pg-training-courses .gm-leaf-margin .gm-numeral{display:block;font-size:26px;line-height:1}
body.theme-glomac.pg-training-courses .gm-leaf-margin .gm-numeral::after{
  content:"";display:block;width:28px;height:2px;background:#c8b100;margin-top:12px}
body.theme-glomac.pg-training-courses .gm-leaf-main{min-width:0}
body.theme-glomac.pg-training-courses .gm-leaf-title{
  font-family:Georgia,"Times New Roman","Amiri",serif;font-size:26px;line-height:1.25;
  font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#241610;
  margin:0 0 24px;padding-bottom:14px;border-bottom:1px solid #ddd2c6}

/* ---------- النثر على عمودين ---------- */
body.theme-glomac.pg-training-courses .gm-leaf-cols .gm-prose{
  column-count:2;column-gap:52px;column-rule:1px solid #765639}
body.theme-glomac.pg-training-courses .gm-para{break-inside:avoid;margin:0 0 28px}
body.theme-glomac.pg-training-courses .gm-para:last-child{margin-bottom:0}
body.theme-glomac.pg-training-courses .gm-para h6{
  font-family:Georgia,"Times New Roman","Amiri",serif;font-size:14px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:#765639;
  margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid #e6ddd2}
body.theme-glomac.pg-training-courses .gm-prose p,
body.theme-glomac.pg-training-courses .gm-prose li{color:#3d332e;font-size:14px;line-height:1.75}
body.theme-glomac.pg-training-courses .gm-prose p{margin:0 0 10px}
body.theme-glomac.pg-training-courses .gm-prose p:last-child{margin-bottom:0}
body.theme-glomac.pg-training-courses .gm-prose ul,
body.theme-glomac.pg-training-courses .gm-prose ol{margin:0;padding:0;padding-inline-start:18px;width:auto!important;list-style-position:outside}
body.theme-glomac.pg-training-courses .gm-prose li{margin-bottom:6px}
body.theme-glomac.pg-training-courses .gm-prose li::marker{color:#c8b100}

/* ---------- محتوى الدورة: عمودين مطبوعين، شغّالين بدون سكربت ---------- */
body.theme-glomac.pg-training-courses .gm-outline{
  column-count:2;column-gap:52px;column-rule:1px solid #765639}
body.theme-glomac.pg-training-courses .gm-outline ul{padding:0;margin:0 0 26px;list-style:none}
body.theme-glomac.pg-training-courses .gm-outline > ul > li{
  break-inside:avoid;margin-bottom:22px;
  font-family:Georgia,"Times New Roman","Amiri",serif;font-size:15px;font-weight:700;
  line-height:1.4;color:#241610}
body.theme-glomac.pg-training-courses .gm-outline ul > li > ul{
  padding:0;padding-inline-start:18px;margin:10px 0 0;list-style:square}
body.theme-glomac.pg-training-courses .gm-outline ul > li > ul > li{
  font-family:inherit;font-size:13.5px;font-weight:400;line-height:1.6;color:#3d332e;margin-bottom:5px}
body.theme-glomac.pg-training-courses .gm-outline li::marker{color:#c8b100}
body.theme-glomac.pg-training-courses .gm-outline-single p,
body.theme-glomac.pg-training-courses .gm-outline-single li{color:#3d332e;font-size:14px;line-height:1.75}

/* نص تمهيدي فوق أي دفتر */
body.theme-glomac.pg-training-courses .gm-lede{color:#3d332e;font-size:14px;line-height:1.75;margin:0 0 20px;max-width:72ch}

/* ---------- الدفتر ---------- */
body.theme-glomac.pg-training-courses .gm-led-block{margin-bottom:36px}
body.theme-glomac.pg-training-courses .gm-led-block:last-of-type{margin-bottom:0}
body.theme-glomac.pg-training-courses .gm-led-year{
  font-family:Georgia,"Times New Roman","Amiri",serif;font-size:15px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:#4a2f1c;
  margin:0 0 14px;padding:0;border:0;display:block}
body.theme-glomac.pg-training-courses .gm-led-year::after{display:none}
body.theme-glomac.pg-training-courses .gm-led-scroll{overflow-x:auto}

body.theme-glomac.pg-training-courses .gm-ledger{
  width:100%;border-collapse:collapse;border:1px solid #4a2f1c;background:#fff;
  font-size:14px;margin:0}
body.theme-glomac.pg-training-courses .gm-ledger thead th{
  background:#765639;color:#fdfaf4;font-family:Georgia,"Times New Roman","Amiri",serif;
  font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  text-align:start;padding:13px 16px;white-space:nowrap;
  border-inline-end:1px solid rgba(253,250,244,.22)}
body.theme-glomac.pg-training-courses .gm-ledger thead th:last-child{border-inline-end:0}
body.theme-glomac.pg-training-courses .gm-ledger td{
  padding:16px;vertical-align:top;color:#3d332e;line-height:1.55;
  border-top:1px solid #ddd2c6;border-inline-end:1px solid #efe8de}
body.theme-glomac.pg-training-courses .gm-ledger td:last-child{border-inline-end:0}
body.theme-glomac.pg-training-courses .gm-ledger tbody tr:nth-child(even) td{background:#faf7f2}
body.theme-glomac.pg-training-courses .gm-ledger tbody tr:hover td{background:#fbf6e6}

/* إلغاء ستايل الكارت الموروث — الصف بقى سطر في دفتر مش بطاقة */
body.theme-glomac.pg-training-courses .gm-ledger tr.session-card,
body.theme-glomac.pg-training-courses .gm-ledger tr.session-card:hover{
  border:0!important;border-radius:0!important;box-shadow:none!important;
  padding:0!important;transform:none!important;transition:none!important;background:transparent}
body.theme-glomac.pg-training-courses .gm-ledger td.price-box{
  position:static;border-radius:0!important;background:transparent;padding:16px!important;
  border:0;border-top:1px solid #ddd2c6;border-inline-end:1px solid #efe8de;text-align:start}

/* خانات الدفتر */
body.theme-glomac.pg-training-courses .gm-ledger .course-detail{
  display:block;font-family:Georgia,"Times New Roman","Amiri",serif;font-weight:700;
  font-size:14.5px;color:#241610}
body.theme-glomac.pg-training-courses .gm-led-flag{
  display:block;margin-top:6px;font-size:11.5px;font-style:italic;color:#6b5c52}
body.theme-glomac.pg-training-courses .gm-led-strong{display:block;font-weight:700;color:#241610}
body.theme-glomac.pg-training-courses .gm-led-venue{display:block;margin-top:5px;font-size:12.5px;color:#6b5c52}
body.theme-glomac.pg-training-courses .gm-led-venue a{color:#765639;margin-inline-start:4px}
body.theme-glomac.pg-training-courses .gm-led-lang{white-space:nowrap}
body.theme-glomac.pg-training-courses .gm-led-course a{
  font-family:Georgia,"Times New Roman","Amiri",serif;font-weight:700;font-size:14.5px;
  color:#241610;text-decoration:none;border-bottom:1px solid #ddd2c6}
body.theme-glomac.pg-training-courses .gm-led-course a:hover{color:#765639;border-bottom-color:#c8b100}

/* الرسوم */
body.theme-glomac.pg-training-courses .gm-led-sel{position:relative;display:inline-block}
body.theme-glomac.pg-training-courses .gm-ledger .feestoggle-select{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  border:1px solid #c9b9a6!important;border-radius:0!important;background:#fbf6e6;
  color:#241610;font-family:Georgia,"Times New Roman","Amiri",serif;font-weight:700;
  font-size:14px;height:34px;line-height:32px;width:auto;cursor:pointer;
  padding:0!important;padding-inline:10px 30px!important;text-align:start}
body.theme-glomac.pg-training-courses .gm-ledger .feestoggle-select::-ms-expand{display:none}
body.theme-glomac.pg-training-courses .gm-ledger .select-caret{
  position:absolute;inset-inline-end:11px;top:50%;transform:translateY(-50%);
  font-size:.62rem;color:#765639;pointer-events:none}
body.theme-glomac.pg-training-courses .gm-led-per{display:block;margin-top:7px;font-size:11.5px;color:#6b5c52}

/* التسجيل */
body.theme-glomac.pg-training-courses .gm-led-act form{margin:0}
body.theme-glomac.pg-training-courses .gm-led-btn{
  display:inline-block;background:#765639;color:#fff;border:0;border-radius:0;
  font-family:Georgia,"Times New Roman","Amiri",serif;font-size:12.5px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;padding:11px 18px;cursor:pointer;
  text-decoration:none;transition:background .18s,color .18s;white-space:nowrap}
body.theme-glomac.pg-training-courses .gm-led-btn:hover,
body.theme-glomac.pg-training-courses .gm-led-btn:focus{background:#241610;color:#c8b100;text-decoration:none}
body.theme-glomac.pg-training-courses .gm-led-closed{
  display:inline-block;border:1px solid #c98a7e;background:#fdf3f1;color:#8f2f22;
  font-size:12px;padding:8px 12px}

/* ملاحظات وحواشي */
body.theme-glomac.pg-training-courses .gm-note{
  background:#fbf6e6;border:1px solid #e2d6b4;border-inline-start:4px solid #c8b100;
  border-radius:0;padding:12px 16px;margin:0 0 22px;color:#3d332e;font-size:13.5px}
body.theme-glomac.pg-training-courses .gm-note a{color:#8f2f22;font-weight:700}
body.theme-glomac.pg-training-courses .gm-led-empty{
  margin:0;padding:14px 16px;border:1px solid #ddd2c6;background:#faf7f2;
  color:#6b5c52;font-style:italic}
body.theme-glomac.pg-training-courses .gm-led-foot{
  border-top:3px double #ddd2c6;margin-top:28px;padding-top:18px}
body.theme-glomac.pg-training-courses .gm-led-foot p{
  margin:0 0 8px;color:#6b5c52;font-size:12.5px;line-height:1.7}
body.theme-glomac.pg-training-courses .gm-led-foot p:last-child{margin-bottom:0}
body.theme-glomac.pg-training-courses .gm-led-foot a{color:#765639;text-decoration:underline}

/* ---------- الخاتمة: بيانات التواصل ---------- */
body.theme-glomac.pg-training-courses .gm-colophon{
  display:grid;grid-template-columns:76px minmax(0,1fr);
  border-top:3px double #765639;margin-top:36px;padding-top:28px}
body.theme-glomac.pg-training-courses .gm-colophon-margin .gm-numeral{
  display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8a7a6d}
body.theme-glomac.pg-training-courses .gm-colophon .inst-cra{
  position:static!important;inset:auto!important;max-width:none!important;width:auto!important;
  margin:0!important;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;
  display:flex;flex-wrap:wrap;align-items:center;gap:14px 44px}
body.theme-glomac.pg-training-courses .gm-colophon .inst-cra-head{
  display:flex;align-items:flex-start;gap:12px;padding:0;border:0}
/* (2026-09-09) al-ayqona kanet murabba3 bunni fadi: satr 941 biyidi khalfiya
   #765639 wa glyph abyad, wal-qa3ida di kanet bitghayyar al-lawn li-nafs
   al-bunni fal-glyph ikhtafa fi khalfiyto. hina glyph 3ala waraq, bila chip. */
body.theme-glomac.pg-training-courses .gm-colophon .inst-cra-head > .bi{
  background:transparent;color:#765639;font-size:1.5rem;width:auto;height:auto}
body.theme-glomac.pg-training-courses .gm-colophon .inst-cra-head strong{
  font-family:Georgia,"Times New Roman","Amiri",serif;color:#241610;font-size:15px}
body.theme-glomac.pg-training-courses .gm-colophon .inst-cra-head span{color:#6b5c52;font-size:12.5px}
body.theme-glomac.pg-training-courses .gm-colophon .inst-cra-list{
  display:flex;flex-wrap:wrap;gap:8px 28px;margin:0;padding:0}
body.theme-glomac.pg-training-courses .gm-colophon .inst-cra-list li{font-size:13px}
body.theme-glomac.pg-training-courses .gm-colophon .inst-cra-list li .bi{color:#c8b100}
body.theme-glomac.pg-training-courses .gm-colophon .inst-cra-list a{color:#765639}
body.theme-glomac.pg-training-courses .gm-colophon .inst-cra-list a:hover{color:#241610;text-decoration:underline}

/* ---------- التجاوب ---------- */
@media (max-width:1199px){
  body.theme-glomac.pg-training-courses .gm-spread{padding:34px 34px 38px}
  body.theme-glomac.pg-training-courses .gm-leaf,
  body.theme-glomac.pg-training-courses .gm-colophon{grid-template-columns:62px minmax(0,1fr)}
  body.theme-glomac.pg-training-courses .gm-leaf-cols .gm-prose,
  body.theme-glomac.pg-training-courses .gm-outline{column-gap:40px}
}
@media (max-width:991px){
  body.theme-glomac.pg-training-courses .gm-spread{padding:26px 22px 28px;border-width:3px;margin:18px 0 6px}
  body.theme-glomac.pg-training-courses .gm-spread::before{inset:5px}
  body.theme-glomac.pg-training-courses .gm-leaf,
  body.theme-glomac.pg-training-courses .gm-colophon{
    grid-template-columns:minmax(0,1fr);margin-top:28px;padding-top:28px}
  body.theme-glomac.pg-training-courses .gm-leaf-margin{margin-bottom:10px}
  body.theme-glomac.pg-training-courses .gm-leaf-margin .gm-numeral{font-size:20px}
  body.theme-glomac.pg-training-courses .gm-leaf-margin .gm-numeral::after{margin-top:8px}
  body.theme-glomac.pg-training-courses .gm-leaf-title{font-size:21px;margin-bottom:20px}
  body.theme-glomac.pg-training-courses .gm-leaf-cols .gm-prose,
  body.theme-glomac.pg-training-courses .gm-outline{column-count:1;column-rule:0}
  body.theme-glomac.pg-training-courses .gm-colophon-margin{margin-bottom:10px}
}
/* الدفتر بيتفكّ لسطور مستقلة على الشاشات الضيقة — بدون تمرير أفقي */
@media (max-width:767px){
  body.theme-glomac.pg-training-courses .gm-ledger,
  body.theme-glomac.pg-training-courses .gm-ledger tbody,
  body.theme-glomac.pg-training-courses .gm-ledger tr,
  body.theme-glomac.pg-training-courses .gm-ledger td{display:block;width:100%}
  body.theme-glomac.pg-training-courses .gm-ledger thead{display:none}
  body.theme-glomac.pg-training-courses .gm-ledger{border:0}
  body.theme-glomac.pg-training-courses .gm-ledger tr.session-card{
    border:1px solid #4a2f1c!important;margin-bottom:14px}
  body.theme-glomac.pg-training-courses .gm-ledger td,
  body.theme-glomac.pg-training-courses .gm-ledger td.price-box{
    border:0;border-top:1px dotted #ddd2c6;padding:11px 14px!important}
  body.theme-glomac.pg-training-courses .gm-ledger tr td:first-child,
  body.theme-glomac.pg-training-courses .gm-ledger tbody tr:nth-child(even) td:first-child{
    border-top:0;background:#faf7f2}
  body.theme-glomac.pg-training-courses .gm-ledger tbody tr:nth-child(even) td,
  body.theme-glomac.pg-training-courses .gm-ledger tbody tr:hover td{background:transparent}
  body.theme-glomac.pg-training-courses .gm-ledger td::before{
    content:attr(data-gm-label);display:block;margin-bottom:4px;
    font-family:Georgia,"Times New Roman","Amiri",serif;font-size:10.5px;font-weight:700;
    letter-spacing:.16em;text-transform:uppercase;color:#8a7a6d}
  body.theme-glomac.pg-training-courses .gm-led-lang{white-space:normal}
  body.theme-glomac.pg-training-courses .gm-led-btn{display:block;text-align:center}
}
@media (max-width:575px){
  body.theme-glomac.pg-training-courses .gm-spread{padding:18px 14px 20px}
  body.theme-glomac.pg-training-courses .gm-leaf-title{font-size:19px;letter-spacing:.03em}
  body.theme-glomac.pg-training-courses .gm-spread-contents{gap:6px 20px}
  body.theme-glomac.pg-training-courses .gm-spread-contents a{font-size:14px}
}

/* --- جلوماك: الدفتر — كسر ستايل "بطاقة الجلسة" القديم (2026-09-08) ---
   في صفحات تانية .session-card بطاقة grid بـ!important. هنا الكلاس على <tr>
   في دفتر، فلازم نرجّعه صف جدول بنفس القوة. */
body.theme-glomac.pg-training-courses .gm-ledger tr.session-card,
body.theme-glomac.pg-training-courses .gm-ledger tr.session-card:hover{
  display:table-row!important;grid-template-columns:none!important;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  margin:0!important;padding:0!important;background:transparent!important}
body.theme-glomac.pg-training-courses .gm-ledger td.price-box{
  display:table-cell!important;position:static!important;
  grid-column:auto!important;grid-row:auto!important;align-self:auto!important;
  margin:0!important;padding:16px!important;text-align:start!important;
  background:transparent!important;border:0!important;border-radius:0!important;
  border-top:1px solid #ddd2c6!important;border-inline-end:1px solid #efe8de!important}
body.theme-glomac.pg-training-courses .gm-ledger tbody tr:nth-child(even) td,
body.theme-glomac.pg-training-courses .gm-ledger tbody tr:nth-child(even) td.price-box{
  background:#faf7f2!important}
body.theme-glomac.pg-training-courses .gm-ledger tbody tr:hover td,
body.theme-glomac.pg-training-courses .gm-ledger tbody tr:hover td.price-box{
  background:#fbf6e6!important}
body.theme-glomac.pg-training-courses .gm-ledger td:last-child,
body.theme-glomac.pg-training-courses .gm-ledger td.price-box:last-child{
  border-inline-end:0!important}
body.theme-glomac.pg-training-courses .gm-ledger tr.session-card > form,
body.theme-glomac.pg-training-courses .gm-ledger .gm-led-act form{
  grid-column:auto;grid-row:auto;padding:0;margin:0}
body.theme-glomac.pg-training-courses .gm-ledger td .gm-led-btn{width:auto}

/* عرض الأعمدة — جدول محاسبة منتظم */
body.theme-glomac.pg-training-courses .gm-ledger .gm-led-c-date{width:23%}
body.theme-glomac.pg-training-courses .gm-ledger .gm-led-c-city{width:27%}
body.theme-glomac.pg-training-courses .gm-ledger .gm-led-c-lang{width:12%}
body.theme-glomac.pg-training-courses .gm-ledger .gm-led-c-fee{width:19%}
body.theme-glomac.pg-training-courses .gm-ledger .gm-led-c-act{width:19%}
body.theme-glomac.pg-training-courses .gm-ledger-vl .gm-led-c-course,
body.theme-glomac.pg-training-courses .gm-ledger-cl .gm-led-c-course{width:46%}
body.theme-glomac.pg-training-courses .gm-ledger-vl .gm-led-c-date,
body.theme-glomac.pg-training-courses .gm-ledger-cl .gm-led-c-date{width:22%}

@media (max-width:767px){
  body.theme-glomac.pg-training-courses .gm-ledger,
  body.theme-glomac.pg-training-courses .gm-ledger tbody,
  body.theme-glomac.pg-training-courses .gm-ledger tr.session-card,
  body.theme-glomac.pg-training-courses .gm-ledger td,
  body.theme-glomac.pg-training-courses .gm-ledger td.price-box{
    display:block!important;width:auto!important}
  body.theme-glomac.pg-training-courses .gm-ledger tr.session-card{
    border:1px solid #4a2f1c!important;margin-bottom:14px!important}
  body.theme-glomac.pg-training-courses .gm-ledger td,
  body.theme-glomac.pg-training-courses .gm-ledger td.price-box{
    border:0!important;border-top:1px dotted #ddd2c6!important;padding:11px 14px!important}
  body.theme-glomac.pg-training-courses .gm-ledger tr td:first-child,
  body.theme-glomac.pg-training-courses .gm-ledger tbody tr:nth-child(even) td:first-child{
    border-top:0!important;background:#faf7f2!important}
  body.theme-glomac.pg-training-courses .gm-ledger tbody tr:nth-child(even) td,
  body.theme-glomac.pg-training-courses .gm-ledger tbody tr:nth-child(even) td.price-box,
  body.theme-glomac.pg-training-courses .gm-ledger tbody tr:hover td,
  body.theme-glomac.pg-training-courses .gm-ledger tbody tr:hover td.price-box{
    background:transparent!important}
  body.theme-glomac.pg-training-courses .gm-ledger tbody tr:nth-child(even) td:first-child{
    background:#faf7f2!important}
}

/* --- جلوماك: تشطيب الملزمة (2026-09-08) --- */

/* زر التسجيل في الدفاتر: ذهب جلوماك زي باقي أزرار الموقع.
   قاعدة #searresultscourses-btn2 فيها id، فمحتاجين id هنا كمان. */
body.theme-glomac.pg-training-courses #coursedetails-content-section .gm-led-btn,
body.theme-glomac.pg-training-courses #coursedetails-content-section a.gm-led-btn,
body.theme-glomac.pg-training-courses #coursedetails-content-section button.gm-led-btn{
  background:#c8b100;color:#241610;border:0;border-radius:0;
  font-family:Georgia,"Times New Roman","Amiri",serif;font-size:12.5px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;padding:11px 18px;line-height:1.2;
  text-decoration:none;white-space:nowrap;box-shadow:none}
body.theme-glomac.pg-training-courses #coursedetails-content-section .gm-led-btn:hover,
body.theme-glomac.pg-training-courses #coursedetails-content-section .gm-led-btn:focus{
  background:#765639;color:#fff;text-decoration:none}

/* عنوان الخاتمة كان أعرض من الهامش */
body.theme-glomac.pg-training-courses .gm-colophon-margin .gm-numeral{
  font-size:10px;letter-spacing:.08em}

/* توازن العمودين: الفقرة تقدر تكمل في العمود التاني، بس العنوان
   ميفضلش لوحده في آخر عمود والعنصر ميتقسمش نصّين. */
body.theme-glomac.pg-training-courses .gm-para{break-inside:auto}
body.theme-glomac.pg-training-courses .gm-para h6{break-after:avoid}
body.theme-glomac.pg-training-courses .gm-prose li{break-inside:avoid}

/* قاعدة قديمة #coursedetails-content-section #nav-schedulefees p{color:#fff}
   كانت بتخلّي حواشي الدفتر بيضا على ورق أبيض — نفس قوة الـid هنا. */
body.theme-glomac.pg-training-courses #coursedetails-content-section #nav-schedulefees .gm-led-foot p{color:#6b5c52}
body.theme-glomac.pg-training-courses #coursedetails-content-section #nav-schedulefees .gm-led-empty{color:#6b5c52}
body.theme-glomac.pg-training-courses #coursedetails-content-section #nav-schedulefees .gm-note,
body.theme-glomac.pg-training-courses #coursedetails-content-section #nav-schedulefees .gm-note p{color:#3d332e}
body.theme-glomac.pg-training-courses #coursedetails-content-section #nav-schedulefees td,
body.theme-glomac.pg-training-courses #coursedetails-content-section #nav-schedulefees td p{color:#3d332e}

/* (2026-09-09) اتشال إخفاء أيقونة bi-lightbulb. التشخيص كان غلط: الأيقونة موجودة
   فعلاً في bootstrap-icons 1.11.1 اللي الموقع بيحمّله (اتأكدت من ملف الـCSS نفسه)،
   فمفيش سبب تتخفي. */

/* الحواشي: سطر قراءة محدود مش عرض الورقة كله */
body.theme-glomac.pg-training-courses .gm-led-foot p{max-width:88ch}

/* الدفتر المتفكّك: زر التسجيل بعرض السطر كامل — هدف لمس مريح */
@media (max-width:767px){
  body.theme-glomac.pg-training-courses #coursedetails-content-section .gm-led-btn{
    display:block;width:100%;text-align:center;white-space:normal}
}

/* ════════════════════════════════════════════════════════════════
   (2026-09-09) جلوماك — اتصل بنا: ورقة خطاب مطبوعة
   ----------------------------------------------------------------
   ليه: هوية جلوماك "مطبعة قديمة" (إطار مزدوج، زوايا صفر، مشجّر).
   صفحة التواصل بقت ورقة واحدة بحدّ بنّي على مكتب ورقي غامق: ترويسة
   فيها اسم الدار وبياناته في سطر، خط فاصل مزدوج، سطر مرجع وتاريخ،
   وبعدين الخطاب نفسه بحقول خط تحتي بس — مفيش صناديق، لأن الصندوق
   شكل شاشة مش شكل ورق.
   كل القواعد محصورة في .page-contact عشان متلمسش صفحة تانية —
   الـbody بياخد pg-training-courses هنا كمان (شوف Contact::index).
   ════════════════════════════════════════════════════════════════ */

body.theme-glomac.page-contact {
  --gml-paper: #fdfaf2;   /* الورقة */
  --gml-desk:  #e6d9c2;   /* المكتب تحت الورقة */
  --gml-brown: #765639;
  --gml-gold:  #c8b100;
  --gml-ink2:  #241610;
  --gml-txt:   #3d332e;   /* 11.7:1 على الورقة */
  --gml-hint:  #63544a;   /* 6.8:1 — للـplaceholder والملصقات الصغيرة */
  --gml-hair:  #d9cdbb;
}

body.theme-glomac.page-contact .gm-letter {
  background: var(--gml-desk);
  padding: 40px 0 56px;
}

/* اللوح: حدّ بنّي سميك + خيط ذهبي داخلي — نفس الإطار المزدوج بتاع الموقع.
   العرض محدود بـ1000 عشان الورقة تفضل ورقة، متتمططش على الشاشة العريضة. */
body.theme-glomac.page-contact .gm-letter-sheet {
  position: relative;
  max-width: 1000px;
  margin-inline: auto;
  background: var(--gml-paper);
  border: 5px solid var(--gml-brown);
  padding: 48px 56px 40px;
  box-shadow: 0 2px 0 rgba(36,22,16,.10), 0 18px 40px rgba(36,22,16,.10);
}

body.theme-glomac.page-contact .gm-letter-sheet::after {
  content: "";
  position: absolute; inset: 9px;
  border: 1px solid var(--gml-gold);
  pointer-events: none;
}

/* ── الترويسة: الاسم على جنب، البيانات كلها في سطر واحد على الجنب التاني ── */
body.theme-glomac.page-contact .gm-lt-head {
  position: relative;
  display: flex; align-items: flex-end; justify-content: space-between;
  flex-wrap: wrap; gap: 12px 32px;
  padding-bottom: 16px;
  border-bottom: 3px solid var(--gml-brown);
  margin-bottom: 26px;
}

/* الخيط الذهبي تحت الخط البنّي = الفاصل المزدوج بتاع ترويسة الخطاب */
body.theme-glomac.page-contact .gm-lt-head::after {
  content: "";
  position: absolute; inset-inline: 0; bottom: -7px;
  height: 1px; background: var(--gml-gold);
}

body.theme-glomac.page-contact .gm-lt-mast {
  margin: 0;
  font-family: Georgia, "Times New Roman", "Amiri", serif;
  font-size: clamp(1.5rem, 1.05rem + 1.5vw, 2.1rem);
  font-weight: 700; line-height: 1.15;
  letter-spacing: .015em;
  color: var(--gml-ink2);
  max-width: 22ch;
}

body.theme-glomac.page-contact .gm-lt-meta {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; align-items: center;
  gap: 4px 0;
  font-size: .82rem;
}

/* الفاصل الرأسي بين عناصر السطر — لمسة الشريط المطبوع. أول عنصر بلا فاصل. */
body.theme-glomac.page-contact .gm-lt-meta li {
  display: flex; align-items: center; gap: 7px;
  padding-inline: 16px;
  border-inline-start: 1px solid var(--gml-hair);
  min-width: 0;
}
body.theme-glomac.page-contact .gm-lt-meta li:first-child { border-inline-start: 0; padding-inline-start: 0; }
body.theme-glomac.page-contact .gm-lt-meta li:last-child  { padding-inline-end: 0; }

body.theme-glomac.page-contact .gm-lt-meta i { color: var(--gml-brown); font-size: .95rem; flex: 0 0 auto; }

body.theme-glomac.page-contact .gm-lt-meta-k {
  font-family: Georgia, "Times New Roman", "Amiri", serif;
  font-size: .66rem; font-weight: 700;
  letter-spacing: .13em; text-transform: uppercase;
  color: var(--gml-brown);
}

body.theme-glomac.page-contact .gm-lt-meta a {
  color: var(--gml-txt); text-decoration: none;
  overflow-wrap: anywhere;
}
body.theme-glomac.page-contact .gm-lt-meta a:hover {
  color: var(--gml-brown) !important;
  text-decoration: underline; text-underline-offset: 3px;
}

/* ── سطر المرجع/التاريخ ── */
body.theme-glomac.page-contact .gm-lt-ref {
  display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 24px;
  font-family: Georgia, "Times New Roman", "Amiri", serif;
  font-size: .72rem; letter-spacing: .12em; text-transform: uppercase;
  color: var(--gml-hint);
  margin-bottom: 22px;
}

/* ── سطر الموضوع: هو الـh1 الوحيد في الصفحة بعد ما البانر اتشال ── */
body.theme-glomac.page-contact .gm-lt-subject {
  font-family: Georgia, "Times New Roman", "Amiri", serif;
  font-size: clamp(1.15rem, .95rem + .7vw, 1.5rem);
  font-weight: 700; line-height: 1.3;
  color: var(--gml-ink2);
  margin: 0 0 14px;
  text-decoration: underline;
  text-decoration-color: var(--gml-gold);
  text-decoration-thickness: 2px;
  text-underline-offset: 7px;
}

body.theme-glomac.page-contact .gm-lt-subject-k {
  display: inline-block;
  margin-inline-end: 10px;
  font-size: .68rem; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--gml-brown);
  vertical-align: middle;
}

body.theme-glomac.page-contact .gm-lt-lead {
  margin: 0 0 34px;
  max-width: 68ch;              /* سطر قراءة، مش عرض الورقة كله */
  color: var(--gml-txt);
  font-size: 1rem; line-height: 1.85;
}

/* ════ الخطاب نفسه: حقول بخط تحتي بس ════
   الفورم مشترك (institute/contact/form.php) ومينفعش يتغيّر، فالتخطيط
   شبكة على الفورم نفسه والحقول بتتوزّع بـnth-of-type. ترتيب الـdiv
   جوّه الفورم ثابت: 1 = #message_contact، 2..7 = الصفوف. */
body.theme-glomac.page-contact .gm-lt-body .inst-cform {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 44px;
  row-gap: 30px;
}

body.theme-glomac.page-contact .gm-lt-body .inst-cform-row { margin-bottom: 0; min-width: 0; }

body.theme-glomac.page-contact .gm-lt-body #message_contact { grid-column: 1 / -1; }
body.theme-glomac.page-contact .gm-lt-body #message_contact:not(:empty) {
  border: 1px solid var(--gml-brown);
  background: #f6f0e2;
  padding: 12px 14px;
  color: var(--gml-txt); font-size: .92rem;
}

body.theme-glomac.page-contact .gm-lt-body .inst-cform > div:nth-of-type(2) { grid-column: 1; }
body.theme-glomac.page-contact .gm-lt-body .inst-cform > div:nth-of-type(3) { grid-column: 2; }
body.theme-glomac.page-contact .gm-lt-body .inst-cform > div:nth-of-type(4) { grid-column: 1; }
body.theme-glomac.page-contact .gm-lt-body .inst-cform > div:nth-of-type(5) { grid-column: 2; }
body.theme-glomac.page-contact .gm-lt-body .inst-cform > div:nth-of-type(6),
body.theme-glomac.page-contact .gm-lt-body .inst-cform > div:nth-of-type(7) { grid-column: 1 / -1; }

/* الحقل = فراغ على سطر مطبوع. الحدّ من _brand.css فيه !important فلازم
   نقابله بنفس القوة. الخط التحتي 2px ثابت العرض، اللون بس هو اللي
   بيتغيّر في التركيز، عشان مفيش قفزة تخطيط. */
body.theme-glomac.page-contact .gm-lt-body .inst-cform .form-control {
  border: 0 !important;
  border-bottom: 2px solid var(--gml-hair) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  height: 44px;
  padding: 0 2px 6px;
  font-size: 1rem;
  color: var(--gml-ink2);
  width: 100%;
}

body.theme-glomac.page-contact .gm-lt-body .inst-cform .form-control:focus {
  border-bottom-color: var(--gml-brown) !important;
  background: rgba(200, 177, 0, .10) !important;
  outline: none;
}

/* الـplaceholder هو الملصق الوحيد للحقل، فلازم يفضل مقروء (6.8:1)
   ومطبعي — حروف كبيرة متباعدة زي عناوين خانات الاستمارة الورقية. */
body.theme-glomac.page-contact .gm-lt-body .inst-cform .form-control::placeholder {
  color: var(--gml-hint);
  opacity: 1;
  font-family: Georgia, "Times New Roman", "Amiri", serif;
  font-size: .72rem;
  letter-spacing: .12em;
  text-transform: uppercase;
}

/* كود الدولة أضيق من الرقم بوضوح — خانتين على سطر واحد زي الاستمارة.
   min-width مش زينة: ملصق "COUNTRY CODE" هو الوحيد اللي بيعرّف الخانة
   (مفيش label منفصل)، و30% لوحدها بتقصّه على 768 وتحت. min-width بتغلب
   max-width في CSS، فالخانة بتفضل مقروءة على أي عرض. */
body.theme-glomac.page-contact .gm-lt-body .inst-cform-row--split { gap: 18px; }
body.theme-glomac.page-contact .gm-lt-body .inst-cform-cc { flex: 0 0 30%; max-width: 30%; min-width: 124px; }

/* الرسالة: ورق مسطّر. الخطوط من التدرّج المتكرر وارتفاع السطر مساويله،
   فالكلام بيقعد على السطر زي الكتابة اليدوية على ورقة مسطّرة. */
body.theme-glomac.page-contact .gm-lt-body .inst-cform textarea.form-control {
  height: auto !important;
  min-height: 120px;
  line-height: 30px;
  padding: 2px 2px 0;
  border-bottom: 0 !important;
  background-image: repeating-linear-gradient(
      to bottom, transparent 0 29px, var(--gml-hair) 29px 30px) !important;
  background-attachment: local;
  resize: vertical;
}
body.theme-glomac.page-contact .gm-lt-body .inst-cform textarea.form-control:focus {
  background-color: rgba(200, 177, 0, .07) !important;
}
body.theme-glomac.page-contact .gm-lt-body .inst-cform textarea.form-control::placeholder {
  line-height: 30px;
}

/* زر الإرسال: ختم في آخر الخطاب — حبر غامق وحروف ذهبية (8.3:1) */
/* من غير خط فاصل فوق الزرّ: ورق الرسالة المسطّر فوقه خلاص فيه خطوط،
   وخط زيادة هنا كان بيقرا كأنه سطر خامس ضايع من الورقة. */
body.theme-glomac.page-contact .gm-lt-body .inst-cform-actions {
  display: flex; justify-content: flex-end;
  margin-top: -6px;
}

body.theme-glomac.page-contact .gm-lt-body .inst-cform-actions #submit_contact {
  background: var(--gml-ink2) !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--gml-gold) !important;
  font-family: Georgia, "Times New Roman", "Amiri", serif;
  font-size: .8rem; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase;
  padding: 14px 42px;
  min-width: 0;
  box-shadow: none !important;
}
body.theme-glomac.page-contact .gm-lt-body .inst-cform-actions #submit_contact:hover,
body.theme-glomac.page-contact .gm-lt-body .inst-cform-actions #submit_contact:focus {
  background: var(--gml-brown) !important;
  color: #fff !important;
}

/* ── كعب الورقة ── */
body.theme-glomac.page-contact .gm-lt-foot {
  margin-top: 34px;
  padding-top: 20px;
  border-top: 3px double var(--gml-hair);
  display: flex; align-items: center; justify-content: space-between;
  flex-wrap: wrap; gap: 14px 28px;
}

body.theme-glomac.page-contact .gm-lt-hours {
  margin: 0;
  display: flex; align-items: center; flex-wrap: wrap; gap: 8px;
  font-size: .86rem; color: var(--gml-txt);
}
body.theme-glomac.page-contact .gm-lt-hours i { color: var(--gml-brown); font-size: 1rem; }

body.theme-glomac.page-contact .gm-lt-cta {
  margin: 0; display: flex; flex-wrap: wrap; gap: 10px;
}

/* روابط نصّية مؤطّرة، مش أزرار ممتلئة: زرار الصفحة الرئيسي واحد
   وهو "أرسل" — دول وجهتين تانيتين مش دعوات منافسة. */
body.theme-glomac.page-contact .gm-lt-link {
  border: 1px solid var(--gml-brown);
  color: var(--gml-brown);
  padding: 9px 18px;
  font-size: .74rem; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase;
  text-decoration: none;
  background: transparent;
}
body.theme-glomac.page-contact .gm-lt-link:hover,
body.theme-glomac.page-contact .gm-lt-link:focus {
  background: var(--gml-brown);
  color: var(--gml-paper) !important;
  text-decoration: none;
}

/* ── العربية: التباعد بيفكّ الكلمة الموصولة، والكابيتال ملوش معنى ── */
body.theme-glomac.page-contact[dir="rtl"] .gm-lt-meta-k,
body.theme-glomac.page-contact[dir="rtl"] .gm-lt-subject-k,
body.theme-glomac.page-contact[dir="rtl"] .gm-lt-link,
body.theme-glomac.page-contact[dir="rtl"] .gm-lt-body .inst-cform .form-control::placeholder,
body.theme-glomac.page-contact[dir="rtl"] .gm-lt-body .inst-cform-actions #submit_contact {
  letter-spacing: normal;
  text-transform: none;
}

/* الملصقات الصغيرة كانت مقاسة على حروف لاتينية كابيتال. الحرف العربي
   بلا كابيتال وبنقطه وحركاته أصعب في القراءة على نفس المقاس، فبيكبر. */
body.theme-glomac.page-contact[dir="rtl"] .gm-lt-meta-k,
body.theme-glomac.page-contact[dir="rtl"] .gm-lt-subject-k { font-size: .84rem; }
body.theme-glomac.page-contact[dir="rtl"] .gm-lt-body .inst-cform .form-control::placeholder { font-size: .88rem; }
body.theme-glomac.page-contact[dir="rtl"] .gm-lt-link { font-size: .86rem; }
body.theme-glomac.page-contact[dir="rtl"] .gm-lt-body .inst-cform-actions #submit_contact { font-size: .92rem; }
body.theme-glomac.page-contact[dir="rtl"] .gm-lt-hours .gm-lt-meta-k { font-size: .86rem; }
/* سطر المرجع لاتيني بالكامل، فبيفضل بترتيبه الأصلي جوّه صفحة عربية */
body.theme-glomac.page-contact[dir="rtl"] .gm-lt-ref { direction: ltr; }
body.theme-glomac.page-contact[dir="rtl"] .gm-lt-ref span:first-child { order: 2; }

/* ── التابلت: الترويسة بتتكدّس، فالبيانات تبقى من الأول بدل ما تتقطّع ── */
@media (max-width: 991px) {
  body.theme-glomac.page-contact .gm-letter-sheet { padding: 34px 30px 30px; border-width: 4px; }
  body.theme-glomac.page-contact .gm-lt-head { align-items: flex-start; }
  body.theme-glomac.page-contact .gm-lt-body .inst-cform { column-gap: 28px; row-gap: 26px; }
}

/* ── الموبايل: عمود واحد، والفواصل الرأسية بتبقى صفوف ── */
@media (max-width: 767px) {
  body.theme-glomac.page-contact .gm-letter { padding: 20px 0 34px; }
  body.theme-glomac.page-contact .gm-letter-sheet { padding: 24px 18px 24px; border-width: 3px; }
  body.theme-glomac.page-contact .gm-letter-sheet::after { inset: 6px; }

  body.theme-glomac.page-contact .gm-lt-meta { flex-direction: column; align-items: flex-start; gap: 8px; }
  body.theme-glomac.page-contact .gm-lt-meta li {
    border-inline-start: 0; padding-inline: 0; width: 100%;
  }

  body.theme-glomac.page-contact .gm-lt-body .inst-cform { grid-template-columns: minmax(0, 1fr); row-gap: 24px; }
  body.theme-glomac.page-contact .gm-lt-body .inst-cform > div:nth-of-type(2),
  body.theme-glomac.page-contact .gm-lt-body .inst-cform > div:nth-of-type(3),
  body.theme-glomac.page-contact .gm-lt-body .inst-cform > div:nth-of-type(4),
  body.theme-glomac.page-contact .gm-lt-body .inst-cform > div:nth-of-type(5) { grid-column: 1; }

  /* "COUNTRY CODE" ملصق طويل وخانته ضيّقة، فكان بيتقص على 390.
     الخانة بتاخد نصّ السطر تقريبًا هنا — لسه أضيق من الرقم بوضوح. */
  body.theme-glomac.page-contact .gm-lt-body .inst-cform-row--split { gap: 14px; }
  body.theme-glomac.page-contact .gm-lt-body .inst-cform-cc { flex: 0 0 44%; max-width: 44%; }

  /* هدف لمس مريح: الزرّ بعرض السطر */
  body.theme-glomac.page-contact .gm-lt-body .inst-cform-actions { display: block; }
  body.theme-glomac.page-contact .gm-lt-body .inst-cform-actions #submit_contact { width: 100%; }
  body.theme-glomac.page-contact .gm-lt-foot { flex-direction: column; align-items: stretch; }
  body.theme-glomac.page-contact .gm-lt-link { text-align: center; flex: 1 1 auto; }
}

/* ════════════════════════════════════════════════════════════════
   (2026-09-09) /downloads — صفحة فهرس مطبوعة
   ----------------------------------------------------------------
   ليه شكل مختلف عن باقي صفحات جلوماك: الصفحة دي محتواها مستندات،
   والمستندات في المطبعة بتتسرد في فهرس مش في صفوف. فبقت صفحة من
   ملزمة: ورقة بإطار مزدوج (نفس إطار .gm-hero-frame و .gm-letter-sheet
   عشان تفضل من نفس الموقع)، ترويسة جارية فوقها، هامش ضيّق فيه أرقام
   رومانية، ومتن فقرات. مفيش خط منقّط ولا سهم ولا صناديق — دي علامات
   شاشة والصفحة ورق.
   كل القواعد محصورة في .page-downloads عشان متلمسش صفحة تانية.
   ════════════════════════════════════════════════════════════════ */

body.theme-glomac.page-downloads {
  --gmix-desk:  #ece3d2;   /* المكتب تحت الورقة */
  --gmix-paper: #fdfaf3;   /* الورقة */
  --gmix-ink:   #241610;   /* الحبر — 19:1 على الورقة */
  --gmix-body:  #55483e;   /* المتن — 8.5:1 */
  --gmix-brown: #6f5033;   /* البنّي المطبعي — 7.2:1، للملصقات والأرقام */
  --gmix-gold:  #c8b100;   /* ذهبي للخطوط بس، مش للنص (2:1 على الورقة) */
  --gmix-hair:  #ded2bd;
  --gmix-serif: Georgia, "Times New Roman", "Amiri", serif;
}

body.theme-glomac.page-downloads .gm-index {
  background: var(--gmix-desk);
  padding: 44px 0 60px;
}

/* الورقة: حدّ حبر سميك + خيط ذهبي داخلي. العرض مقفول عند 940 عشان
   سطر الفهرس ما يعديش ٧٠ حرف على الشاشة العريضة. */
body.theme-glomac.page-downloads .gm-ix-sheet {
  position: relative;
  max-width: 940px;
  margin-inline: auto;
  background: var(--gmix-paper);
  border: 5px solid var(--gmix-ink);
  padding: 44px 52px 40px;
  box-shadow: 0 2px 0 rgba(36,22,16,.10), 0 18px 40px rgba(36,22,16,.12);
}
body.theme-glomac.page-downloads .gm-ix-sheet::after {
  content: "";
  position: absolute; inset: 9px;
  border: 1px solid var(--gmix-gold);
  pointer-events: none;
}

/* ── الترويسة الجارية: اسم الملزمة على جنب والفوليو (السنة بالروماني) على التاني ── */
body.theme-glomac.page-downloads .gm-ix-runhead {
  position: relative;
  display: flex; align-items: baseline; justify-content: space-between;
  flex-wrap: wrap; gap: 6px 24px;
  padding-bottom: 12px;
  border-bottom: 2px solid var(--gmix-ink);
  margin-bottom: 7px;   /* مكان الخيط الذهبي تحت خط الحبر = الفاصل المزدوج */
}
body.theme-glomac.page-downloads .gm-ix-runhead::after {
  content: "";
  position: absolute; inset-inline: 0; bottom: -5px;
  height: 1px; background: var(--gmix-gold);
}
body.theme-glomac.page-downloads .gm-ix-runhead-t {
  font-family: var(--gmix-serif);
  font-size: .8rem; font-weight: 700;
  letter-spacing: .18em; text-transform: uppercase;
  color: var(--gmix-brown);
}
body.theme-glomac.page-downloads .gm-ix-runhead-f {
  font-family: var(--gmix-serif);
  font-size: .78rem; letter-spacing: .22em;
  color: var(--gmix-brown);
}

/* ملاحظة الفهرس: سطر تمهيدي واحد، بعرض قراءة مش بعرض الورقة.
   الحشو 96 = عرض الهامش (68) + المسافة (28) عشان المتن كله ينزل على
   نفس عمود النص، والهامش يفضل فاضي للأرقام زي صفحة الكتاب. */
body.theme-glomac.page-downloads .gm-ix-note {
  font-family: var(--gmix-serif);
  font-size: 1.02rem; line-height: 1.75;
  color: var(--gmix-body);
  max-width: 62ch;
  margin: 22px 0 26px;
  padding-inline-start: 96px;
}

/* ── المتن: هامش أرقام + فقرات. الخط الرأسي بيمشي مع الفهرس كله
      (خط الهامش في الكتاب)، مش حوالين كل بند — عشان ما يبقاش صفوف. ── */
body.theme-glomac.page-downloads .gm-ix-list {
  position: relative;
  list-style: none;
  margin: 0; padding: 0;
}
body.theme-glomac.page-downloads .gm-ix-list::before {
  content: "";
  position: absolute; inset-block: 4px;
  inset-inline-start: 68px;
  width: 1px; background: var(--gmix-hair);
}
body.theme-glomac.page-downloads .gm-ix-item {
  display: grid;
  grid-template-columns: 68px minmax(0, 1fr);
  column-gap: 28px;
  padding: 16px 0;
}
body.theme-glomac.page-downloads .gm-ix-item:first-child { padding-top: 4px; }

/* الرقم الروماني صغير جدًا وملزوق بخط الهامش — علامة موضع مش عنوان */
body.theme-glomac.page-downloads .gm-ix-mark {
  font-family: var(--gmix-serif);
  font-size: .68rem; letter-spacing: .14em;
  color: var(--gmix-brown);
  text-align: end;
  padding-inline-end: 12px;
  padding-block-start: 9px;   /* يوازي أول سطر في العنوان */
}

body.theme-glomac.page-downloads .gm-ix-t {
  font-family: var(--gmix-serif);
  font-size: clamp(1.12rem, 1rem + .55vw, 1.38rem);
  font-weight: 700; line-height: 1.3;
  color: var(--gmix-ink);
  margin: 0 0 6px;
}
body.theme-glomac.page-downloads .gm-ix-t a {
  color: inherit; text-decoration: none;
  border-bottom: 1px solid transparent;
}
body.theme-glomac.page-downloads .gm-ix-t a:hover,
body.theme-glomac.page-downloads .gm-ix-t a:focus-visible {
  color: var(--gmix-brown);
  border-bottom-color: var(--gmix-gold);
}
body.theme-glomac.page-downloads .gm-ix-g {
  margin: 0;
  font-size: .95rem; line-height: 1.7;
  color: var(--gmix-body);
  max-width: 62ch;
}

/* ── المرفقات: جدول برأس مصمت — شكل جلوماك المعلن، وكل أزرار التنزيل
      مجمّعة هنا مرة واحدة بدل زرار تحت كل بند. ── */
body.theme-glomac.page-downloads .gm-ix-app {
  margin-top: 36px;
  border: 2px solid var(--gmix-ink);
  background: #fff;
}
body.theme-glomac.page-downloads .gm-ix-app-band {
  display: flex; align-items: baseline; justify-content: space-between;
  flex-wrap: wrap; gap: 4px 18px;
  background: var(--gmix-ink);
  padding: 12px 20px;
}
body.theme-glomac.page-downloads .gm-ix-app-band h2 {
  margin: 0;
  font-family: var(--gmix-serif);
  font-size: .98rem; font-weight: 700;
  letter-spacing: .16em; text-transform: uppercase;
  color: var(--gmix-paper);
}
body.theme-glomac.page-downloads .gm-ix-app-count {
  font-size: .74rem; letter-spacing: .1em;
  color: var(--site-accent, #c8b100);   /* 8:1 على الحبر */
}

body.theme-glomac.page-downloads .gm-ix-app-head,
body.theme-glomac.page-downloads .gm-ix-app-row {
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr) auto;
  column-gap: 20px;
  align-items: center;
}
body.theme-glomac.page-downloads .gm-ix-app-head {
  padding: 9px 20px;
  background: #f6eede;
  border-bottom: 1px solid var(--gmix-ink);
  font-size: .7rem; font-weight: 700;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--gmix-brown);
}
body.theme-glomac.page-downloads .gm-ix-app-row {
  padding: 13px 20px;
  border-bottom: 1px solid var(--gmix-hair);
}
body.theme-glomac.page-downloads .gm-ix-app-row:last-of-type { border-bottom: 0; }

body.theme-glomac.page-downloads .gm-ix-app-ref {
  font-family: var(--gmix-serif);
  font-size: .78rem; letter-spacing: .14em;
  color: var(--gmix-brown);
}
body.theme-glomac.page-downloads .gm-ix-app-name {
  font-family: var(--gmix-serif);
  font-size: 1rem; font-weight: 600;
  color: var(--gmix-ink);
}
body.theme-glomac.page-downloads .gm-ix-app-act { display: flex; }

/* الزرار: مربّع، ورقة على بنّي — نفس أزرار الموقع، من غير ظل ولا انزلاق */
body.theme-glomac.page-downloads .gm-ix-dl.inst-dl-btn {
  margin-top: 0;
  padding: 9px 16px;
  background: var(--gmix-brown);
  color: var(--gmix-paper);
  border: 1px solid var(--gmix-ink);
  font-size: .76rem; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase;
}
body.theme-glomac.page-downloads .gm-ix-dl.inst-dl-btn:hover,
body.theme-glomac.page-downloads .gm-ix-dl.inst-dl-btn:focus-visible {
  background: var(--gmix-ink);
  color: var(--site-accent, #c8b100);
  transform: none;
}

body.theme-glomac.page-downloads .gm-ix-app-foot {
  margin: 0;
  padding: 12px 20px;
  border-top: 1px solid var(--gmix-ink);
  background: #f6eede;
  font-size: .84rem; line-height: 1.6;
  color: var(--gmix-body);
}

/* ── العربية: التباعد بيفكّ الكلمة الموصولة، والكابيتال ملوش معنى ── */
body.theme-glomac.page-downloads[dir="rtl"] .gm-ix-runhead-t,
body.theme-glomac.page-downloads[dir="rtl"] .gm-ix-app-band h2,
body.theme-glomac.page-downloads[dir="rtl"] .gm-ix-app-head,
body.theme-glomac.page-downloads[dir="rtl"] .gm-ix-app-count,
body.theme-glomac.page-downloads[dir="rtl"] .gm-ix-dl.inst-dl-btn {
  letter-spacing: normal;
  text-transform: none;
}
/* الملصقات الصغيرة مقاسة على حروف لاتينية كابيتال؛ الحرف العربي أصعب
   على نفس المقاس فبيكبر شوية */
body.theme-glomac.page-downloads[dir="rtl"] .gm-ix-runhead-t { font-size: .92rem; }
body.theme-glomac.page-downloads[dir="rtl"] .gm-ix-app-head { font-size: .8rem; }
body.theme-glomac.page-downloads[dir="rtl"] .gm-ix-dl.inst-dl-btn { font-size: .86rem; }
body.theme-glomac.page-downloads[dir="rtl"] .gm-ix-app-count { font-size: .82rem; }
/* الفوليو والمرجع أرقام رومانية لاتينية، فبيفضلوا بترتيبهم الأصلي */
body.theme-glomac.page-downloads[dir="rtl"] .gm-ix-runhead-f,
body.theme-glomac.page-downloads[dir="rtl"] .gm-ix-mark,
body.theme-glomac.page-downloads[dir="rtl"] .gm-ix-app-ref { direction: ltr; unicode-bidi: isolate; }

/* ── التابلت ── */
@media (max-width: 991px) {
  body.theme-glomac.page-downloads .gm-ix-sheet { padding: 34px 30px 30px; border-width: 4px; }
}

/* ── الموبايل: الهامش مالوش مكان على 390، فالرقم بيقعد فوق العنوان
      كسطر علامة صغير، وخط الهامش بيتشال. ── */
@media (max-width: 767px) {
  body.theme-glomac.page-downloads .gm-index { padding: 22px 0 36px; }
  body.theme-glomac.page-downloads .gm-ix-sheet { padding: 22px 16px 24px; border-width: 3px; }
  body.theme-glomac.page-downloads .gm-ix-sheet::after { inset: 6px; }

  body.theme-glomac.page-downloads .gm-ix-note { font-size: .96rem; margin: 18px 0 20px; padding-inline-start: 0; }

  body.theme-glomac.page-downloads .gm-ix-list::before { display: none; }
  body.theme-glomac.page-downloads .gm-ix-item {
    grid-template-columns: minmax(0, 1fr);
    padding: 14px 0;
    border-bottom: 1px solid var(--gmix-hair);
  }
  body.theme-glomac.page-downloads .gm-ix-item:last-child { border-bottom: 0; }
  body.theme-glomac.page-downloads .gm-ix-mark {
    display: block;
    text-align: start;
    padding: 0 0 6px;
  }

  /* المرفقات: المرجع والاسم في سطر، والزرار سطر بعرض اللمس */
  body.theme-glomac.page-downloads .gm-ix-app-head { display: none; }
  body.theme-glomac.page-downloads .gm-ix-app-row {
    grid-template-columns: auto minmax(0, 1fr);
    row-gap: 10px;
    padding: 14px 16px;
  }
  body.theme-glomac.page-downloads .gm-ix-app-act { grid-column: 1 / -1; }
  body.theme-glomac.page-downloads .gm-ix-dl.inst-dl-btn { width: 100%; justify-content: center; padding: 12px 14px; }
  body.theme-glomac.page-downloads .gm-ix-app-band { padding: 11px 16px; }
  body.theme-glomac.page-downloads .gm-ix-app-foot { padding: 12px 16px; }
}

/* ============================================================
   "عن المعهد" — ميثاق مطبوع (.gml-deed-*)  [2026-09-09]
   إضافة في آخر الملف، ومفيش قاعدة قديمة اتعدّلت: قواعد .gml-index
   و.gml-row القديمة لسه بتخدم صفحات تانية (public_courses / inhouse)
   فسيبتها زي ما هي وعملت مساحة أسماء جديدة للورقة دي.

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

body.theme-glomac .gml-deed-wrap { padding: 40px 0 56px; }

/* الورقة: إطار خارجي تقيل + خيط داخلي بالـ::before = الإطار المزدوج.
   الخيط pseudo مش border عشان ما يزوّدش عرض الصندوق (صفر تمرير أفقي). */
body.theme-glomac .gml-deed {
    position: relative;
    background: #fff;
    border: 3px solid var(--gml-ink, #1b1113);
    padding: 8px;
    max-width: 900px;
    margin-inline: auto;
}

body.theme-glomac .gml-deed::before {
    content: "";
    position: absolute;
    inset: 4px;
    border: 1px solid rgba(118, 86, 57, .45);
    pointer-events: none;
}

/* ---- الترويسة ---- */
body.theme-glomac .gml-deed-head {
    position: relative;
    padding: 28px 32px 22px;
    text-align: center;
    border-bottom: 1px solid var(--gml-rule, #d9cec2);
}

body.theme-glomac .gml-deed-mark {
    display: block;
    font-family: var(--gml-serif);
    font-size: .74rem;
    letter-spacing: .3em;
    text-transform: uppercase;
    color: var(--gml-bronze, #765639);
    margin-bottom: 10px;
}

body.theme-glomac .gml-deed-title {
    margin: 0;
    font-family: var(--gml-serif);
    font-size: 1.85rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--gml-ink, #1b1113);
}

/* خيط الترويسة: قصير ومتوسّط — علامة الورقة المطبوعة */
body.theme-glomac .gml-deed-rule {
    display: block;
    width: 72px;
    height: 3px;
    background: var(--site-accent, #c8b100);
    margin: 14px auto 16px;
}

body.theme-glomac .gml-deed-meta {
    margin: 0;
    font-size: .9rem;
    line-height: 2;
    color: var(--gml-body, #4c4038);
}

body.theme-glomac .gml-deed-meta a {
    color: var(--gml-bronze, #765639);
    text-decoration: none;
    border-bottom: 1px solid rgba(118, 86, 57, .4);
}

body.theme-glomac .gml-deed-meta a:hover {
    color: var(--gml-ink, #1b1113);
    border-bottom-color: var(--gml-ink, #1b1113);
}

body.theme-glomac .gml-deed-dot {
    color: var(--gml-rule, #d9cec2);
    margin-inline: 8px;
}

/* ---- بنود الميثاق ---- */
body.theme-glomac .gml-deed-body { padding: 8px 32px 4px; }

body.theme-glomac .gml-deed-art {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    padding: 26px 0;
    border-bottom: 1px solid var(--gml-rule, #d9cec2);
}

body.theme-glomac .gml-deed-art:last-child { border-bottom: 0; }

/* الرقم الروماني في الهامش: كبير، بلون البرونز، وخيط رأسي بيفصله عن النص */
body.theme-glomac .gml-deed-n {
    font-family: var(--gml-serif);
    font-size: 2.1rem;
    line-height: 1.1;
    color: var(--gml-bronze, #765639);
    letter-spacing: .04em;
    border-inline-end: 1px solid var(--gml-rule, #d9cec2);
    padding-inline-end: 18px;
    text-align: end;
}

body.theme-glomac .gml-deed-text { padding-inline-start: 24px; }

body.theme-glomac .gml-deed-text h3 {
    margin: 0 0 10px;
    font-family: var(--gml-serif);
    font-size: 1.16rem;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--gml-ink, #1b1113);
    line-height: 1.4;
}

body.theme-glomac .gml-deed-text p {
    margin: 0 0 10px;
    max-width: 66ch;          /* عرض قراية معقول */
    /* النص الجارٍ مشجّر زي العناوين: الورقة المطبوعة كلها بخط واحد */
    font-family: var(--gml-serif);
    font-size: 1.06rem;
    line-height: 1.85;
    color: var(--gml-body, #4c4038);
}

body.theme-glomac .gml-deed-text p:last-child { margin-bottom: 0; }

/* القيم داخل النص الجارٍ: تمييز بالحبر وخيط ذهبي تحته، من غير ما تبقى بنود */
body.theme-glomac .gml-deed-val {
    font-style: normal;
    font-weight: 700;
    color: var(--gml-ink, #1b1113);
    /* خيط ذهبي رفيع تحت الكلمة — تمييز داخل الجملة، مش رقاقة مستقلة */
    box-shadow: inset 0 -1px 0 var(--site-accent, #c8b100);
}

/* ---- الملحق: جدول برأس مصمت ---- */
body.theme-glomac .gml-deed-annex { padding: 8px 32px 32px; }

body.theme-glomac .gml-deed-annex-h {
    margin: 0 0 12px;
    font-family: var(--gml-serif);
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--gml-bronze, #765639);
}

body.theme-glomac .gml-deed-scroll { overflow-x: auto; }

body.theme-glomac .gml-deed-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid var(--gml-ink, #1b1113);
}

body.theme-glomac .gml-deed-table thead th {
    background: var(--site-primary, #765639);   /* الرأس المصمت */
    color: #fff;
    font-family: var(--gml-serif);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    text-align: start;
    padding: 11px 16px;
    border-inline-end: 1px solid rgba(255, 255, 255, .3);
}

body.theme-glomac .gml-deed-table thead th:last-child { border-inline-end: 0; }

body.theme-glomac .gml-deed-table tbody th,
body.theme-glomac .gml-deed-table tbody td {
    padding: 16px;
    border-top: 1px solid var(--gml-rule, #d9cec2);
    vertical-align: top;
    text-align: start;
}

body.theme-glomac .gml-deed-table tbody th {
    width: 30%;
    background: #faf7f3;
    font-family: var(--gml-serif);
    font-size: 1.02rem;
    font-weight: 700;
    color: var(--gml-ink, #1b1113);
    border-inline-end: 1px solid var(--gml-rule, #d9cec2);
}

body.theme-glomac .gml-deed-table tbody td p {
    margin: 0;
    max-width: 62ch;
    font-family: var(--gml-serif);
    font-size: 1rem;
    line-height: 1.75;
    color: var(--gml-body, #4c4038);
}

body.theme-glomac .gml-deed-links { margin-top: 10px !important; }

body.theme-glomac .gml-deed-links a {
    font-family: var(--gml-serif);
    font-size: .92rem;
    font-weight: 700;
    color: var(--gml-bronze, #765639);
    text-decoration: none;
    border-bottom: 1px solid var(--site-accent, #c8b100);
}

body.theme-glomac .gml-deed-links a:hover {
    color: var(--gml-ink, #1b1113);
    border-bottom-color: var(--gml-ink, #1b1113);
}

/* ---- الموبايل: الرقم الروماني فوق العنوان بدل الهامش ---- */
@media (max-width: 767px) {
    body.theme-glomac .gml-deed-wrap { padding: 26px 0 40px; }
    body.theme-glomac .gml-deed { padding: 6px; }
    body.theme-glomac .gml-deed-head { padding: 22px 18px 18px; }
    body.theme-glomac .gml-deed-title { font-size: 1.42rem; }
    body.theme-glomac .gml-deed-body { padding: 4px 18px; }
    body.theme-glomac .gml-deed-annex { padding: 4px 18px 24px; }

    body.theme-glomac .gml-deed-art {
        grid-template-columns: minmax(0, 1fr);
        padding: 20px 0;
    }
    body.theme-glomac .gml-deed-n {
        font-size: 1.5rem;
        text-align: start;
        border-inline-end: 0;
        padding-inline-end: 0;
        margin-bottom: 4px;
    }
    body.theme-glomac .gml-deed-text { padding-inline-start: 0; }

    /* سطر التواصل: كل وسيلة في سطر بدل ما البريد يتكسر نصّين حوالين النقطة */
    body.theme-glomac .gml-deed-meta a { display: block; }
    body.theme-glomac .gml-deed-dot { display: none; }

    /* الجدول بيتحوّل لصفوف مكدّسة عشان ما يحصلش تمرير أفقي على 390px */
    body.theme-glomac .gml-deed-table thead {
        position: absolute; width: 1px; height: 1px;
        overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
    }
    body.theme-glomac .gml-deed-table,
    body.theme-glomac .gml-deed-table tbody,
    body.theme-glomac .gml-deed-table tr,
    body.theme-glomac .gml-deed-table tbody th,
    body.theme-glomac .gml-deed-table tbody td { display: block; width: auto; }
    body.theme-glomac .gml-deed-table tbody th {
        border-inline-end: 0;
        border-top: 3px solid var(--gml-ink, #1b1113);
        padding: 12px 14px;
    }
    body.theme-glomac .gml-deed-table tbody td { border-top: 1px solid var(--gml-rule, #d9cec2); padding: 12px 14px; }
    body.theme-glomac .gml-deed-table tbody tr:first-child th { border-top: 0; }
}

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

   ليه المعمار ده: صفحة /faq كانت بنفس تجميع باقي المعاهد (٣ مجموعات
   ٤+٤+٣) وبنفس الأكورديون المقفول وبنفس شريط "لم تجد إجابتك؟". هنا:
   ورقة واحدة متصلة، مفيش مجموعات، مفيش صناديق، مفيش طي — سؤال بخط
   مشجّر تقيل وبعده نقطتان، والإجابة نص جارٍ في نفس الفقرة، والأرقام
   الرومانية معلّقة في هامش ضيّق (أداة تمييز جلوماك).

   وفرقها عن ورقة "عن المعهد" (.gml-deed) في نفس الموقع: هناك إطار حبر
   مزدوج حوالين الورقة؛ هنا الإطار المزدوج اتحوّل لمسطرة ترويسة (خط
   تقيل + خيط شعري) والعمود نفسه مفتوح على الورق من غير حدود.
   ============================================================ */

body.theme-glomac .gml-cat-wrap { padding: 42px 0 54px; }

/* ---- الترويسة: مسطرة بدل صندوق ---- */
body.theme-glomac .gml-cat-head {
    max-width: 720px;
    margin-inline: auto;
    text-align: start;
}

body.theme-glomac .gml-cat-imprint {
    display: block;
    font-family: var(--gml-serif);
    font-size: .72rem;
    letter-spacing: .3em;
    text-transform: uppercase;
    color: var(--gml-bronze, #765639);
    margin-bottom: 8px;
}

body.theme-glomac .gml-cat-title {
    margin: 0;
    font-family: var(--gml-serif);
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--gml-ink, #1b1113);
}

/* خط تقيل + خيط شعري تحته = الإطار المزدوج بتاع جلوماك مفرود مسطرة.
   عنصر واحد بحدّين بدل عنصرين عشان ما يزوّدش عمق DOM. */
body.theme-glomac .gml-cat-rules {
    display: block;
    box-sizing: border-box;
    height: 8px;               /* 3 حبر + 4 فراغ + 1 برونزي = خطين مفصولين فعلاً */
    margin-top: 14px;
    border-top: 3px solid var(--gml-ink, #1b1113);
    border-bottom: 1px solid var(--gml-bronze, #765639);
}

/* ---- جسم الورقة: عمود قراية واحد ---- */
body.theme-glomac .gml-cat-body {
    max-width: 720px;      /* ≈ ٧٠ حرف بعد خصم هامش الأرقام */
    margin: 26px auto 0;
    padding: 0;
}

/* البند: فقرة واحدة. الهامش padding مش إزاحة سالبة عشان صفر تمرير أفقي. */
body.theme-glomac .gml-cat-item {
    position: relative;
    padding-inline-start: 62px;
    margin-bottom: 20px;
    font-family: var(--gml-serif);
    font-size: 1rem;
    line-height: 1.85;
}

body.theme-glomac .gml-cat-item:last-child { margin-bottom: 0; }

/* أول بند أكبر شوية — فتحة الورقة المطبوعة، عشان البنود ما تبقاش
   كلها بنفس الوزن زي الليستة الرأسية الممنوعة. */
body.theme-glomac .gml-cat-item:first-child { font-size: 1.1rem; line-height: 1.8; }

/* الرقم الروماني معلّق في الهامش، محاذي لجهة النص. برونزي مش ذهبي:
   الذهبي على الورق الكريمي تباينه ٢:١ — يفشل حتى كعلامة. */
body.theme-glomac .gml-cat-n {
    position: absolute;
    inset-inline-start: 0;
    top: .15em;
    width: 46px;
    text-align: end;
    font-family: var(--gml-serif);
    font-size: .92rem;
    letter-spacing: .08em;
    color: var(--gml-bronze, #765639);
}

/* dt/dd جوّه السطر: الدلالة سؤال-جواب، والقراءة فقرة واحدة متصلة. */
body.theme-glomac .gml-cat-q {
    display: inline;
    font-weight: 700;
    color: var(--gml-ink, #1b1113);
}

/* النقطتان: مسافة غير قاطعة قبلها عشان ما تنزلش أول السطر لوحدها. */
body.theme-glomac .gml-cat-q::after {
    /* الخلوص padding مش مسافة نصّية: المسافة العادية عرضها كبير جنب علامة
       الاستفهام وممكن تكسر السطر، والـpadding مضبوط ومستحيل ينكسر. */
    content: ":";
    padding-inline-start: 3px;
    font-weight: 400;
    color: var(--gml-bronze, #765639);
}

body.theme-glomac .gml-cat-a {
    display: inline;
    margin: 0;
    color: var(--gml-body, #4c4038);
}

body.theme-glomac .gml-cat-a a {
    color: var(--gml-bronze, #765639);
    text-decoration: none;
    border-bottom: 1px solid rgba(118, 86, 57, .45);
    white-space: nowrap;
}

body.theme-glomac .gml-cat-a a:hover {
    color: var(--gml-ink, #1b1113);
    border-bottom-color: var(--gml-ink, #1b1113);
}

/* ---- إمضاء الطابع: قفلة مطبعية، مش زرار نداء ---- */
body.theme-glomac .gml-cat-colophon {
    max-width: 720px;
    margin: 32px auto 0;
    padding-top: 14px;
    border-top: 1px solid var(--gml-rule, #d9cec2);
    font-family: var(--gml-serif);
    font-size: .78rem;
    letter-spacing: .28em;
    text-transform: uppercase;
    color: var(--gml-bronze, #765639);
    text-align: center;
}

/* ---- العربية: التباعد بيفكّ الحرف الموصول، والأرقام تفضل LTR ---- */
body.theme-glomac[dir="rtl"] .gml-cat-imprint,
body.theme-glomac[dir="rtl"] .gml-cat-colophon { letter-spacing: normal; }

body.theme-glomac[dir="rtl"] .gml-cat-n { direction: ltr; unicode-bidi: isolate; letter-spacing: normal; }

/* ---- الموبايل: الرقم يفضل معلّق بهامش أضيق (مش فوق العنوان زي
       صفحة "عن المعهد") عشان الورقتين ما يتشابهوش ---- */
@media (max-width: 767px) {
    body.theme-glomac .gml-cat-wrap { padding: 28px 0 40px; }
    body.theme-glomac .gml-cat-title { font-size: 1.5rem; }
    body.theme-glomac .gml-cat-item {
        padding-inline-start: 38px;   /* VIII أعرض رقم — عايز خلوص عن السؤال */
        font-size: .97rem;
        line-height: 1.8;
        margin-bottom: 18px;
    }
    body.theme-glomac .gml-cat-item:first-child { font-size: 1.04rem; }
    body.theme-glomac .gml-cat-n { width: 28px; font-size: .82rem; top: .2em; }
    body.theme-glomac .gml-cat-a a { white-space: normal; overflow-wrap: anywhere; }
}

/* إمضاء الطابع: الاسم ثم بيانات التواصل مفصولة بخيط رأسي رفيع.
   flex بـ wrap عشان على 390px ينزلوا تحت بعض بدل ما يعملوا تمرير أفقي. */
body.theme-glomac .gml-cat-colophon {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    gap: 6px 16px;
}

body.theme-glomac .gml-cat-colophon a {
    color: var(--gml-bronze, #765639);
    text-decoration: none;
    border-bottom: 1px solid rgba(118, 86, 57, .4);
    overflow-wrap: anywhere;
}

body.theme-glomac .gml-cat-colophon a:hover {
    color: var(--gml-ink, #1b1113);
    border-bottom-color: var(--gml-ink, #1b1113);
}

body.theme-glomac .gml-cat-colophon-n { color: var(--gml-ink, #1b1113); font-weight: 700; }


/* ============================================================
   جلوماك — /services/in-house-courses كخطاب عرض مطبوع
   ------------------------------------------------------------
   مساحة أسماء جديدة .gml-ltr-* مضافة في آخر الملف. مفيش قاعدة
   قديمة اتعدّلت هنا.

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

body.theme-glomac .gml-ltr {
    max-width: 780px;
    margin: 0 auto;
    background: #fff;
    /* إطار مزدوج: حدّ حبر ثقيل + خيط ذهبي داخلي بـ outline سالب الإزاحة.
       الذهبي زخرفي بس (تباينه ضعيف) فمفيش نص عليه. */
    border: 2px solid var(--gml-ink, #1b1113);
    outline: 1px solid var(--gml-gold, #c8b100);
    outline-offset: -9px;
    padding: 40px 46px 44px;
}

/* ---- ترويسة الخطاب: مصفوفة على بداية السطر زي أي ورق رسمي،
       مش متوسّطة زي ورقة "الميثاق" في نفس الموقع ---- */
body.theme-glomac .gml-ltr-head { margin-bottom: 28px; }

body.theme-glomac .gml-ltr-mark {
    display: block;
    font-family: var(--gml-serif);
    font-size: .78rem;
    letter-spacing: .32em;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--gml-bronze, #765639);
}

/* خطان رفيعان بينهما فراغ = "الخط المزدوج" المطبعي بدل خط واحد */
body.theme-glomac .gml-ltr-hair {
    display: block;
    height: 3px;
    margin: 12px 0 14px;
    border-top: 1px solid var(--gml-ink, #1b1113);
    border-bottom: 1px solid var(--gml-ink, #1b1113);
}

body.theme-glomac .gml-ltr-ref {
    margin: 0;
    font-family: var(--gml-serif);
    font-size: .96rem;
    color: var(--gml-body, #4c4038);
}

body.theme-glomac .gml-ltr-ref-k {
    font-size: .72rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--gml-bronze, #765639);
    margin-inline-end: 8px;
}

/* ---- الجسم: عنوان واحد وفقرتان ---- */
body.theme-glomac .gml-ltr-title {
    font-family: var(--gml-serif);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--gml-ink, #1b1113);
    margin: 0 0 16px;
}

body.theme-glomac .gml-ltr-p {
    font-family: var(--gml-serif);
    font-size: 1.06rem;
    line-height: 1.85;
    color: var(--gml-body, #4c4038);
    margin: 0 0 18px;
    max-width: 66ch;          /* عرض قراية معقول */
}

body.theme-glomac .gml-ltr-p:last-child { margin-bottom: 0; }

/* عنوان جارٍ (run-in) في أول الفقرة بدل شريط عنوان مستقل —
   عشان الفقرة التانية ما تبقاش "قسم" جديد بنفس نمط الأقسام. */
body.theme-glomac .gml-ltr-run {
    font-family: var(--gml-serif);
    font-weight: 700;
    color: var(--gml-ink, #1b1113);
    font-variant: small-caps;
    letter-spacing: .04em;
    margin-inline-end: 4px;
}

/* الحرف الاستهلالي (versal): initial-letter مش float عشان يشتغل
   في الاتجاهين من غير left/right ثابتة، ولو المتصفح ما دعّمهاش
   الحرف يفضل عادي من غير ما يتكسر التخطيط. */
body.theme-glomac .gml-ltr-versal::first-letter {
    -webkit-initial-letter: 3;
    initial-letter: 3;
    font-family: var(--gml-serif);
    font-weight: 700;
    color: var(--gml-bronze, #765639);
    margin-inline-end: 10px;
}

/* العربي حرفه موصول، والاستهلالي بيقطع الكلمة — فبنشيله في RTL. */
body.theme-glomac[dir="rtl"] .gml-ltr-versal::first-letter {
    -webkit-initial-letter: normal;
    initial-letter: normal;
    font-weight: inherit;
    color: inherit;
    margin-inline-end: 0;
}

body.theme-glomac .gml-ltr-a {
    color: var(--gml-bronze, #765639);
    text-decoration: none;
    border-bottom: 1px solid rgba(118, 86, 57, .45);
}

body.theme-glomac .gml-ltr-a:hover {
    color: var(--gml-ink, #1b1113);
    border-bottom-color: var(--gml-ink, #1b1113);
}

/* ---- القفلة: استمارة مطبوعة بخطوط منقّطة، مش زرار نداء ---- */
body.theme-glomac .gml-ltr-annex {
    margin-top: 34px;
    padding-top: 22px;
    border-top: 3px double var(--gml-ink, #1b1113);
}

body.theme-glomac .gml-ltr-annex-h {
    font-family: var(--gml-serif);
    font-size: .82rem;
    letter-spacing: .24em;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--gml-ink, #1b1113);
    margin: 0 0 6px;
}

body.theme-glomac .gml-ltr-annex-note {
    margin: 0 0 18px;
    font-size: .92rem;
    line-height: 1.7;
    color: var(--gml-body, #4c4038);
    max-width: 66ch;
}

body.theme-glomac .gml-ltr-form { margin: 0; }

/* الخط المنقّط تحت كل خانة هو اللي بيدّي إحساس الاستمارة الورقية */
body.theme-glomac .gml-ltr-fld {
    display: grid;
    grid-template-columns: minmax(140px, 220px) minmax(0, 1fr);
    gap: 4px 20px;
    align-items: baseline;
    padding: 11px 0 9px;
    border-bottom: 1px dashed var(--gml-rule, #d9cec2);
}

body.theme-glomac .gml-ltr-fld:first-child { border-top: 1px dashed var(--gml-rule, #d9cec2); }

body.theme-glomac .gml-ltr-fld dt {
    font-family: var(--gml-serif);
    font-weight: 700;
    font-size: .95rem;
    color: var(--gml-ink, #1b1113);
}

body.theme-glomac .gml-ltr-fld dd {
    margin: 0;
    font-size: .95rem;
    line-height: 1.7;
    color: var(--gml-body, #4c4038);
}

/* التباعد بيفكّ الحرف العربي الموصول */
body.theme-glomac[dir="rtl"] .gml-ltr-mark,
body.theme-glomac[dir="rtl"] .gml-ltr-ref-k,
body.theme-glomac[dir="rtl"] .gml-ltr-run,
body.theme-glomac[dir="rtl"] .gml-ltr-annex-h { letter-spacing: normal; }

@media (max-width: 767px) {
    body.theme-glomac .gml-ltr { padding: 24px 18px 28px; outline-offset: -6px; }
    body.theme-glomac .gml-ltr-title { font-size: 1.28rem; }
    body.theme-glomac .gml-ltr-p { font-size: 1rem; line-height: 1.8; }
    body.theme-glomac .gml-ltr-mark { font-size: .72rem; letter-spacing: .22em; }
    /* الخانة فوق شرحها على الموبايل — عمودين جنب بعض بيضغطوا النص */
    body.theme-glomac .gml-ltr-fld { grid-template-columns: minmax(0, 1fr); gap: 3px; }
}


/* ============================================================
   جلوماك — /services/public-courses كصفحة شروط مطبوعة
   ------------------------------------------------------------
   مساحة أسماء جديدة .gml-cnd-* مضافة في آخر الملف. مفيش قاعدة
   قديمة اتعدّلت هنا.

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

body.theme-glomac .gml-cnd-head,
body.theme-glomac .gml-cnd-lede,
body.theme-glomac .gml-cnd-tally,
body.theme-glomac .gml-cnd-list,
body.theme-glomac .gml-cnd-annex { max-width: 760px; margin-inline: auto; }

/* الترويسة: العنوان وبصمة الاسم على سطر واحد، وخط شعري فوق خط
   تقيل — عكس ترتيب ورقة الأسئلة (تقيل فوق شعري) عشان الورقتين
   يتفرّقوا من أول نظرة. */
body.theme-glomac .gml-cnd-head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 4px 18px;
    margin-bottom: 22px;
    padding-bottom: 9px;
    border-bottom: 3px solid var(--gml-ink, #1b1113);
}

body.theme-glomac .gml-cnd-title {
    order: 1;
    margin: 0;
    font-family: var(--gml-serif);
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--gml-ink, #1b1113);
}

body.theme-glomac .gml-cnd-mark {
    order: 2;
    font-family: var(--gml-serif);
    font-size: .72rem;
    letter-spacing: .26em;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--gml-bronze, #765639);
}

body.theme-glomac .gml-cnd-rules {
    order: 3;
    flex: 0 0 100%;
    height: 0;
    margin-top: 11px;
    /* شعري واضح فوق الخط التقيل — لو خفيّ أوي بيبان خط واحد وتضيع
       الترويسة المزدوجة اللي بتفرّق الورقة دي عن ورقة الأسئلة. */
    border-top: 1px solid rgba(118, 86, 57, .5);
}

body.theme-glomac .gml-cnd-lede {
    font-family: var(--gml-serif);
    font-size: 1.06rem;
    line-height: 1.85;
    color: var(--gml-body, #4c4038);
    margin-block: 0 14px;
}

body.theme-glomac .gml-cnd-a {
    color: var(--gml-bronze, #765639);
    text-decoration: none;
    border-bottom: 1px solid rgba(118, 86, 57, .45);
}

body.theme-glomac .gml-cnd-a:hover {
    color: var(--gml-ink, #1b1113);
    border-bottom-color: var(--gml-ink, #1b1113);
}

/* سطر الأرقام الحقيقية: سطر جارٍ بخيط جانبي — مش ٣ خانات إحصاء،
   عشان ما يرجّعش شكل "شبكة تلات بنود" من الباب الخلفي. */
body.theme-glomac .gml-cnd-tally {
    font-family: var(--gml-serif);
    font-style: italic;
    font-size: .95rem;
    line-height: 1.75;
    color: var(--gml-bronze, #765639);
    border-inline-start: 3px solid var(--gml-gold, #c8b100);
    padding-inline-start: 12px;
    margin-block: 0 26px;
}

body.theme-glomac .gml-cnd-tally b { font-style: normal; color: var(--gml-ink, #1b1113); }

/* ---- البنود: رقم روماني معلّق في هامش ضيّق، والنص جارٍ بلا
       عنوان ولا وصف صغير تحته ---- */
body.theme-glomac .gml-cnd-list {
    list-style: none;
    padding: 0;
    margin-block: 0;
    counter-reset: gmlcnd;
}

body.theme-glomac .gml-cnd-list > li {
    counter-increment: gmlcnd;
    position: relative;
    padding-inline-start: 62px;
    padding-block: 13px;
    border-top: 1px solid var(--gml-rule, #d9cec2);
    font-family: var(--gml-serif);
    font-size: 1.04rem;
    line-height: 1.85;
    color: var(--gml-body, #4c4038);
}

body.theme-glomac .gml-cnd-list > li:last-child { border-bottom: 1px solid var(--gml-rule, #d9cec2); }

body.theme-glomac .gml-cnd-list > li::before {
    content: counter(gmlcnd, upper-roman);
    position: absolute;
    inset-inline-start: 0;
    top: 13px;
    width: 48px;
    font-size: .88rem;
    letter-spacing: .1em;
    font-weight: 700;
    color: var(--gml-bronze, #765639);
    /* الأرقام الرومانية حروف لاتينية: unicode-bidi:isolate بيعزلها عن سياق
       الفقرة عشان ما تتلخبطش. ومتحطّش direction:ltr هنا — لو حطّيتها بيتحسب
       inset-inline-start على اتجاه العنصر نفسه فالرقم بيقع على شمال البند في
       العربي بدل ما يتصدّره على اليمين. */
    unicode-bidi: isolate;
    text-align: start;
}

/* ---- الملحق: جدول واحد صفّين برأس مصمت ---- */
body.theme-glomac .gml-cnd-annex { margin-top: 34px; }

body.theme-glomac .gml-cnd-annex-h {
    font-family: var(--gml-serif);
    font-size: .82rem;
    letter-spacing: .24em;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--gml-bronze, #765639);
    margin: 0 0 12px;
}

/* الجدول بيمرّر جوّه نفسه لو ضاق — الصفحة نفسها ما بتمرّرش أفقيًا */
body.theme-glomac .gml-cnd-scroll { overflow-x: auto; }

body.theme-glomac .gml-cnd-table {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
    border: 2px solid var(--gml-ink, #1b1113);
}

body.theme-glomac .gml-cnd-table thead th {
    background: var(--gml-ink, #1b1113);
    color: #f3e9df;
    font-family: var(--gml-serif);
    font-size: .74rem;
    letter-spacing: .2em;
    text-transform: uppercase;
    font-weight: 700;
    text-align: start;
    padding: 11px 16px;
}

body.theme-glomac .gml-cnd-table tbody th {
    width: 34%;
    padding: 16px;
    vertical-align: top;
    text-align: start;
    font-family: var(--gml-serif);
    font-weight: 700;
    color: var(--gml-ink, #1b1113);
    border-top: 1px solid var(--gml-rule, #d9cec2);
    border-inline-end: 1px solid var(--gml-rule, #d9cec2);
}

body.theme-glomac .gml-cnd-table tbody td {
    padding: 16px;
    vertical-align: top;
    line-height: 1.75;
    color: var(--gml-body, #4c4038);
    border-top: 1px solid var(--gml-rule, #d9cec2);
}

body.theme-glomac[dir="rtl"] .gml-cnd-mark,
body.theme-glomac[dir="rtl"] .gml-cnd-annex-h,
body.theme-glomac[dir="rtl"] .gml-cnd-table thead th { letter-spacing: normal; }

@media (max-width: 767px) {
    body.theme-glomac .gml-cnd-title { font-size: 1.32rem; }
    body.theme-glomac .gml-cnd-mark { font-size: .68rem; letter-spacing: .18em; }
    body.theme-glomac .gml-cnd-lede { font-size: 1rem; line-height: 1.8; }
    body.theme-glomac .gml-cnd-list > li { font-size: 1rem; line-height: 1.8; padding-inline-start: 40px; }
    body.theme-glomac .gml-cnd-list > li::before { width: 32px; font-size: .8rem; }
    body.theme-glomac .gml-cnd-table tbody th { width: 38%; padding: 12px; }
    body.theme-glomac .gml-cnd-table tbody td { padding: 12px; }
}

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

body.theme-glomac .gml-scope-wrap { padding: 40px 0 56px; }

/* الورقة: إطار حبر مزدوج — نفس لغة جلوماك، بس من غير ترويسة موسّطة
   عشان ما تبقاش نسخة من ورقة "عن المعهد" */
body.theme-glomac .gml-scope {
    background: #fff;
    border: 2px solid var(--gml-ink, #1b1113);
    box-shadow: 0 0 0 5px #fff, 0 0 0 7px var(--gml-rule, #d9cec2);
    padding: 34px 34px 26px;
}

/* عمودين: هامش ضيّق للعنوان + عمود النص. الهامش هو اللي بيمنع
   "شريط عنوان فوق قائمة" الممنوع. */
body.theme-glomac .gml-scope-body {
    display: grid;
    grid-template-columns: 168px minmax(0, 1fr);
    gap: 0 28px;
    align-items: start;
    padding-bottom: 26px;
    border-bottom: 1px solid var(--gml-rule, #d9cec2);
}

body.theme-glomac .gml-scope-label {
    margin: 0;
    padding-top: 6px;
    font-family: var(--gml-serif, Georgia, serif);
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .24em;
    text-transform: uppercase;
    line-height: 1.6;
    color: var(--gml-bronze, #765639);   /* 6.3:1 على أبيض */
}

/* خيط ذهبي قصير فوق كلمة الهامش — علامة الورقة المطبوعة */
body.theme-glomac .gml-scope-label-rule {
    display: block;
    width: 44px;
    height: 3px;
    margin-bottom: 12px;
    background: var(--site-accent, #c8b100);
}

/* الفقرة الجارية: مشجّرة وواسعة السطر، وعرض قراءة محدود */
body.theme-glomac .gml-scope-lead {
    margin: 0;
    max-width: 68ch;
    font-family: var(--gml-serif, Georgia, serif);
    font-size: 1.12rem;
    line-height: 1.95;
    color: var(--gml-body, #4c4038);
}

/* اسم القطاع جوّه الجملة: حبر غامق وخيط ذهبي تحته — نفس آلية .gml-deed-val،
   يعني تمييز مطبعي مش رقاقة ولا بند مستقل */
body.theme-glomac .gml-scope-s {
    font-style: normal;
    font-weight: 700;
    color: var(--gml-ink, #1b1113);
    /* الذهبي مخفّف عن .gml-deed-val: عشر كلمات مميّزة في فقرة واحدة، فالخيط
       الصريح كان بيخلّيها تتقري كروابط. الخفيف بيفضل تمييز مطبعي بس. */
    box-shadow: inset 0 -1px 0 rgba(200, 177, 0, .55);
}

/* ---- الملحق ---- */
body.theme-glomac .gml-scope-annex { padding-top: 24px; }

body.theme-glomac .gml-scope-annex-h {
    margin: 0 0 12px;
    font-family: var(--gml-serif, Georgia, serif);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gml-bronze, #765639);
}

body.theme-glomac .gml-scope-scroll { overflow-x: auto; }

body.theme-glomac .gml-scope-table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid var(--gml-ink, #1b1113);
}

/* الرأس المصمت: أبيض على البرونز = 6.6:1 */
body.theme-glomac .gml-scope-table thead th {
    background: var(--site-primary, #765639);
    color: #fff;
    font-family: var(--gml-serif, Georgia, serif);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    text-align: start;
    padding: 11px 16px;
    border-inline-end: 1px solid rgba(255, 255, 255, .3);
}

body.theme-glomac .gml-scope-table thead th:last-child { border-inline-end: 0; }

body.theme-glomac .gml-scope-table tbody th,
body.theme-glomac .gml-scope-table tbody td {
    padding: 15px 16px;
    border-top: 1px solid var(--gml-rule, #d9cec2);
    vertical-align: top;
    text-align: start;
    font-family: var(--gml-serif, Georgia, serif);
    line-height: 1.75;
}

body.theme-glomac .gml-scope-table tbody th {
    width: 34%;
    background: var(--gml-paper, #faf7f3);
    font-size: 1rem;
    font-weight: 700;
    color: var(--gml-ink, #1b1113);
    border-inline-end: 1px solid var(--gml-rule, #d9cec2);
}

body.theme-glomac .gml-scope-table tbody td {
    font-size: .98rem;
    color: var(--gml-body, #4c4038);
}

/* اسم الصيغة أول الخانة: بيقود السطر من غير ما يبقى عنوان مستقل */
body.theme-glomac .gml-scope-fmt {
    font-weight: 700;
    color: var(--gml-ink, #1b1113);
}

body.theme-glomac .gml-scope-fmt::after {
    content: " — ";
    font-weight: 400;
    color: var(--gml-rule, #d9cec2);
}

body.theme-glomac .gml-scope-link {
    white-space: nowrap;
    font-weight: 700;
    color: var(--gml-bronze, #765639);
    text-decoration: none;
    border-bottom: 1px solid var(--site-accent, #c8b100);
}

body.theme-glomac .gml-scope-link:hover {
    color: var(--gml-ink, #1b1113);
    border-bottom-color: var(--gml-ink, #1b1113);
}

/* ---- الحاشية: سطر مطبوع بدل زرار خاتمة ---- */
body.theme-glomac .gml-scope-foot {
    margin: 22px 0 0;
    padding-top: 14px;
    border-top: 1px solid var(--gml-rule, #d9cec2);
    font-family: var(--gml-serif, Georgia, serif);
    font-size: .95rem;
    line-height: 1.8;
    color: var(--gml-body, #4c4038);
}

body.theme-glomac .gml-scope-foot a {
    font-weight: 700;
    color: var(--gml-bronze, #765639);
    text-decoration: none;
    border-bottom: 1px solid var(--site-accent, #c8b100);
}

body.theme-glomac .gml-scope-foot a:hover {
    color: var(--gml-ink, #1b1113);
    border-bottom-color: var(--gml-ink, #1b1113);
}

/* العربي: تباعد الحروف والحروف الكبيرة مالهمش معنى في العربية */
body.theme-glomac[dir="rtl"] .gml-scope-label,
body.theme-glomac[dir="rtl"] .gml-scope-annex-h,
body.theme-glomac[dir="rtl"] .gml-scope-table thead th { letter-spacing: normal; text-transform: none; }

/* ---- الموبايل: الهامش بيقع فوق النص، والجدول بيتكدّس (صفر تمرير أفقي) ---- */
@media (max-width: 767px) {
    body.theme-glomac .gml-scope-wrap { padding: 26px 0 40px; }
    body.theme-glomac .gml-scope { padding: 20px 16px 18px; box-shadow: 0 0 0 4px #fff, 0 0 0 5px var(--gml-rule, #d9cec2); }

    body.theme-glomac .gml-scope-body {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
        padding-bottom: 20px;
    }
    body.theme-glomac .gml-scope-label { padding-top: 0; font-size: .72rem; }
    body.theme-glomac .gml-scope-lead { font-size: 1.02rem; line-height: 1.85; }

    /* الرأس بيتخفي والخانة بتبقى صف مستقل — نفس معالجة جداول الموقع التانية */
    body.theme-glomac .gml-scope-table thead {
        position: absolute; width: 1px; height: 1px;
        overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
    }
    body.theme-glomac .gml-scope-table,
    body.theme-glomac .gml-scope-table tbody,
    body.theme-glomac .gml-scope-table tr,
    body.theme-glomac .gml-scope-table tbody th,
    body.theme-glomac .gml-scope-table tbody td { display: block; width: auto; }

    body.theme-glomac .gml-scope-table tbody th {
        border-inline-end: 0;
        border-top: 3px solid var(--gml-ink, #1b1113);
        padding: 12px 13px;
    }
    body.theme-glomac .gml-scope-table tbody tr:first-child th { border-top: 0; }
    body.theme-glomac .gml-scope-table tbody td { padding: 12px 13px; }

    /* الرابط ممكن يبقى طويل على 390px — نسيبه يلف بدل ما يعمل تمرير */
    body.theme-glomac .gml-scope-link { white-space: normal; }
}

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

   الأشكال التلاتة (مختلفة عن بعضها، وكلها من لغة جلوماك المطبعية):
     · /register  → استمارة: ورقة بإطار حبر سميك + خيط ذهبي داخلي، خانة مرجع
                    مصمتة الرأس فوق، وبنود بأرقام رومانية في هامش ضيّق.
     · /inhouse   → خطاب: ورقة بشريط بنّي عريض من فوق بس، ترويسة في المنتصف،
                    كتلة "من"، فقرتان نثريتان، وجدول متطلبات. بلا أرقام رومانية.
     · /finder    → كرّاسة: بطاقة ترويسة مؤطّرة على "مكتب"، الباحث سطر جوّاها
                    تحت خط مزدوج، والمتن فهرس بأعمدة على ورق بلا إطار.

   كل القواعد تحت body.theme-glomac وتحت مساحة أسماء .gmr-/.gmp-/.gmc- —
   المعهد والعشرة التانيين مالهمش أي علاقة بيها.
   ════════════════════════════════════════════════════════════════ */

body.theme-glomac {
    /* نفس ورق وحبر صفحة "اتصل بنا" — الموقع الواحد لازم يفضل موقع واحد */
    --gmx-paper: #fdfaf2;   /* الورقة */
    --gmx-desk:  #e6d9c2;   /* المكتب تحت الورقة */
    --gmx-brown: #765639;   /* 6.3:1 على الورقة */
    --gmx-gold:  #c8b100;   /* زينة فقط — 2:1 على الورقة، فمابيبقاش نص عليها */
    --gmx-ink:   #241610;   /* 15.9:1 */
    --gmx-txt:   #3d332e;   /* 11.7:1 */
    --gmx-hint:  #63544a;   /* 6.8:1 — الملصقات الصغيرة والـplaceholder */
    --gmx-hair:  #d9cdbb;
    --gmx-serif: Georgia, "Times New Roman", "Amiri", "Traditional Arabic", serif;
}

/* ════════════ 1) /register — استمارة مطبوعة ════════════ */

body.theme-glomac #gmr-page {
    background: var(--gmx-desk);
    padding: 34px 0 54px;
}

/* الورقة: حدّ حبر سميك + خيط ذهبي داخلي = الإطار المزدوج بتاع الموقع.
   العرض محدود عشان الورقة تفضل ورقة مش شاشة عريضة. */
body.theme-glomac .gmr-sheet {
    position: relative;
    max-width: 1060px;
    margin-inline: auto;
    background: var(--gmx-paper);
    border: 5px solid var(--gmx-brown);
    padding: 38px 46px 36px;
    box-shadow: 0 2px 0 rgba(36,22,16,.10), 0 18px 40px rgba(36,22,16,.10);
}

body.theme-glomac .gmr-sheet::after {
    content: "";
    position: absolute;
    inset: 9px;
    border: 1px solid var(--gmx-gold);
    pointer-events: none;   /* الخيط زينة — مايقفش قدام أي حقل */
}

/* ── ترويسة الورقة ── */
body.theme-glomac .gmr-mast {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px 24px;
    padding-bottom: 12px;
    border-bottom: 3px double var(--gmx-hair);
}

body.theme-glomac .gmr-mast-name {
    font-family: var(--gmx-serif);
    font-size: .95rem;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gmx-brown);
}

body.theme-glomac .gmr-mast-meta {
    display: flex;
    gap: 20px;
    font-family: var(--gmx-serif);
    font-size: .72rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: var(--gmx-hint);
}

body.theme-glomac .gmr-title {
    font-family: var(--gmx-serif);
    font-size: 2rem;
    line-height: 1.25;
    color: var(--gmx-ink);
    margin: 22px 0 8px;
}

body.theme-glomac .gmr-title-sub {
    font-family: var(--gmx-serif);
    font-size: 1rem;
    line-height: 1.8;
    color: var(--gmx-txt);
    max-width: 66ch;   /* سطر قراءة، مش عرض الورقة كله */
    margin: 0 0 26px;
}

/* رسالة التحقق: بتبان بس لما السيرفر يكتب فيها حاجة */
body.theme-glomac .gmr-msg:not(:empty) {
    border: 1px solid var(--gmx-brown);
    background: #f6f0e2;
    color: var(--gmx-txt);
    padding: 12px 14px;
    margin-bottom: 20px;
    font-size: .94rem;
}

/* ── خانة المرجع: الدورة المطلوبة ── */
body.theme-glomac .gmr-ref {
    border: 2px solid var(--gmx-ink);
    margin-bottom: 6px;
}

body.theme-glomac .gmr-ref-h {
    margin: 0;
    background: var(--gmx-ink);
    color: var(--gmx-gold);   /* 8.3:1 */
    font-family: var(--gmx-serif);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    padding: 10px 16px;
}

body.theme-glomac .gmr-ref-grid {
    display: grid;
    grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
}

body.theme-glomac .gmr-ref-fields {
    padding: 18px 16px;
    border-inline-end: 1px solid var(--gmx-hair);
}

body.theme-glomac .gmr-ref-dates {
    padding: 18px 16px;
    min-width: 0;   /* من غيرها الجدول بيمطّط الشبكة ويعمل تمرير أفقي */
}

body.theme-glomac .gmr-cell { margin: 0 0 16px; }
body.theme-glomac .gmr-cell:last-child { margin-bottom: 0; }

body.theme-glomac .gmr-lab {
    display: block;
    font-family: var(--gmx-serif);
    font-size: .7rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gmx-hint);
    margin-bottom: 5px;
}

/* ── الحقول: خط تحتي بس، بلا صناديق. الحدّ في _brand.css فيه !important
      فلازم نقابله بنفس القوة. العرض الثابت للخط (2px) عشان مفيش قفزة تخطيط
      عند التركيز — اللون بس هو اللي بيتغيّر. ── */
body.theme-glomac #gmr-page .form-control {
    border: 0 !important;
    border-bottom: 2px solid var(--gmx-hair) !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    height: 42px;
    padding: 0 2px 6px;
    width: 100%;
    font-family: var(--gmx-serif);
    font-size: 1rem;
    color: var(--gmx-ink);
}

body.theme-glomac #gmr-page .form-control:focus {
    border-bottom-color: var(--gmx-brown) !important;
    background-color: rgba(200,177,0,.10) !important;
    outline: none;
}

/* الـplaceholder هنا هو الملصق الوحيد للحقول اللي جوّه تبويب الأجاكس
   (register/support_files/company_tab المشترك مافيهوش <label>)، فلازم
   يفضل مقروء 6.8:1 وبشكل عنوان خانة مطبوع. */
body.theme-glomac #gmr-page .form-control::placeholder {
    color: var(--gmx-hint);
    opacity: 1;
    font-size: .72rem;
    letter-spacing: .12em;
    text-transform: uppercase;
}

/* القوائم: سهم الاختيار مرسوم بخطين بدل سهم النظام، عشان الصندوق يختفي
   خالص. background-position مالهاش صيغة منطقية، فالعربي له قاعدته تحت. */
body.theme-glomac #gmr-page select.form-control,
body.theme-glomac #gmp-page select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-inline-end: 22px;
    background-image:
        linear-gradient(45deg, transparent 50%, var(--gmx-brown) 50%),
        linear-gradient(135deg, var(--gmx-brown) 50%, transparent 50%);
    background-size: 6px 6px, 6px 6px;
    background-position: right 8px center, right 2px center;
    background-repeat: no-repeat;
}

body.theme-glomac[dir="rtl"] #gmr-page select.form-control,
body.theme-glomac[dir="rtl"] #gmp-page select.form-control {
    background-position: left 2px center, left 8px center;
}

/* ── جدول المواعيد: سجل مطبوع برأس مصمت ── */
body.theme-glomac .gmr-sched {
    overflow-x: auto;   /* الجدول أعرض من العمود على الشاشات الضيقة */
}

body.theme-glomac .gmr-sched table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
    font-family: var(--gmx-serif);
    font-size: .9rem;
    color: var(--gmx-txt);
}

body.theme-glomac .gmr-sched th {
    background: var(--gmx-brown);
    color: #fff;   /* 6.6:1 */
    font-weight: 700;
    font-size: .7rem;
    letter-spacing: .1em;
    text-transform: uppercase;
}

body.theme-glomac .gmr-sched th,
body.theme-glomac .gmr-sched td {
    border: 1px solid var(--gmx-hair);
    padding: 8px 10px;
    text-align: start;
    vertical-align: middle;
}

/* .table-striped من بوتستراب بتحط رمادي مزرق — الورق بيتخطّط بذهبي شفاف */
body.theme-glomac .gmr-sched tbody tr:nth-of-type(odd) td,
body.theme-glomac .gmr-sched tbody tr:nth-of-type(even) td {
    background: transparent;
}
body.theme-glomac .gmr-sched tbody tr:nth-of-type(even) td {
    background: rgba(200,177,0,.07);
}

body.theme-glomac .gmr-sched input[type="radio"] { margin: 0; }

/* ── البنود المرقّمة ── */
body.theme-glomac .gmr-arts {
    margin-top: 30px;
    border-top: 3px double var(--gmx-hair);
}

body.theme-glomac .gmr-art {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 0 18px;
    padding: 26px 0;
    border-bottom: 1px solid var(--gmx-hair);
}

body.theme-glomac .gmr-art:last-child {
    border-bottom: 0;
    padding-bottom: 4px;
}

/* الرقم في هامش ضيّق على أول السطر — علامة الفهرس المطبوع عند جلوماك */
body.theme-glomac .gmr-art-n {
    font-family: var(--gmx-serif);
    font-size: 1.5rem;
    line-height: 1.15;
    letter-spacing: .06em;
    color: var(--gmx-brown);
    text-align: end;
}

body.theme-glomac .gmr-art-h {
    font-family: var(--gmx-serif);
    font-size: 1.15rem;
    color: var(--gmx-ink);
    margin: 0 0 16px;
}

body.theme-glomac .gmr-art-b { min-width: 0; }

body.theme-glomac .gmr-note {
    font-family: var(--gmx-serif);
    font-size: .84rem;
    line-height: 1.75;
    color: var(--gmx-hint);
    max-width: 70ch;
    margin: 14px 0 0;
}
body.theme-glomac .gmr-note a { color: var(--gmx-brown); }

/* ── خانتا التأشير = التبويبان الأصليان (نفس الـids عشان register.js) ── */
body.theme-glomac .gmr-ticks {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 34px;
    border: 0 !important;
}

body.theme-glomac .gmr-ticks .nav-link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    font-family: var(--gmx-serif);
    font-size: 1rem;
    color: var(--gmx-txt) !important;
}

body.theme-glomac .gmr-ticks .nav-link.active {
    color: var(--gmx-ink) !important;
    font-weight: 700;
}

body.theme-glomac .gmr-tick {
    flex: 0 0 auto;
    position: relative;
    width: 15px;
    height: 15px;
    border: 2px solid var(--gmx-brown);
}

body.theme-glomac .gmr-ticks .nav-link.active .gmr-tick::after {
    content: "";
    position: absolute;
    inset: 2px;
    background: var(--gmx-ink);
}

body.theme-glomac .gmr-ticks .nav-link:focus-visible {
    outline: 2px solid var(--gmx-brown);
    outline-offset: 3px;
}

/* ── محتوى التبويب: الماركب مشترك (col-md-*) ومينفعش يتغيّر، فبنصفّر
      مزاريب بوتستراب بس ونسيب الشبكة تشتغل زي ما هي ── */
/* .tab-content في ستايل الموقع الأساسي خلفيتها بيضا — على الورق الكريمي
   بتبان كلوح أبيض غريب وسط الاستمارة. */
body.theme-glomac .gmr-panes,
body.theme-glomac .gmr-panes .search-inner-box { background: transparent !important; }

/* .tab-content عليها حشو من ستايل الموقع الأساسي كان بيزحلق محتوى البند
   جوّه بـ30px، فحقول البند التاني ما تبقاش على نفس عمود بقية البنود. */
body.theme-glomac .gmr-panes,
body.theme-glomac .gmr-panes > .tab-pane { padding: 0 !important; }

body.theme-glomac .gmr-panes .row { margin-inline: 0 !important; }
body.theme-glomac .gmr-panes [class*="col-"] { padding-inline: 0 !important; }
body.theme-glomac .gmr-panes .form-group {
    margin-bottom: 18px;
    /* (2026-09-12) لازم !important: الخانة الواحدة كلاسها «col-md-4 form-group»
       فبتطابق قاعدة [class*="col-"] فوق كمان، ودي فيها !important — فكانت
       بتكسب وتصفّر الحشوة دي مهما كان الترتيب، والحقول تطلع لازقة في بعض
       (الفراغ الأفقي كان 0px). */
    padding-inline-end: 26px !important;   /* المزراب بقى حشو داخلي عشان الحقول تفضل متصفّة */
}

body.theme-glomac .gmr-panes h5 {
    font-family: var(--gmx-serif);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gmx-brown);
    margin: 0 0 14px;
}

body.theme-glomac .gmr-panes p { font-family: var(--gmx-serif); font-size: .84rem; color: var(--gmx-hint); }

/* زرّ البحث عن عميل قديم: inline style بيحدّد مكانه بس، فالشكل من هنا.
   بيبقى علامة نصّية مش زرار ممتلئ — زرار الصفحة الرئيسي هو الإرسال. */
body.theme-glomac .gmr-panes .input-group .btn {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--gmx-brown) !important;
    padding: 0 6px !important;
}

/* لوح المشاركين: عليه inline style برمادي واستدارة من الماركب المشترك،
   فلازم !important يرجّعه ورق مؤطّر. */
body.theme-glomac .gmr-panes .padding-2 > div[style] {
    background: transparent !important;
    border: 1px solid var(--gmx-hair) !important;
    border-radius: 0 !important;
    padding: 18px 18px 4px !important;
    margin-top: 8px;
}

body.theme-glomac .gmr-panes .addmore-participents,
body.theme-glomac .gmr-panes .remove-participents {
    background: transparent !important;
    border: 1px solid var(--gmx-brown) !important;
    border-radius: 0 !important;
    color: var(--gmx-brown) !important;
    font-family: var(--gmx-serif);
    font-size: .74rem;
    letter-spacing: .12em;
    text-transform: uppercase;
    padding: 9px 18px !important;
    box-shadow: none !important;
}

body.theme-glomac .gmr-panes .addmore-participents:hover,
body.theme-glomac .gmr-panes .remove-participents:hover,
body.theme-glomac .gmr-panes .addmore-participents:focus,
body.theme-glomac .gmr-panes .remove-participents:focus {
    background: var(--gmx-ink) !important;
    border-color: var(--gmx-ink) !important;
    color: var(--gmx-gold) !important;
}

/* ── الإقرار: سطران بخانة تأشير، هما توقيع المستخدم فعلياً ── */
body.theme-glomac .gmr-dec {
    display: grid;
    grid-template-columns: 20px minmax(0, 1fr);
    gap: 0 12px;
    align-items: start;
    font-family: var(--gmx-serif);
    font-size: .92rem;
    line-height: 1.7;
    color: var(--gmx-txt);
    font-weight: 400;
    max-width: 78ch;
    margin: 0 0 12px;
}

body.theme-glomac .gmr-dec input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin: 5px 0 0;
    accent-color: var(--gmx-ink);
}

body.theme-glomac .gmr-dec a {
    color: var(--gmx-brown);
    text-decoration: none;
    border-bottom: 1px solid var(--gmx-gold);
}
body.theme-glomac .gmr-dec a:hover { color: var(--gmx-ink) !important; }

/* ── خانة التوقيع: سطر مطبوع في آخر الاستمارة ── */
body.theme-glomac .gmr-sign {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 8px 14px;
    margin: 26px 0 22px;
    font-family: var(--gmx-serif);
}

body.theme-glomac .gmr-sign-k {
    font-size: .7rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gmx-hint);
}

body.theme-glomac .gmr-sign-rule {
    flex: 1 1 200px;
    min-width: 140px;
    border-bottom: 1px solid var(--gmx-ink);
    transform: translateY(-2px);
}

body.theme-glomac .gmr-sign-date { color: var(--gmx-txt); font-size: .92rem; }

/* ── الختم: زرّان في آخر الورقة ── */
body.theme-glomac .gmr-send {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

body.theme-glomac .gmr-stamp {
    background: var(--gmx-ink);
    border: 0;
    color: var(--gmx-gold);   /* 8.3:1 */
    font-family: var(--gmx-serif);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    padding: 14px 34px;
}

body.theme-glomac .gmr-stamp-alt {
    background: transparent;
    color: var(--gmx-brown);
    box-shadow: inset 0 0 0 2px var(--gmx-brown);
}

body.theme-glomac .gmr-stamp:hover,
body.theme-glomac .gmr-stamp:focus {
    background: var(--gmx-brown);
    color: #fff;
    box-shadow: none;
}

/* ════════════ 2) /in-house-training-proposal — خطاب مطبوع ════════════ */

body.theme-glomac #gmp-page {
    background: var(--gmx-desk);
    padding: 34px 0 54px;
}

/* إطار مختلف عن الاستمارة عن قصد: شريط بنّي عريض من فوق بس وخيط شعري حوالين
   الباقي — ده شكل ورق الخطابات، مش شكل الاستمارة المؤطّرة. */
body.theme-glomac .gmp-leaf {
    max-width: 940px;
    margin-inline: auto;
    background: var(--gmx-paper);
    border: 1px solid var(--gmx-hair);
    border-top: 10px solid var(--gmx-brown);
    padding: 40px 52px 38px;
    box-shadow: 0 18px 40px rgba(36,22,16,.10);
}

body.theme-glomac .gmp-head {
    text-align: center;
    margin-bottom: 30px;
}

body.theme-glomac .gmp-head-to,
body.theme-glomac .gmp-head-k {
    display: block;
    font-family: var(--gmx-serif);
    font-size: .68rem;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gmx-hint);
}

body.theme-glomac .gmp-head-name {
    display: block;
    font-family: var(--gmx-serif);
    font-size: 1.5rem;
    color: var(--gmx-ink);
    margin-top: 6px;
}

body.theme-glomac .gmp-head-rule {
    display: block;
    width: 130px;
    height: 0;
    margin: 16px auto;
    border-top: 3px double var(--gmx-brown);
}

body.theme-glomac .gmp-head-subject {
    font-family: var(--gmx-serif);
    font-size: 1.4rem;
    line-height: 1.4;
    color: var(--gmx-ink);
    margin: 0;
}

body.theme-glomac .gmp-head-date {
    display: block;
    margin-top: 10px;
    font-family: var(--gmx-serif);
    font-size: .82rem;
    color: var(--gmx-hint);
}

body.theme-glomac .gmp-msg:not(:empty) {
    border: 1px solid var(--gmx-brown);
    background: #f6f0e2;
    color: var(--gmx-txt);
    padding: 12px 14px;
    margin-bottom: 20px;
    font-size: .94rem;
}

/* ── كتلة "من": عنوان المرسِل في أعلى الخطاب ── */
body.theme-glomac .gmp-from {
    border-top: 1px solid var(--gmx-hair);
    border-bottom: 1px solid var(--gmx-hair);
    padding: 22px 0 24px;
    margin-bottom: 26px;
}

body.theme-glomac .gmp-from-h,
body.theme-glomac .gmp-annex-h {
    font-family: var(--gmx-serif);
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--gmx-brown);
    margin: 0 0 16px;
}

body.theme-glomac .gmp-from-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px 30px;
}

body.theme-glomac .gmp-fld { margin: 0; min-width: 0; }
body.theme-glomac .gmp-fld-wide { grid-column: span 2; }

body.theme-glomac .gmp-fld label,
body.theme-glomac .gmp-table th label {
    display: block;
    font-family: var(--gmx-serif);
    font-size: .68rem;
    font-weight: 400;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gmx-hint);
    margin: 0 0 4px;
}

body.theme-glomac #gmp-page .form-control {
    border: 0 !important;
    border-bottom: 2px solid var(--gmx-hair) !important;
    border-radius: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    height: 40px;
    padding: 0 2px 6px;
    width: 100%;
    font-family: var(--gmx-serif);
    font-size: 1rem;
    color: var(--gmx-ink);
}

body.theme-glomac #gmp-page .form-control:focus {
    border-bottom-color: var(--gmx-brown) !important;
    background-color: rgba(200,177,0,.10) !important;
    outline: none;
}

/* هنا لكل حقل <label> ظاهر، فالـplaceholder كان هيكرّر نفس الكلمة مرتين.
   بيفضل في الماركب (ومقروء للقارئ الآلي) بس مابيتعرضش غير وقت الكتابة. */
body.theme-glomac #gmp-page .form-control::placeholder { color: transparent; }
body.theme-glomac #gmp-page .form-control:focus::placeholder { color: var(--gmx-hint); opacity: 1; }

/* ── متن الخطاب ── */
body.theme-glomac .gmp-body { margin-bottom: 8px; }

body.theme-glomac .gmp-salut {
    font-family: var(--gmx-serif);
    font-size: 1rem;
    color: var(--gmx-ink);
    margin: 0 0 14px;
}

body.theme-glomac .gmp-p {
    font-family: var(--gmx-serif);
    font-size: 1.02rem;
    line-height: 1.9;
    color: var(--gmx-txt);
    max-width: 68ch;
    margin: 0 0 14px;
}

/* ── جدول "ما نحتاجه منك": اسم الخانة في عمود، والحقل في العمود التاني ── */
body.theme-glomac .gmp-annex { margin-top: 30px; }

body.theme-glomac .gmp-table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    border-top: 2px solid var(--gmx-ink);
}

body.theme-glomac .gmp-table th {
    width: 34%;
    text-align: start;
    vertical-align: top;
    font-weight: 400;
    padding: 15px 0 14px;
    padding-inline-end: 22px;
    border-bottom: 1px solid var(--gmx-hair);
}

body.theme-glomac .gmp-table td {
    padding: 11px 0 12px;
    border-bottom: 1px solid var(--gmx-hair);
    vertical-align: middle;
}

/* الملاحظات: ورق مسطّر — الخطوط من تدرّج متكرر بنفس ارتفاع السطر */
body.theme-glomac #gmp-page textarea.form-control {
    height: auto !important;
    min-height: 116px;
    line-height: 29px;
    padding: 2px 2px 0;
    border-bottom: 0 !important;
    background-image: repeating-linear-gradient(
        to bottom, transparent 0 28px, var(--gmx-hair) 28px 29px) !important;
    background-attachment: local;
    resize: vertical;
}

/* ── الخاتمة ── */
body.theme-glomac .gmp-close {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px 24px;
    margin-top: 32px;
}

body.theme-glomac .gmp-close-t {
    margin: 0;
    font-family: var(--gmx-serif);
    font-style: italic;
    font-size: 1rem;
    color: var(--gmx-txt);
}

body.theme-glomac .gmp-stamp {
    background: var(--gmx-ink);
    border: 0;
    color: var(--gmx-gold);
    font-family: var(--gmx-serif);
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .14em;
    text-transform: uppercase;
    padding: 14px 40px;
}

body.theme-glomac .gmp-stamp:hover,
body.theme-glomac .gmp-stamp:focus {
    background: var(--gmx-brown);
    color: #fff;
}

/* ════════════ 3) /course-finder — كرّاسة فهرس ════════════ */

body.theme-glomac #gmc-mast {
    background: var(--gmx-desk);
    padding: 30px 0 0;
}

/* الترويسة والباحث بطاقة واحدة: التانية بتكمّل الأولى (بلا حدّ علوي) */
body.theme-glomac .gmc-mast-in,
body.theme-glomac .gmc-line-in {
    max-width: 1000px;
    margin-inline: auto;
    background: var(--gmx-paper);
    border: 3px solid var(--gmx-ink);
}

body.theme-glomac .gmc-mast-in {
    border-bottom: 0;
    padding: 30px 34px 18px;
    text-align: center;
}

body.theme-glomac .gmc-mast-name {
    display: block;
    font-family: var(--gmx-serif);
    font-size: .7rem;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gmx-brown);
}

body.theme-glomac .gmc-mast-h {
    font-family: var(--gmx-serif);
    font-size: 2rem;
    line-height: 1.25;
    color: var(--gmx-ink);
    margin: 10px 0 8px;
}

body.theme-glomac .gmc-mast-sub {
    font-family: var(--gmx-serif);
    font-size: .98rem;
    line-height: 1.8;
    color: var(--gmx-txt);
    max-width: 62ch;
    margin: 0 auto;
}

body.theme-glomac #gmc-line {
    background: var(--gmx-desk);
    padding: 0 0 32px;
}

body.theme-glomac .gmc-line-in {
    border-top: 0;
    padding: 0 34px 24px;
}

/* الخط المزدوج هو اللي بيفصل الترويسة عن سطر الباحث — الفاصل المطبعي نفسه */
body.theme-glomac .gmc-line-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, .8fr) minmax(0, 1.5fr) auto;
    gap: 14px 22px;
    align-items: end;
    border-top: 3px double var(--gmx-brown);
    padding-top: 20px;
}

body.theme-glomac .gmc-fld { margin: 0; min-width: 0; }

body.theme-glomac .gmc-lab {
    display: block;
    font-family: var(--gmx-serif);
    font-size: .68rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--gmx-hint);
    margin-bottom: 5px;
}

/* القوائم هنا كمان خط تحتي بس — الصندوق شكل شاشة مش شكل ورق */
body.theme-glomac .gmc-sel {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 38px;
    border: 0;
    border-bottom: 2px solid var(--gmx-hair);
    border-radius: 0;
    background-color: transparent;
    padding: 0 22px 6px 2px;
    font-family: var(--gmx-serif);
    font-size: .96rem;
    color: var(--gmx-ink);
    background-image:
        linear-gradient(45deg, transparent 50%, var(--gmx-brown) 50%),
        linear-gradient(135deg, var(--gmx-brown) 50%, transparent 50%);
    background-size: 6px 6px, 6px 6px;
    background-position: right 8px center, right 2px center;
    background-repeat: no-repeat;
}

body.theme-glomac .gmc-sel:focus {
    border-bottom-color: var(--gmx-brown);
    outline: none;
    background-color: rgba(200,177,0,.10);
}

body.theme-glomac[dir="rtl"] .gmc-sel {
    padding: 0 2px 6px 22px;
    background-position: left 2px center, left 8px center;
}

/* أداة chosen بتتحقن كـdiv جنب القائمة، و find-my-course.css بتفرض عليها
   عرض calc(100% - 60px) وfloat بـ!important — تصميم تاني تماماً. */
body.theme-glomac .gmc-line .chosen-container {
    width: 100% !important;
    float: none !important;
    font-family: var(--gmx-serif);
}

body.theme-glomac .gmc-line .chosen-container-multi .chosen-choices {
    border: 0 !important;
    border-bottom: 2px solid var(--gmx-hair) !important;
    border-radius: 0 !important;
    background: transparent !important;
    min-height: 38px !important;
    padding: 0 0 4px !important;
    box-shadow: none !important;
}

body.theme-glomac .gmc-line .chosen-container-active .chosen-choices {
    border-bottom-color: var(--gmx-brown) !important;
    box-shadow: none !important;
    padding: 0 0 4px !important;
}

body.theme-glomac .gmc-line .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    font-family: var(--gmx-serif) !important;
    font-size: .94rem !important;
    color: var(--gmx-hint) !important;
    height: 32px !important;
}

body.theme-glomac .gmc-line .chosen-container-multi .chosen-choices li.search-choice {
    background: var(--gmx-ink) !important;
    border: 0 !important;
    border-radius: 0 !important;
    color: var(--gmx-gold) !important;
    font-family: var(--gmx-serif);
    font-size: .8rem;
}

body.theme-glomac .gmc-line .chosen-container-multi .chosen-results {
    border: 1px solid var(--gmx-ink) !important;
    border-radius: 0 !important;
    background: var(--gmx-paper);
    color: var(--gmx-txt);
}

/* الزرار: كلمة مطبوعة بحدّ، مش كبسولة ملوّنة */
body.theme-glomac .gmc-go {
    border: 2px solid var(--gmx-ink);
    background: var(--gmx-ink);
    color: var(--gmx-gold);
    font-family: var(--gmx-serif);
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    padding: 10px 26px;
    height: 38px;
}

body.theme-glomac .gmc-go:hover,
body.theme-glomac .gmc-go:focus {
    background: var(--gmx-brown);
    border-color: var(--gmx-brown);
    color: #fff;
}

/* ── مكان النتائج: بلا حشو وهو فاضي، عشان مايسيبش فجوة قبل البحث ── */
body.theme-glomac #gmc-results { background: var(--gmx-desk); }
body.theme-glomac #gmc-results #coursefinder_list_courses:not(:empty) { padding: 30px 0 4px; }
body.theme-glomac #gmc-results #ajax_load_name { padding: 26px 0; }

/* ── الفهرس: ورق بلا إطار، أعمدة مطبوعة بأرقام رومانية ── */
body.theme-glomac #gmc-index {
    background: var(--gmx-paper);
    border-top: 1px solid var(--gmx-hair);
    padding: 40px 0 56px;
}

body.theme-glomac .gmc-index-in {
    max-width: 1000px;
    margin-inline: auto;
}

body.theme-glomac .gmc-index-head {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px 20px;
    flex-wrap: wrap;
    border-bottom: 3px double var(--gmx-brown);
    padding-bottom: 10px;
    margin-bottom: 22px;
}

body.theme-glomac .gmc-index-h {
    font-family: var(--gmx-serif);
    font-size: 1.35rem;
    color: var(--gmx-ink);
    margin: 0;
}

body.theme-glomac .gmc-index-tally {
    font-family: var(--gmx-serif);
    font-size: .72rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gmx-hint);
}

body.theme-glomac .gmc-index-cols {
    columns: 3;
    column-gap: 40px;
    column-rule: 1px solid var(--gmx-hair);
    list-style: none;
    margin: 0;
    padding: 0;
}

body.theme-glomac .gmc-entry {
    break-inside: avoid;
    display: flex;
    align-items: baseline;
    gap: 12px;
    padding: 9px 0;
    border-bottom: 1px solid var(--gmx-hair);
}

body.theme-glomac .gmc-entry-n {
    flex: 0 0 2.6em;
    text-align: end;
    font-family: var(--gmx-serif);
    font-size: .78rem;
    letter-spacing: .08em;
    color: var(--gmx-brown);
}

body.theme-glomac a.gmc-entry-t,
body.theme-glomac span.gmc-entry-t {
    font-family: var(--gmx-serif);
    font-size: 1rem;
    line-height: 1.5;
    color: var(--gmx-ink);
    text-decoration: none;
    border-bottom: 1px solid transparent;
}

body.theme-glomac a.gmc-entry-t:hover,
body.theme-glomac a.gmc-entry-t:focus {
    color: var(--gmx-brown) !important;   /* _brand.css بتفرض لون الرابط بـ!important */
    border-bottom-color: var(--gmx-gold);
}

/* من غير خط فوق الحاشية: الفهرس نفسه منتهي بخط تحت آخر مدخل في كل عمود،
   وخط تاني بعرض النص بس كان بيقرا كأنه سطر ضايع. */
body.theme-glomac .gmc-index-foot {
    margin: 26px 0 0;
    font-family: var(--gmx-serif);
    font-size: .9rem;
    line-height: 1.8;
    color: var(--gmx-hint);
    max-width: 70ch;
}

/* ════════════ العربية: التباعد والحروف الكبيرة مالهمش معنى ════════════ */
body.theme-glomac[dir="rtl"] .gmr-mast-name,
body.theme-glomac[dir="rtl"] .gmr-mast-meta,
body.theme-glomac[dir="rtl"] .gmr-ref-h,
body.theme-glomac[dir="rtl"] .gmr-lab,
body.theme-glomac[dir="rtl"] .gmr-sched th,
body.theme-glomac[dir="rtl"] .gmr-sign-k,
body.theme-glomac[dir="rtl"] .gmr-stamp,
body.theme-glomac[dir="rtl"] .gmr-panes h5,
body.theme-glomac[dir="rtl"] .gmr-panes .addmore-participents,
body.theme-glomac[dir="rtl"] .gmr-panes .remove-participents,
body.theme-glomac[dir="rtl"] #gmr-page .form-control::placeholder,
body.theme-glomac[dir="rtl"] .gmp-head-to,
body.theme-glomac[dir="rtl"] .gmp-head-k,
body.theme-glomac[dir="rtl"] .gmp-head-date,
body.theme-glomac[dir="rtl"] .gmp-from-h,
body.theme-glomac[dir="rtl"] .gmp-annex-h,
body.theme-glomac[dir="rtl"] .gmp-fld label,
body.theme-glomac[dir="rtl"] .gmp-table th label,
body.theme-glomac[dir="rtl"] .gmp-stamp,
body.theme-glomac[dir="rtl"] .gmc-mast-name,
body.theme-glomac[dir="rtl"] .gmc-lab,
body.theme-glomac[dir="rtl"] .gmc-go,
body.theme-glomac[dir="rtl"] .gmc-index-tally,
body.theme-glomac[dir="rtl"] .gmc-entry-n {
    letter-spacing: normal;
    text-transform: none;
}

/* الملصقات الصغيرة اتقاست على حروف لاتينية كابيتال؛ الحرف العربي أصعب
   في القراءة على نفس المقاس، فبيكبر شوية. */
body.theme-glomac[dir="rtl"] .gmr-lab,
body.theme-glomac[dir="rtl"] .gmr-sign-k,
body.theme-glomac[dir="rtl"] .gmp-fld label,
body.theme-glomac[dir="rtl"] .gmp-table th label,
body.theme-glomac[dir="rtl"] .gmc-lab,
body.theme-glomac[dir="rtl"] #gmr-page .form-control::placeholder { font-size: .82rem; }

/* ════════════ الشاشات المتوسطة والموبايل — صفر تمرير أفقي ════════════ */

@media (max-width: 991px) {
    body.theme-glomac .gmr-ref-grid { grid-template-columns: minmax(0, 1fr); }
    body.theme-glomac .gmr-ref-fields {
        border-inline-end: 0;
        border-bottom: 1px solid var(--gmx-hair);
    }
    body.theme-glomac .gmp-from-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.theme-glomac .gmc-line-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.theme-glomac .gmc-fld-wide { grid-column: 1 / -1; }
    body.theme-glomac .gmc-fld-go { grid-column: 1 / -1; }
    body.theme-glomac .gmc-go { width: 100%; }
    body.theme-glomac .gmc-index-cols { columns: 2; }
}

@media (max-width: 767px) {
    body.theme-glomac #gmr-page,
    body.theme-glomac #gmp-page { padding: 22px 0 40px; }

    body.theme-glomac .gmr-sheet { padding: 24px 18px 22px; border-width: 4px; }
    body.theme-glomac .gmr-sheet::after { inset: 6px; }
    body.theme-glomac .gmp-leaf { padding: 26px 18px 24px; }
    body.theme-glomac .gmc-mast-in { padding: 24px 18px 16px; }
    body.theme-glomac .gmc-line-in { padding: 0 18px 20px; }

    body.theme-glomac .gmr-title { font-size: 1.6rem; }
    body.theme-glomac .gmc-mast-h { font-size: 1.6rem; }
    body.theme-glomac .gmp-head-subject { font-size: 1.18rem; }
    body.theme-glomac .gmp-head-name { font-size: 1.25rem; }

    /* الهامش الرقمي بيقع فوق النص بدل ما يضغط العمود */
    body.theme-glomac .gmr-art {
        grid-template-columns: minmax(0, 1fr);
        gap: 6px;
        padding: 22px 0;
    }
    body.theme-glomac .gmr-art-n { text-align: start; font-size: 1.15rem; }

    /* حقول التبويب المشترك: عمود واحد (col-md-4 بترجع 100% تحت 768 أصلاً) */
    /* !important عشان تكسب نظيرتها في الديسكتوب اللي بقت !important. */
    body.theme-glomac .gmr-panes .form-group { padding-inline-end: 0 !important; }

    body.theme-glomac .gmp-from-grid { grid-template-columns: minmax(0, 1fr); }
    body.theme-glomac .gmp-fld-wide { grid-column: auto; }

    /* الجدول بيتكدّس: اسم الخانة سطر والحقل سطر تحته */
    body.theme-glomac .gmp-table,
    body.theme-glomac .gmp-table tbody,
    body.theme-glomac .gmp-table tr,
    body.theme-glomac .gmp-table th,
    body.theme-glomac .gmp-table td { display: block; width: auto; }
    body.theme-glomac .gmp-table th {
        padding: 16px 0 2px;
        padding-inline-end: 0;
        border-bottom: 0;
    }
    body.theme-glomac .gmp-table td { padding: 0 0 10px; }

    body.theme-glomac .gmc-line-row { grid-template-columns: minmax(0, 1fr); }
    body.theme-glomac .gmc-index-cols { columns: 1; column-rule: none; }
    body.theme-glomac #gmc-index { padding: 30px 0 42px; }

    body.theme-glomac .gmr-send { flex-direction: column; align-items: stretch; }
    body.theme-glomac .gmr-stamp { width: 100%; }   /* هدف لمس مريح */
    body.theme-glomac .gmp-close { flex-direction: column; align-items: stretch; }
    body.theme-glomac .gmp-stamp { width: 100%; }
}

/* ── أداة chosen بلا ملف ستايل: الموقع العربي ──────────────────────────
   Course_finder::index بتبعت page_css = [choices, find-my-course, chosen]،
   والهيدر بينده ar_queue_css على النسخة العربية — والملفات التلاتة دي مش
   موجودة أصلاً في assets/ar_css/. يعني على العربي بتيجي 404 وchosen بتشتغل
   بلا أي ستايل: القائمة بتطلع <ul> بنقط، وخانة الكتابة بحدّ inset رمادي،
   وقائمة النتايج بتفضل ظاهرة في السطر.
   إصلاح الملفات الناقصة بره صلاحيات الثيم، فالقواعد الأساسية اللي chosen
   محتاجاها متحطّة هنا — بتشتغل في اللغتين وبتغلب find-my-course.css على
   الإنجليزي كمان، فالأداة بتبقى بنفس الشكل في الاتنين. */

body.theme-glomac .gmc-line .chosen-container {
    position: relative;
    display: block;
}

/* بدل حيلة left:-9999px بتاعة chosen: الإخفاء بـdisplay. الحيلة القديمة
   كانت بتسيب عنصر بعرض الشاشة بره الصفحة (وفي RTL على الجهة الغلط). */
body.theme-glomac .gmc-line .chosen-container .chosen-drop { display: none !important; }

body.theme-glomac .gmc-line .chosen-container.chosen-with-drop .chosen-drop {
    display: block !important;
    position: absolute;
    top: 100%;
    left: 0 !important;
    right: auto !important;
    width: 100%;
    z-index: 1010;
}

body.theme-glomac .gmc-line .chosen-choices {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 0;
}

body.theme-glomac .gmc-line .chosen-choices li { list-style: none; }

body.theme-glomac .gmc-line .chosen-choices li.search-field {
    flex: 1 1 140px;
    margin: 0;
    padding: 0 !important;
}

body.theme-glomac .gmc-line .chosen-choices li.search-field input[type="text"] {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none;
    width: 100% !important;
    padding: 0 2px !important;
}

body.theme-glomac .gmc-line .chosen-choices li.search-choice {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin: 0 !important;
    padding: 4px 10px !important;
}

/* زرّ شيل الجدارة: chosen بيسيبه فاضي وfind-my-course.css بتحطّ فيه صورة
   وأيقونة FontAwesome — الاتنين مش متاحين هنا، فبنكتب العلامة بنفسنا. */
body.theme-glomac .gmc-line .chosen-choices li.search-choice .search-choice-close {
    position: static !important;
    display: inline-block;
    width: auto !important;
    height: auto !important;
    background: none !important;
    margin-inline-start: 8px;
    color: var(--gmx-gold) !important;
    text-decoration: none;
    line-height: 1;
}

body.theme-glomac .gmc-line .chosen-choices li.search-choice .search-choice-close::before {
    content: "\00d7";
    position: static !important;
    font-family: inherit !important;
    font-size: 1rem;
    padding: 0 !important;
    color: currentColor;
}

body.theme-glomac .gmc-line .chosen-results {
    list-style: none;
    margin: 0 !important;
    padding: 6px 0 !important;
    max-height: 280px;
    overflow-y: auto;
}

body.theme-glomac .gmc-line .chosen-results li {
    list-style: none;
    padding: 8px 14px;
    margin: 0;
    font-size: .94rem;
    line-height: 1.5;
    color: var(--gmx-txt);
    cursor: pointer;
}

body.theme-glomac .gmc-line .chosen-results li.highlighted,
body.theme-glomac .gmc-line .chosen-results li.active-result:hover {
    background: var(--gmx-ink);
    color: var(--gmx-gold);
}

body.theme-glomac .gmc-line .chosen-results li.result-selected,
body.theme-glomac .gmc-line .chosen-results li.no-results {
    color: var(--gmx-hint);
    cursor: default;
    background: transparent;
}

/* ════════════════════════════════════════════════════════════════
   (2026-09-09) جلوماك — تفاصيل المقال /articles/<x> وتفاصيل المدونة
   /blogs/<cat>/<x>.
   ----------------------------------------------------------------
   ليه الكتلة دي موجودة: الصفحتين كانوا بيتقروا بالحرف نفس الصفحة في الـ11
   معهد — بلوك لوجو المعهد فوق، عنوان، تاريخ، نص بعرض الحاوية كله، وريل يمين
   فيه أربع كروت "Related" بنفس الشكل. اللون كان الفرق الوحيد. فاتغيّر المعمار.

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

   التباين: الحبر --gmx-ink 15.9:1 والنص --gmx-txt 11.7:1 والملصقات
   --gmx-hint 6.8:1 والبنّي --gmx-brown 6.3:1 — كلها فوق 4.5:1 على الورقة.
   الذهبي --gmx-gold زخرفة فقط (خطوط وحدود)، ما بيحملش نص أبداً.
   ════════════════════════════════════════════════════════════════ */

/* ──────────────── 1) المقال: الورقة المؤطَّرة ──────────────── */

/* الأرضية "مكتب" عشان الورقة تبان مرفوعة عنه — المدونة أرضيتها الورق نفسه،
   فالصفحتان بيتفرقوا من أول نظرة قبل ما تقرا أي حرف. */
body.theme-glomac #gma-post {
    background: var(--gmx-desk);
    padding: 30px 0 66px;
}

body.theme-glomac .gma-crumb {
    font-family: var(--gmx-serif);
    font-size: .82rem;
    color: var(--gmx-hint);
    margin-bottom: 18px;
}

body.theme-glomac .gma-crumb a { color: var(--gmx-brown); }
body.theme-glomac .gma-crumb i { font-size: 18px !important; }

/* الإطار المزدوج: حبر سميك بره وخيط ذهبي جوّه (outline مش عنصر إضافي —
   ما بياخدش مساحة ولا بيأثر على تدفّق النص). */
body.theme-glomac .gma-sheet {
    background: var(--gmx-paper);
    border: 7px solid var(--gmx-brown);
    outline: 1px solid var(--gmx-gold);
    outline-offset: -10px;
    padding: 46px 56px 52px;
    position: relative;
}

/* الفوليو: سطر الصفحة الجاري — القسم على البداية والتاريخ على النهاية. */
body.theme-glomac .gma-folio {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 16px;
    margin: 0 0 32px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--gmx-hair);
    font-family: var(--gmx-serif);
    font-size: .78rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--gmx-hint);
}

body.theme-glomac .gma-folio-label { color: var(--gmx-brown); font-weight: 700; }

body.theme-glomac .gma-title {
    font-family: var(--gmx-serif);
    font-size: clamp(1.65rem, 1.1rem + 1.9vw, 2.6rem);
    font-weight: 700;
    line-height: 1.22;
    color: var(--gmx-ink);
    text-align: center;
    max-width: 620px;
    margin: 0 auto;
}

/* زخرفة سطرين تحت العنوان (بنّي غامق فوق ذهبي رفيع) — نفس ثنائية الإطار. */
body.theme-glomac .gma-title::after {
    content: "";
    display: block;
    width: 72px;
    height: 4px;
    margin: 24px auto 0;
    border-top: 3px solid var(--gmx-brown);
    border-bottom: 1px solid var(--gmx-gold);
}

/* عمود قراية واحد: 36em ≈ 68 حرف — مش عرض الحاوية كله. */
body.theme-glomac .gma-body {
    max-width: 36em;
    margin: 36px auto 0;
    font-family: var(--gmx-serif);
    font-size: 1.06rem;
    line-height: 1.85;
    color: var(--gmx-txt);
    text-align: start;
}

body.theme-glomac .gma-body p { margin: 0 0 1.15em; }
body.theme-glomac .gma-body b,
body.theme-glomac .gma-body strong { color: var(--gmx-ink); }
body.theme-glomac .gma-body em { color: var(--gmx-txt); }

body.theme-glomac .gma-body h2,
body.theme-glomac .gma-body h3,
body.theme-glomac .gma-body h4,
body.theme-glomac .gma-body h5,
body.theme-glomac .gma-body h6 {
    font-family: var(--gmx-serif);
    font-weight: 700;
    color: var(--gmx-ink);
    font-size: 1.12rem;
    line-height: 1.45;
    margin: 1.9em 0 .55em;
    padding-bottom: .3em;
    border-bottom: 1px solid var(--gmx-hair);
}

body.theme-glomac .gma-body ul,
body.theme-glomac .gma-body ol {
    margin: 0 0 1.15em;
    padding-inline-start: 1.35em;
}

body.theme-glomac .gma-body li { margin-bottom: .38em; }
body.theme-glomac .gma-body ul li::marker { color: var(--gmx-brown); }

body.theme-glomac .gma-body a {
    color: var(--gmx-brown);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* الحرف الاستهلالي المسقَط: علامة الورقة المطبوعة. float المنطقي عشان يشتغل
   في الاتجاهين، بس الإنجليزي بس هو اللي بياخده — السبب تحت. */
body.theme-glomac .gma-body > p:first-of-type::first-letter,
body.theme-glomac .gma-body > *:first-child > p:first-of-type::first-letter {
    float: inline-start;
    font-family: var(--gmx-serif);
    font-weight: 700;
    font-size: 3.9em;
    line-height: .8;
    color: var(--gmx-brown);
    padding-inline-end: .08em;
    padding-block-start: .05em;
}

/* العربي حروفه موصولة، فسحب أول حرف بره الكلمة بيكسر الرسم. البديل: شريط
   بنّي على بداية الفقرة الأولى — نفس المعنى (فتحة الورقة) من غير كسر الخط. */
body[dir="rtl"].theme-glomac .gma-body > p:first-of-type::first-letter,
body[dir="rtl"].theme-glomac .gma-body > *:first-child > p:first-of-type::first-letter {
    float: none;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    padding: 0;
}

body[dir="rtl"].theme-glomac .gma-body > p:first-of-type,
body[dir="rtl"].theme-glomac .gma-body > *:first-child > p:first-of-type {
    border-inline-start: 3px solid var(--gmx-brown);
    padding-inline-start: 16px;
}

/* العربي: التباعد بيفكّ الحرف الموصول، فبيتلغى في الملصقات الصغيرة. */
body[dir="rtl"].theme-glomac .gma-folio,
body[dir="rtl"].theme-glomac .gma-issue-head,
body[dir="rtl"].theme-glomac .gma-issue-lead-date,
body[dir="rtl"].theme-glomac .gma-issue-also-label {
    letter-spacing: 0;
    text-transform: none;
}

/* ──────────────── 2) المقال: فهرس "في هذا العدد" ──────────────── */

body.theme-glomac .gma-issue {
    max-width: 36em;
    margin: 54px auto 0;
    padding-top: 26px;
    border-top: 3px double var(--gmx-brown);
    font-family: var(--gmx-serif);
}

body.theme-glomac .gma-issue-head {
    font-size: .82rem;
    font-weight: 700;
    letter-spacing: .22em;
    text-transform: uppercase;
    color: var(--gmx-brown);
    text-align: center;
    margin: 0 0 26px;
}

/* البند الرئيسي: الرقم الروماني معلّق في هامش ضيّق جنب النص. */
body.theme-glomac .gma-issue-lead {
    position: relative;
    padding-inline-start: 54px;
    margin: 0 0 24px;
}

body.theme-glomac .gma-issue-num {
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    width: 40px;
    text-align: center;
    font-size: 1.45rem;
    font-weight: 700;
    color: var(--gmx-brown);
    border-bottom: 1px solid var(--gmx-gold);
    padding-bottom: 2px;
    line-height: 1.2;
}

body.theme-glomac .gma-issue-lead-title {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.35;
    margin: 0 0 8px;
}

body.theme-glomac .gma-issue-lead-title a {
    color: var(--gmx-ink);
    text-decoration: none;
    border-bottom: 1px solid var(--gmx-gold);
}

body.theme-glomac .gma-issue-lead-title a:hover,
body.theme-glomac .gma-issue-lead-title a:focus {
    color: var(--gmx-brown);
    border-bottom-color: var(--gmx-brown);
}

body.theme-glomac .gma-issue-lead-note {
    font-size: .96rem;
    line-height: 1.7;
    color: var(--gmx-txt);
    margin: 0 0 8px;
}

body.theme-glomac .gma-issue-lead-date {
    font-size: .74rem;
    letter-spacing: .14em;
    text-transform: uppercase;
    color: var(--gmx-hint);
    margin: 0;
}

/* الباقي سطر نثري متصل — مش صف بنود متساوية. */
body.theme-glomac .gma-issue-also {
    margin: 0;
    padding-top: 18px;
    border-top: 1px solid var(--gmx-hair);
    font-size: .97rem;
    line-height: 2.05;
    color: var(--gmx-txt);
}

body.theme-glomac .gma-issue-also-label {
    display: block;
    font-size: .74rem;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gmx-hint);
    margin-bottom: 6px;
}

body.theme-glomac .gma-issue-num-s { color: var(--gmx-brown); font-weight: 700; }

body.theme-glomac .gma-issue-also a {
    color: var(--gmx-ink);
    text-decoration: none;
    border-bottom: 1px solid var(--gmx-hair);
}

body.theme-glomac .gma-issue-also a:hover,
body.theme-glomac .gma-issue-also a:focus {
    color: var(--gmx-brown);
    border-bottom-color: var(--gmx-brown);
}

body.theme-glomac .gma-issue-when { color: var(--gmx-hint); font-size: .86em; font-style: italic; white-space: nowrap; }
body.theme-glomac .gma-issue-sep { color: var(--gmx-brown); padding: 0 10px; }

/* ──────────────── 3) المدونة: البسطة ذات العمودين ──────────────── */

/* ورق مكشوف بلا إطار — عكس ورقة المقال المرفوعة على مكتب. */
body.theme-glomac #gmb-post {
    background: var(--gmx-paper);
    padding: 30px 0 66px;
}

body.theme-glomac .gmb-crumb {
    font-family: var(--gmx-serif);
    font-size: .82rem;
    color: var(--gmx-hint);
    margin-bottom: 26px;
}

body.theme-glomac .gmb-crumb a { color: var(--gmx-brown); }
body.theme-glomac .gmb-crumb i { font-size: 18px !important; }

body.theme-glomac .gmb-mast {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 34px;
    padding-bottom: 24px;
    border-bottom: 5px solid var(--gmx-brown);
}

body.theme-glomac .gmb-title {
    font-family: var(--gmx-serif);
    font-size: clamp(1.7rem, 1.05rem + 2.2vw, 2.8rem);
    font-weight: 700;
    line-height: 1.18;
    color: var(--gmx-ink);
    margin: 0;
    max-width: 20ch;
    text-align: start;
}

/* ختم التاريخ: مربّع مطبوع، مكان التاريخ هنا غير مكانه في فوليو المقال. */
body.theme-glomac .gmb-stamp {
    flex: 0 0 auto;
    display: block;
    border: 2px solid var(--gmx-ink);
    padding: 12px 18px;
    text-align: center;
    font-family: var(--gmx-serif);
    min-width: 96px;
}

body.theme-glomac .gmb-stamp-d {
    display: block;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1;
    color: var(--gmx-ink);
}

body.theme-glomac .gmb-stamp-m {
    display: block;
    font-size: .78rem;
    letter-spacing: .18em;
    text-transform: uppercase;
    color: var(--gmx-brown);
    margin-top: 7px;
}

body.theme-glomac .gmb-stamp-y {
    display: block;
    font-size: .76rem;
    letter-spacing: .18em;
    color: var(--gmx-hint);
    margin-top: 3px;
}

body[dir="rtl"].theme-glomac .gmb-stamp-m,
body[dir="rtl"].theme-glomac .gmb-stamp-y,
body[dir="rtl"].theme-glomac .gmb-appendix-head,
body[dir="rtl"].theme-glomac .gmb-table thead th { letter-spacing: 0; text-transform: none; }

body.theme-glomac .gmb-columns {
    margin-top: 34px;
    font-family: var(--gmx-serif);
    font-size: 1.02rem;
    line-height: 1.8;
    color: var(--gmx-txt);
    text-align: start;
}

body.theme-glomac .gmb-columns p { margin: 0 0 1.1em; }
body.theme-glomac .gmb-columns b,
body.theme-glomac .gmb-columns strong { color: var(--gmx-ink); }

body.theme-glomac .gmb-columns h2,
body.theme-glomac .gmb-columns h3,
body.theme-glomac .gmb-columns h4,
body.theme-glomac .gmb-columns h5,
body.theme-glomac .gmb-columns h6 {
    font-family: var(--gmx-serif);
    font-weight: 700;
    color: var(--gmx-ink);
    font-size: 1.06rem;
    line-height: 1.45;
    margin: 1.7em 0 .5em;
    /* العنوان ما ينفعش يقع آخر سطر في العمود ونصّه في العمود اللي بعده */
    break-after: avoid;
    break-inside: avoid;
}

body.theme-glomac .gmb-columns ul,
body.theme-glomac .gmb-columns ol {
    margin: 0 0 1.1em;
    padding-inline-start: 1.3em;
}

body.theme-glomac .gmb-columns li { margin-bottom: .34em; }
body.theme-glomac .gmb-columns ul li::marker { color: var(--gmx-brown); }

body.theme-glomac .gmb-columns a {
    color: var(--gmx-brown);
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* عمودان حقيقيان بخط فاصل — من 992px وطالع. تحت كده عمود واحد عشان القراية
   على الموبايل والمحتوى يفضل مفتوح. */
@media (min-width: 992px) {
    body.theme-glomac .gmb-columns {
        column-count: 2;
        column-gap: 54px;
        column-rule: 1px solid var(--gmx-hair);
    }

    /* فتحة البسطة ماسكة العمودين قبل ما النص ينقسم. الوصف في قاعدة البيانات
       ملفوف في <div>، والعنصر الأول جوّاه ممكن يكون عنوان أو فقرة — الاتنين
       بياخدوا العرض الكامل زي "الديك" في أي بسطة مطبوعة. */
    body.theme-glomac .gmb-columns > p:first-child,
    body.theme-glomac .gmb-columns > *:first-child > *:first-child {
        column-span: all;
        margin-top: 0;
        margin-bottom: 1.3em;
        padding-bottom: 1.1em;
        border-bottom: 1px solid var(--gmx-hair);
    }

    /* لو الفتحة فقرة نثرية تبقى مقدّمة أكبر؛ لو عنوان يفضل بحجم العناوين. */
    body.theme-glomac .gmb-columns > p:first-child,
    body.theme-glomac .gmb-columns > *:first-child > p:first-child {
        font-size: 1.16rem;
        line-height: 1.7;
        color: var(--gmx-ink);
    }
}

/* ──────────────── 4) المدونة: الملحق الجدولي ──────────────── */

body.theme-glomac .gmb-appendix { margin-top: 54px; }

body.theme-glomac .gmb-appendix-head {
    font-family: var(--gmx-serif);
    font-size: .84rem;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--gmx-brown);
    margin: 0 0 14px;
}

body.theme-glomac .gmb-table {
    width: 100%;
    border-collapse: collapse;
    border: 2px solid var(--gmx-ink);
    font-family: var(--gmx-serif);
    margin: 0;
}

/* الرأس المصمت: أداة جلوماك في الجداول عبر الموقع كله. أبيض على بنّي 6.6:1. */
body.theme-glomac .gmb-table thead th {
    background: var(--gmx-brown);
    color: #fff;
    font-size: .76rem;
    font-weight: 700;
    letter-spacing: .16em;
    text-transform: uppercase;
    padding: 11px 16px;
    text-align: start;
}

body.theme-glomac .gmb-table tbody td {
    padding: 14px 16px;
    border-top: 1px solid var(--gmx-hair);
    color: var(--gmx-txt);
    font-size: 1rem;
    line-height: 1.5;
    vertical-align: baseline;
}

body.theme-glomac .gmb-table tbody tr:nth-child(even) { background: rgba(118, 86, 57, .05); }

body.theme-glomac .gmb-table a {
    color: var(--gmx-ink);
    text-decoration: none;
    border-bottom: 1px solid var(--gmx-gold);
}

body.theme-glomac .gmb-table a:hover,
body.theme-glomac .gmb-table a:focus {
    color: var(--gmx-brown);
    border-bottom-color: var(--gmx-brown);
}

body.theme-glomac .gmb-table-when {
    color: var(--gmx-hint);
    font-size: .84rem;
    white-space: nowrap;
    width: 1%;
}

/* ──────────────── 5) الموبايل ──────────────── */

@media (max-width: 767.98px) {
    body.theme-glomac #gma-post { padding: 20px 0 44px; }

    body.theme-glomac .gma-sheet {
        border-width: 5px;
        outline-offset: -8px;
        padding: 28px 20px 34px;
    }

    body.theme-glomac .gma-folio {
        font-size: .7rem;
        letter-spacing: .12em;
        gap: 10px;
    }

    body.theme-glomac .gma-body { font-size: 1rem; margin-top: 28px; }

    /* الحرف المسقَط بيقضم سطرين من عمود ضيّق — بيصغر مش بيتشال. */
    body.theme-glomac .gma-body > p:first-of-type::first-letter,
    body.theme-glomac .gma-body > *:first-child > p:first-of-type::first-letter { font-size: 3.1em; }

    body.theme-glomac .gma-issue { margin-top: 40px; }
    body.theme-glomac .gma-issue-lead { padding-inline-start: 44px; }
    body.theme-glomac .gma-issue-num { width: 32px; font-size: 1.2rem; }
    body.theme-glomac .gma-issue-lead-title { font-size: 1.14rem; }

    body.theme-glomac #gmb-post { padding: 20px 0 44px; }

    /* الختم جنب عنوان طويل بيضغطه لعمود حرفين — بينزل تحته على الموبايل. */
    body.theme-glomac .gmb-mast {
        flex-direction: column;
        align-items: flex-start;
        gap: 18px;
        padding-bottom: 18px;
        border-bottom-width: 4px;
    }

    body.theme-glomac .gmb-title { max-width: none; }

    body.theme-glomac .gmb-stamp {
        display: inline-flex;
        align-items: baseline;
        gap: 8px;
        padding: 7px 14px;
        min-width: 0;
    }

    body.theme-glomac .gmb-stamp-d { font-size: 1.2rem; }
    body.theme-glomac .gmb-stamp-m,
    body.theme-glomac .gmb-stamp-y { margin-top: 0; font-size: .74rem; }

    body.theme-glomac .gmb-columns { margin-top: 26px; font-size: 1rem; }

    body.theme-glomac .gmb-appendix { margin-top: 40px; }
    body.theme-glomac .gmb-table thead th { padding: 9px 12px; font-size: .7rem; letter-spacing: .1em; }
    body.theme-glomac .gmb-table tbody td { padding: 11px 12px; font-size: .95rem; }

    /* التاريخ لو فضل سطر واحد بيدفع عرض الجدول بره الشاشة عند 390px. */
    body.theme-glomac .gmb-table-when { white-space: normal; font-size: .78rem; }
}

/* --- (2026-09-09) جلوماك: تشطيب صفحتَي المقال والمدونة --- */

/* فتات الخبز بتاع بوتستراب بيجي بخلفية رمادية-زرقاء وزوايا مدوّرة — الاتنين
   غريبين تماماً عن ورق جلوماك (زوايا صفر، ورق كريمي). بيترجّع سطر مطبوع. */
body.theme-glomac .gma-crumb .breadcrumb,
body.theme-glomac .gmb-crumb .breadcrumb {
    background: transparent;
    border-radius: 0;
    padding: 0;
    margin: 0;
    font-family: var(--gmx-serif);
    font-size: .82rem;
}

body.theme-glomac .gma-crumb .breadcrumb-item.active,
body.theme-glomac .gmb-crumb .breadcrumb-item.active { color: var(--gmx-hint); }

body.theme-glomac .gma-crumb .breadcrumb-item + .breadcrumb-item::before,
body.theme-glomac .gmb-crumb .breadcrumb-item + .breadcrumb-item::before { color: var(--gmx-hair); }

/* الخط الفاصل بين العمودين لازم يبان: --gmx-hair لون شعرة على ورق فاتح
   وبيضيع في اللقطة. البنّي بدرجة أفتح شوية بيدّي خيط مطبوع واضح من غير ما
   يشدّ العين بعيد عن النص. */
@media (min-width: 992px) {
    body.theme-glomac .gmb-columns { column-rule: 1px solid var(--gmx-brown); }
}

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

/* نافذة جلوماك: ورق كريمي وعنوان serif متمركز بين خطين مزدوجين،
   حقول بخط سفلي بس، وزرار مربّع بني — صفحة من دليل مطبوع. */
body.theme-glomac .modal-content{background:#faf7f2;border:1px solid #ddd2c6;border-radius:0}
body.theme-glomac .modal-header{
    background:transparent;border:0;border-top:3px double #765639;border-bottom:3px double #765639;
    padding:14px 22px;margin:16px 22px 0;justify-content:center;position:relative}
body.theme-glomac .modal-title{
    color:#241610;font-family:Georgia,"Times New Roman",serif;font-size:1.1rem;
    letter-spacing:.14em;text-transform:uppercase;text-align:center;width:100%}
body.theme-glomac .modal-header .close{position:absolute;inset-inline-end:0;top:6px}
body.theme-glomac .modal-content > p{padding:14px 30px 0;color:#6b5c52;font-size:.87rem;text-align:center}
body.theme-glomac .modal-body .form-control{
    border:0!important;border-bottom:1px solid #c9b9a6!important;border-radius:0!important;
    background:transparent!important;padding-inline:0}
body.theme-glomac .modal-body .btn-primary{
    border-radius:0!important;background:#765639!important;border-color:#765639!important;
    letter-spacing:.1em;text-transform:uppercase;font-size:.86rem}

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

/* جلوماك — دليل مطبوع: عمود قراءة ضيّق، حروف serif، عنوان متمركز بين
   خطين مزدوجين، وحرف أول كبير في أول فقرة. */
/* 62ch كانت بتخلّي الصفحة ٣ أضعاف طول الباقي — 74ch لسه عمود
   كتاب بس مش شريط. */
body.theme-glomac.pg-policy-page .common-listing-section-wrap .box4{max-width:74ch;margin-inline:auto}
body.theme-glomac.pg-policy-page .common-listing-section-wrap .box4 h5{
    text-align:center;margin:38px 0 14px;padding:10px 0;
    border-top:3px double #765639;border-bottom:3px double #765639;
    font-family:Georgia,"Times New Roman",serif;font-size:.94rem;
    letter-spacing:.14em;text-transform:uppercase;color:#241610}
body.theme-glomac.pg-policy-page .common-listing-section-wrap .box4 p{
    font-family:Georgia,"Times New Roman",serif;line-height:1.85;text-align:justify}
/* float:inline-start لسه مش مدعوم في كل المتصفحات — float عادي مع
   قلبه في الاتجاه العربي. */
body.theme-glomac.pg-policy-page .common-listing-section-wrap .box4 h5 + .space10 + p::first-letter{
    float:left;font-size:2.6rem;line-height:.86;margin:2px 8px 0 0;color:#765639}
body.theme-glomac[dir="rtl"].pg-policy-page .box4 h5 + .space10 + p::first-letter{
    float:right;margin:2px 0 0 8px}

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

/* جلوماك — دليل مطبوع: حروف serif صغيرة، تلات أعمدة بخط فاصل،
   وعنوان بين خطين. */
body.theme-glomac.page-sitemap h5.no-margin{
    margin:28px 0 10px;padding:8px 0;border-top:1px solid #c9b9a6;border-bottom:1px solid #c9b9a6;
    font-family:Georgia,"Times New Roman",serif;font-size:.86rem;
    letter-spacing:.12em;text-transform:uppercase;color:#241610}
body.theme-glomac.page-sitemap .sitemap-list{
    column-count:3;column-gap:32px;column-rule:1px solid #e3d9cb;
    font-family:Georgia,"Times New Roman",serif;font-size:.84rem}
body.theme-glomac.page-sitemap .sitemap-list li{padding:3px 0}

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

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

/* جلوماك — دليل مطبوع: نجيمة الطابعين (asterism) فوق العنوان.

   جرّبنا حرف زخرفة الأول، بس الخطوط المتاحة مش كلها فيها الرمز ده
   فكان بيطلع نقطة واحدة. الشكل مرسوم بتدرّجات — مستقل عن الخط. */
body.theme-glomac h2:not([class]),
body.theme-glomac h2.inst-logos-h{position:relative;padding-top:1.15em}
body.theme-glomac h2:not([class])::before,
body.theme-glomac h2.inst-logos-h::before{
    content:"";position:absolute;top:0;inset-inline-start:0;
    width:22px;height:15px;
    background-image:
        radial-gradient(circle 2.6px at 11px 3px,#c8b100 99%,transparent 100%),
        radial-gradient(circle 2.6px at 4px 12px,#c8b100 99%,transparent 100%),
        radial-gradient(circle 2.6px at 18px 12px,#c8b100 99%,transparent 100%)}

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

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

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

/* الأعمدة على .row: الكرت جوّه <a> جوّه .courselisting-col بلا كلاس. */
/* الشبكة بتتحدّد بمحدّد فيه id (#category_course_list / #course_list)
   فلازم نفس التخصيص هنا، وإلا القاعدة القديمة بتغلب. */
body.theme-glomac.pg-training-courses #category_course_list,
body.theme-glomac.pg-training-courses #course_list{
    display:block!important;column-count:3;column-gap:34px;column-rule:1px solid #ddd2c6}
body.theme-glomac.pg-training-courses .courselist-style-inside .courselisting-col{break-inside:avoid;width:100%}
body.theme-glomac.pg-training-courses .courselist-style-inside .courselisting{
    border:0!important;border-bottom:1px solid #e3d9cb!important;border-radius:0!important;
    box-shadow:none!important;padding:12px 0!important;background:transparent!important}
body.theme-glomac.pg-training-courses .courselist-style-inside .courselisting .course-image{display:none!important}
body.theme-glomac.pg-training-courses .courselist-style-inside .courselisting .course-title{
    font-family:Georgia,"Times New Roman",serif;font-size:.92rem;line-height:1.4}
body.theme-glomac.pg-training-courses .courselist-style-inside .courselisting .course-date,
body.theme-glomac.pg-training-courses .courselist-style-inside .courselisting .course-language,
body.theme-glomac.pg-training-courses .courselist-style-inside .courselisting .course-location{font-size:.76rem}
body.theme-glomac.pg-training-courses .courselist-style-inside .courselisting .space15{display:none}
/* (2026-09-12) شريط التاريخ absolute فوق الكرت (سطر 826)، وكانت الصورة (margin-top:32px)
   هي اللي بتنزّل العنوان تحته — لما الصورة اتشالت الشريط غطّى العنوان. المسافة بقت على الكرت نفسه. */
body.theme-glomac.pg-training-courses .courselist-style-inside .courselisting,
body.theme-glomac.pg-training-courses .inst-tc .courselist-style-inside .courselisting{padding-top:50px!important}
/* (2026-09-12) الشريط بنفس عرض الإطار: الإطار outline جوّه الكرت بـ6px (سطر 22-23)، فالشريط
   بيبدأ من نفس الخط ويبقى هو ضلعه اللي فوق. */
body.theme-glomac.pg-training-courses .courselist-style-inside .courselisting .course-date{top:6px;left:6px;right:6px}
/* (2026-09-12) "المربعات ليست في مستوى واحد" — الأعمدة (column-count) كل عمود بيمشي لوحده
   فالكروت مش على خط واحد، وعلى الموبايل كانت 3 أعمدة بعرض 84px. شبكة صفوف: كروت الصف الواحد
   بنفس الطول وزرار التسجيل تحت في الآخر. 3 / 2 / 1 عمود. */
body.theme-glomac.pg-training-courses #category_course_list,
body.theme-glomac.pg-training-courses #course_list,
body.theme-glomac.pg-training-courses .inst-tc #category_course_list,
body.theme-glomac.pg-training-courses .inst-tc #course_list{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));column-count:auto!important;
    column-gap:34px;row-gap:0;column-rule:none!important}
body.theme-glomac.pg-training-courses .courselist-style-inside .courselisting-col{display:flex;width:auto!important;max-width:none!important}
body.theme-glomac.pg-training-courses .courselist-style-inside .courselisting-col > a{display:flex;flex:1 1 auto;width:100%}
body.theme-glomac.pg-training-courses .courselist-style-inside .courselisting{flex:1 1 auto;flex-direction:column}
body.theme-glomac.pg-training-courses .courselist-style-inside .courselisting form{margin-top:auto}
@media (max-width:991px){
    body.theme-glomac.pg-training-courses #category_course_list,
    body.theme-glomac.pg-training-courses #course_list,
    body.theme-glomac.pg-training-courses .inst-tc #category_course_list,
    body.theme-glomac.pg-training-courses .inst-tc #course_list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
}
@media (max-width:575px){
    body.theme-glomac.pg-training-courses #category_course_list,
    body.theme-glomac.pg-training-courses #course_list,
    body.theme-glomac.pg-training-courses .inst-tc #category_course_list,
    body.theme-glomac.pg-training-courses .inst-tc #course_list{grid-template-columns:minmax(0,1fr)!important}
}
/* (2026-09-12) على الكروت الضيّقة التاريخ بيلفّ سطرين (ارتفاع الشريط 50px) فأي مسافة ثابتة
   مش هتكفي — فالشريط هنا بيبقى أول صف عادي في الكرت (مش طبقة فوقه)، فمستحيل يغطّي العنوان
   مهما طال التاريخ. متسايف 6px من كل ناحية عشان يفضل على خط الإطار. */
@media (max-width:767px){
    body.theme-glomac.pg-training-courses .courselist-style-inside .courselisting,
    body.theme-glomac.pg-training-courses .inst-tc .courselist-style-inside .courselisting{padding-top:6px!important}
    body.theme-glomac.pg-training-courses .courselist-style-inside .courselisting .course-date{
        position:static!important;order:-1;margin:0 6px 10px}
}

/* (2026-09-12) "View Other Cities" في صفحة المدينة: نفس لوحات الرئيسية بس صف واحد
   (طلب صريح بعد الكاروسيل وبعد فهرس الكتالوج). الماركب بيستعمل كلاسات
   .gm-cities-* بتاعة الرئيسية زي ما هي، و.gm-ocp هي اللي بتخلّيها صف واحد.
   الماركب في themes/glomac/courses/city/support_files/page_other_cities.php */
body.theme-glomac .gm-ocp{padding:52px 0 56px}
body.theme-glomac .gm-ocp .gm-cities-head{margin:0 0 28px}
body.theme-glomac .gm-ocp .gm-cities-head h2{font-size:1.5rem}
/* الماسة الذهبية بتاعة كل h2 في جلوماك (::before absolute) بتلزق في الشمال — هنا في النص فوق
   العنوان، في القسمين: الرئيسية وصفحة المدينة (طلب صريح 2026-09-12). */
body.theme-glomac .gm-cities-head h2{position:relative;padding-top:26px}
body.theme-glomac .gm-cities-head h2::before{left:50%!important;right:auto!important;top:0!important;transform:translateX(-50%)}
/* (2026-09-12) "اجعله صف واحد متحرك في هذه الصفحة والصفحة الرئيسية" — طلب صريح.
   صف ماشي: القايمة متكرّرة مرتين في الماركب والشريط بيتحرّك نص عرضه بالظبط، فاللفّة
   بلا قطع. المسافة بين اللوحات margin مش gap عشان النصّين يطلعوا متساويين بالضبط.
   بيقف عند الوقوف عليه أو الدخول بالكيبورد، وبيقف خالص مع تقليل الحركة. */
body.theme-glomac .gm-mq{overflow:hidden;position:relative}
body.theme-glomac .gm-mq-track{display:flex;width:max-content;
    animation:gm-mq-scroll 48s linear infinite;will-change:transform}
body.theme-glomac[dir="rtl"] .gm-mq-track{animation-name:gm-mq-scroll-rtl}
body.theme-glomac .gm-mq:hover .gm-mq-track,
body.theme-glomac .gm-mq:focus-within .gm-mq-track{animation-play-state:paused}
@keyframes gm-mq-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes gm-mq-scroll-rtl{from{transform:translateX(0)}to{transform:translateX(50%)}}
body.theme-glomac .gm-mq-track .gm-cities-plaque{flex:0 0 180px;margin-inline-end:4px;padding:26px 8px;gap:8px}
body.theme-glomac .gm-mq-track .gm-cities-pin{width:20px;height:20px}
body.theme-glomac .gm-mq-track .gm-cities-city{font-size:.82rem;letter-spacing:.03em;line-height:1.3}
body.theme-glomac[dir="rtl"] .gm-mq-track .gm-cities-city{letter-spacing:normal;font-size:.86rem}
body.theme-glomac .gm-mq-track .gm-cities-link{font-size:.62rem}
body.theme-glomac[dir="rtl"] .gm-mq-track .gm-cities-link{letter-spacing:normal;font-size:.72rem}
body.theme-glomac .gm-mq-track .gm-cities-corner{width:14px;height:14px}
body.theme-glomac .gm-mq-track .gm-cities-corner.tl,body.theme-glomac .gm-mq-track .gm-cities-corner.tr{top:6px}
body.theme-glomac .gm-mq-track .gm-cities-corner.bl,body.theme-glomac .gm-mq-track .gm-cities-corner.br{bottom:6px}
body.theme-glomac .gm-mq-track .gm-cities-corner.tl,body.theme-glomac .gm-mq-track .gm-cities-corner.bl{left:6px}
body.theme-glomac .gm-mq-track .gm-cities-corner.tr,body.theme-glomac .gm-mq-track .gm-cities-corner.br{right:6px}
body.theme-glomac .gm-mq-track .gm-cities-plaque:hover .gm-cities-corner{width:18px;height:18px}
@media (max-width:767px){
    body.theme-glomac .gm-ocp{padding:36px 0 40px}
    body.theme-glomac .gm-ocp .gm-cities-head h2{font-size:1.25rem}
    body.theme-glomac .gm-mq-track .gm-cities-plaque{flex:0 0 150px;padding:22px 8px}
}
@media (prefers-reduced-motion:reduce){
    body.theme-glomac .gm-mq-track{animation:none}
    body.theme-glomac .gm-mq{overflow-x:auto}
}

/* في بعض الثيمات فيه قاعدة أخصّ فيها .inst-tc كمان، فلازم نسخة
   بنفس التخصيص وإلا بتغلب. */
body.theme-glomac.pg-training-courses .inst-tc #category_course_list,
body.theme-glomac.pg-training-courses .inst-tc #course_list{
    display:block!important;column-count:3;column-gap:34px;column-rule:1px solid #ddd2c6}

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

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

/* جلوماك — دليل مطبوع: المتن عمودين زي صفحة جريدة، حروف serif،
   والفقرة الأولى بحرف أول كبير. أوضح فرق في الصورة النهائية. */
body.theme-glomac.pg-post-page .gma-sheet{max-width:none}
body.theme-glomac.pg-post-page .gma-sheet p{
    column-count:2;column-gap:38px;column-rule:1px solid #e3d9cb;
    text-align:justify;font-family:Georgia,"Times New Roman",serif;line-height:1.75}
body.theme-glomac.pg-post-page .gma-sheet ul,
body.theme-glomac.pg-post-page .gma-sheet ol{column-count:2;column-gap:38px}

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

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

/* جلوماك — دليل مطبوع: الحقول بخط سفلي مصمت، عناوين الخطوات بين
   خطين مزدوجين، وورق كريمي. */
body.theme-glomac #register-section .form-control{
    border:0!important;border-bottom:1px solid #c9b9a6!important;border-radius:0!important;
    background:transparent!important;padding-inline:0}
body.theme-glomac #register-section h4,
body.theme-glomac #register-section h5{
    text-align:center;font-family:Georgia,"Times New Roman",serif;
    letter-spacing:.12em;text-transform:uppercase;font-size:.92rem;color:#241610;
    border-top:3px double #765639;border-bottom:3px double #765639;padding:10px 0;margin:26px 0 18px}

/* (2026-09-10) "Related Courses": شريط التاريخ position:absolute من فوق
   (سطر 826) والكرت مش مخلّي له مساحة، فكان راكب على أول سطر من اسم
   الدورة بـ13px. جوّه القسم ده الشريط بيرجع سطر عادي فوق العنوان —
   نفس اللي اتعمل في المورد. */
body.theme-glomac.pg-training-courses #common-section .course-date{
    position:static!important;inset:auto!important;
    display:block!important;order:-1;
    margin:-14px -14px 12px!important;
}

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

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

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

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

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

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

   نص التاريخ اتشال من القالب، والغلاف الفاضي بيتخفي هنا عشان
   ما يسيبش فراغ (ولا أيقونة نتيمة في حالة القادة، ولا عمود
   فاضي في جدول السعودي).
   ───────────────────────────── */
/* نفس الكلاس مستعمل في صفحة المدن كمان، فالقاعدة متقيّدة
   بحاويتي المقالات والمدونات. */
body.theme-glomac #article_list .gml-ix-eyebrow,
body.theme-glomac #blog_list .gml-ix-eyebrow{display:none}

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

   المراجعة الشاملة طلّعت إن الصفحة دي هي الوحيدة اللي لسه بنفس
   التخطيط بالحرف في الـ11 موقع — نفس الكرت ونفس ترتيب البيانات،
   والفرق لون الزرار والحدّ بس. كل موقع بياخد أداته.
   ───────────────────────────── */
/* جلوماك — دليل مطبوع: ورق كريمي وعنوان serif بين خطين مزدوجين. */
body.theme-glomac.pg-search-page .courselisting{
    background:#fbf7f0!important;border:1px solid #e3d9cb!important;border-radius:0!important;
    box-shadow:none!important;padding:20px 24px!important;margin-bottom:22px}
body.theme-glomac.pg-search-page .course-title h6 a{
    font-family:Georgia,serif;text-transform:uppercase;letter-spacing:.08em;
    font-size:.9rem;color:#241610!important}
body.theme-glomac.pg-search-page .custom-head-additional{
    background:transparent!important;color:#241610!important;border-radius:0!important;
    border-top:3px double #765639!important;border-bottom:3px double #765639!important}
body.theme-glomac.pg-search-page .course-details-wrap{
    background:#fff!important;border:1px solid #e3d9cb!important;border-radius:0!important}


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

/* (2026-09-11) لوجو الهيرو: أكبر، والعلامة بس من غير الكلام — طلب صريح.
   الصورة عريضة (العلامة على شمالها والاسم يمينها)، فالصندوق مربّع
   وobject-fit:cover مثبّت على الشمال بيقصّ الكلام. */
body.theme-glomac .gm-hero-mark{width:190px!important;height:190px!important;max-width:none!important;
    object-fit:cover!important;object-position:left center!important;flex:0 0 auto}
@media (max-width:767px){body.theme-glomac .gm-hero-mark{width:120px!important;height:120px!important}}

/* ─────────────────────────────
   (2026-09-11) الدورات القادمة: جدول مواعيد كلاسيكي — اختيار صريح
   رأس ذهبي بحروف متباعدة، خطوط ذهبية خفيفة بين الصفوف، والتاريخ
   بخط سيريف في عمود ثابت — دفتر مواعيد، مش قائمة.
   ───────────────────────────── */
body.theme-glomac .gm-sched-table{width:100%;border-collapse:collapse;margin-top:6px;
    border-top:1px solid var(--site-accent,#c8b100);border-bottom:1px solid var(--site-accent,#c8b100)}
body.theme-glomac .gm-sched-table thead th{
    padding:14px;text-align:start;font-weight:600;
    font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;
    color:var(--site-accent,#c8b100);border-bottom:3px double rgba(200,177,0,.55)}
body.theme-glomac[dir="rtl"] .gm-sched-table thead th{letter-spacing:normal;font-size:.85rem}
body.theme-glomac .gm-sched-table tbody td{
    padding:16px 14px;vertical-align:middle;color:rgba(255,255,255,.72);font-size:.9rem;
    border-bottom:1px solid rgba(200,177,0,.2)}
body.theme-glomac .gm-sched-table tbody tr:last-child td{border-bottom:0}
body.theme-glomac .gm-sched-table tbody tr{transition:background .15s}
body.theme-glomac .gm-sched-table tbody tr:hover{background:rgba(200,177,0,.06)}
body.theme-glomac .gm-sched-date{width:130px;white-space:nowrap}
body.theme-glomac .gm-sched-date time{display:flex;align-items:baseline;gap:6px;
    font-family:Georgia,"Times New Roman","Amiri",serif;color:var(--site-accent,#c8b100)}
body.theme-glomac .gm-sched-day{font-size:1.7rem;line-height:1}
body.theme-glomac .gm-sched-mon{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
body.theme-glomac .gm-sched-yr{font-size:.72rem;color:rgba(255,255,255,.45)}
body.theme-glomac .gm-sched-course a{display:block;color:#fff;font-weight:600;font-size:1rem;text-decoration:none}
body.theme-glomac .gm-sched-course a:hover{color:var(--site-accent,#c8b100)}
body.theme-glomac .gm-sched-course small{display:block;margin-top:4px;font-size:.78rem;color:rgba(255,255,255,.5)}
body.theme-glomac .gm-sched-table tbody td.gm-sched-city{color:var(--site-accent,#c8b100);font-weight:600}
body.theme-glomac .gm-sched-days,
body.theme-glomac .gm-sched-lang{white-space:nowrap}
body.theme-glomac .gm-sched-go{text-align:end;white-space:nowrap}
body.theme-glomac .gm-sched-go a{display:inline-block;padding:8px 16px;
    border:1px solid var(--site-accent,#c8b100);color:var(--site-accent,#c8b100);
    font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;
    transition:background .15s,color .15s}
body.theme-glomac .gm-sched-go a:hover{background:var(--site-accent,#c8b100);color:#1e1611}
@media (max-width:767px){
    body.theme-glomac .gm-sched-table thead{display:none}
    body.theme-glomac .gm-sched-table,body.theme-glomac .gm-sched-table tbody,
    body.theme-glomac .gm-sched-table tr,body.theme-glomac .gm-sched-table td{display:block;width:auto}
    body.theme-glomac .gm-sched-table tbody tr{padding:14px 0;border-bottom:1px solid rgba(200,177,0,.25)}
    body.theme-glomac .gm-sched-table tbody td{border:0;padding:3px 0}
    body.theme-glomac .gm-sched-table tbody td.gm-sched-city,
    body.theme-glomac .gm-sched-table tbody td.gm-sched-lang,
    body.theme-glomac .gm-sched-table tbody td.gm-sched-days{display:inline-block;margin-inline-end:14px}
    body.theme-glomac .gm-sched-go{text-align:start;padding-top:10px!important}
}

/* ─────────────────────────────
   (2026-09-11) الدورات القادمة: ورقات تقويم — اختيار صريح (بدل الجدول)
   ورقة كريمي بشريط ذهبي فوق (الشهر والسنة + حلقتين)، رقم اليوم ضخم،
   وزر حجز مصمت. مفيش خطوط 1px خالص: مع تكبير/تصغير المتصفح الخطوط
   الرفيعة كانت بتختفي في الجدول فالزراير تبان مقصوصة.
   ───────────────────────────── */
body.theme-glomac .gm-cal-grid{list-style:none;margin:8px 0 0;padding:0;
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 28px}
body.theme-glomac .gm-cal-page{transition:transform .2s ease}
body.theme-glomac .gm-cal-page:nth-child(3n+1){transform:rotate(-.8deg)}
body.theme-glomac .gm-cal-page:nth-child(3n+2){transform:rotate(.5deg)}
body.theme-glomac .gm-cal-page:nth-child(3n){transform:rotate(-.3deg)}
body.theme-glomac .gm-cal-page:hover{transform:rotate(0) translateY(-6px)}
body.theme-glomac .gm-cal-page > a{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;
    text-align:center;text-decoration:none;background:#f7f1e3;border-radius:6px;overflow:hidden;
    box-shadow:0 18px 34px rgba(0,0,0,.45),0 4px 0 #d9ccb0}
/* ركن مثني تحت على الجنب — ورقة نتيجة بتتقلب */
body.theme-glomac .gm-cal-page > a::after{content:'';position:absolute;bottom:0;inset-inline-end:0;width:34px;height:34px;
    background:linear-gradient(135deg,#e6dcc4 0 50%,#1e1611 50% 100%)}
body.theme-glomac[dir="rtl"] .gm-cal-page > a::after{background:linear-gradient(225deg,#e6dcc4 0 50%,#1e1611 50% 100%)}

body.theme-glomac .gm-cal-band{align-self:stretch;display:flex;align-items:center;justify-content:space-between;
    padding:12px 18px;background:linear-gradient(180deg,#d8c21a,var(--site-accent,#c8b100));color:#1e1611}
body.theme-glomac .gm-cal-ring{width:14px;height:14px;border-radius:50%;background:#1e1611;
    box-shadow:inset 0 2px 0 rgba(255,255,255,.25)}
body.theme-glomac .gm-cal-my{font-size:.8rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
body.theme-glomac[dir="rtl"] .gm-cal-my{letter-spacing:normal;font-size:.95rem}

body.theme-glomac .gm-cal-day{margin-top:18px;font-family:Georgia,"Times New Roman","Amiri",serif;
    font-size:4.4rem;line-height:1;font-weight:700;color:#1e1611}
body.theme-glomac .gm-cal-rule{display:block;width:46px;height:4px;margin:14px 0 16px;border-radius:2px;
    background:var(--site-accent,#c8b100)}
body.theme-glomac .gm-cal-title{padding:0 22px;font-family:Georgia,"Times New Roman","Amiri",serif;font-weight:700;
    font-size:1.08rem;line-height:1.4;color:#2b2118}
body.theme-glomac .gm-cal-page > a:hover .gm-cal-title{color:#765639}
body.theme-glomac .gm-cal-range{margin-top:8px;font-size:.8rem;color:#7a6a58}
body.theme-glomac .gm-cal-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:12px 0 20px;padding:0 18px;
    font-size:.8rem;color:#5a4a3a}
body.theme-glomac .gm-cal-meta i{margin-inline-end:5px;color:#765639}
body.theme-glomac .gm-cal-city{font-weight:700;color:#765639}
body.theme-glomac .gm-cal-book{margin-top:auto;margin-bottom:24px;padding:10px 26px;border-radius:3px;
    background:#1e1611;color:var(--site-accent,#c8b100);font-size:.74rem;font-weight:800;letter-spacing:.14em;
    text-transform:uppercase;transition:background .15s,color .15s}
body.theme-glomac[dir="rtl"] .gm-cal-book{letter-spacing:normal;font-size:.85rem}
body.theme-glomac .gm-cal-page > a:hover .gm-cal-book{background:var(--site-accent,#c8b100);color:#1e1611}

@media (max-width:991px){body.theme-glomac .gm-cal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:575px){
    body.theme-glomac .gm-cal-grid{grid-template-columns:1fr;gap:26px}
    body.theme-glomac .gm-cal-page:nth-child(n){transform:none}
}

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


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

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

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

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

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

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

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

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

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

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

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


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

/* (2026-09-12) طلب صريح: تغيير أيقونات صفحة نتايج البحث، وكل معهد بثلاثي مختلف.
   الـmask متطبّق على الـ<svg> نفسه مش على عنصر أب: نسخ الموبايل بتقع جوّه <span>
   بلا كلاس فمفيش أب أعلّق عليه — وكده محدِّد واحد بيغطي الديسكتوب والموبايل.
   خط bootstrap-icons مش محمّل في الصفحة (fonts.check=false) فطريق كودات الخط مقفول.
   الرسمة الأصلية بتتلغي بـfill:transparent واللون بيجي من background-color.
   bi-x (قفل المودال) وزراري العرض برّه المحدِّدات دي. */
body.theme-glomac.pg-search-page svg.bi-calendar-check-fill,body.theme-glomac.pg-search-page svg.bi-flag-fill,body.theme-glomac.pg-search-page svg.bi-clock-fill,body.theme-glomac.pg-search-page svg.bi-signpost-split-fill{fill:transparent!important;background-color:#765639;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-glomac.pg-search-page svg.bi-calendar-check-fill{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 3.5a.5.5 0 0 0-1 0V9a.5.5 0 0 0 .252.434l3.5 2a.5.5 0 0 0 .496-.868L8 8.71V3.5z'/></svg>")}
body.theme-glomac.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-glomac.pg-search-page svg.bi-clock-fill,body.theme-glomac.pg-search-page svg.bi-signpost-split-fill{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10zm0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6z'/></svg>")}


/* ═════════════════════════════════════════════════════════════
   (2026-09-18) صفحة "عن المعهد" — بنية مختلفة لكل معهد (طلب صريح: صفحات الموبايل
   شبه بعضها). الـHTML واحد (about_vmv.php: رؤية/رسالة/وعد/قيم) والبنية بتتغيّر
   بالـCSS: عدد الأعمدة، مكان الصورة، الترتيب، شكل العنوان — مش الألوان بس.
   ═════════════════════════════════════════════════════════════ */
body.theme-glomac.page-about #common-listing-section .box4{background:transparent;box-shadow:none;padding:0;display:grid;gap:18px}
body.theme-glomac.page-about #common-listing-section .aboutus-section-card{background:#fdfaf3;border:1px solid #c8b100;outline:1px solid #c8b100;outline-offset:-7px;border-radius:0;padding:34px 22px 28px;margin:0;text-align:center}
body.theme-glomac.page-about #common-listing-section .aboutus-section-card .row{display:flex;flex-direction:column;align-items:center;margin:0}
body.theme-glomac.page-about #common-listing-section .aboutus-section-card .col-md-6{max-width:100%;width:100%;padding:0}
body.theme-glomac.page-about #common-listing-section .aboutus-section-card .col-md-6:has(> img){order:-1;width:auto}
body.theme-glomac.page-about #common-listing-section .aboutus-section-card .col-md-12{display:none}
body.theme-glomac.page-about #common-listing-section .aboutus-vision img,body.theme-glomac.page-about #common-listing-section .aboutus-mission img,body.theme-glomac.page-about #common-listing-section .aboutus-brand img{width:104px;height:104px;object-fit:cover;border-radius:50%;border:3px double #c8b100;box-shadow:none;margin-bottom:14px}
body.theme-glomac.page-about #common-listing-section .aboutus-section-card h4{font-family:Georgia,'Times New Roman',serif;text-transform:uppercase;letter-spacing:.22em;font-size:.85rem;color:#765639;margin:0 0 8px}
body.theme-glomac.page-about #common-listing-section .aboutus-section-card h4::after{content:"";display:block;width:34px;height:1px;background:#c8b100;margin:10px auto 0}
body.theme-glomac.page-about #common-listing-section .aboutus-section-card p{font-family:Georgia,'Times New Roman',serif;font-size:1.05rem;line-height:1.7;color:#3d332e;padding:0;margin:0}
body.theme-glomac.page-about #common-listing-section .aboutus-values .aboutus-section-row{background:none;border:0;box-shadow:none;padding:0}
body.theme-glomac.page-about #common-listing-section .aboutus-values .aboutus-section-row .row{display:flex;flex-wrap:wrap;justify-content:center;margin:0}
body.theme-glomac.page-about #common-listing-section .aboutus-values .aboutus-col-5{flex:0 0 33.333%;max-width:33.333%;padding:0 6px}
body.theme-glomac.page-about #common-listing-section .aboutus-values img{border:0;box-shadow:none}
@media (min-width:992px){body.theme-glomac.page-about #common-listing-section .box4{grid-template-columns:repeat(3,1fr)}body.theme-glomac.page-about #common-listing-section .aboutus-values{grid-column:1/-1}body.theme-glomac.page-about #common-listing-section .aboutus-values .aboutus-col-5{flex:0 0 20%;max-width:20%}}

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