/*
Theme Name:     PNMD — Newspaper Child
Theme URI:      https://pnmdps.org
Description:    الثيم الابن لموقع مؤسسة الشبكة الفلسطينية لتطوير الإعلام. يحمل هوية PNMD (الأزرق #003375) وتخصيصات RTL وشورتكود مبدّل اللغة. لا تعدّل الثيم الأصلي Newspaper — كل التخصيص هنا حتى لا تضيع مع التحديثات.
Author:         TakTek
Template:       Newspaper
Version:        1.0.0
Text Domain:    pnmd-child
*/

/* =========================================================
   1. متغيرات الهوية — المصدر الوحيد للألوان
   ========================================================= */
:root {
  --pnmd-navy:  #003375;  /* الأساسي: أزرق الدرع الصحفي */
  --pnmd-deep:  #001A3D;  /* الداكن: الفوتر وشريط الفيديو */
  --pnmd-hover: #0B4EA2;  /* حالة التمرير */
  --pnmd-sky:   #5B9BD5;  /* التمييز — ليس للنصوص الصغيرة (تباين 2.6:1) */
  --pnmd-soft:  #E8F0FA;  /* خلفيات المقاطع المتبادلة */
  --pnmd-ink:   #0F1F38;
  --pnmd-ink2:  #42536B;
  --pnmd-ink3:  #7A8AA0;
  --pnmd-rule:  #DCE4EE;

  /* الخط: Cairo مستضاف محليًا (ملفات fonts/) — لا طلب خارجي */
  --pnmd-font: 'Cairo', 'Segoe UI', Tahoma, system-ui, sans-serif;

  /* الثيم يقرأ خطّيه من هذين المتغيّرين، فإعادة تعريفهما تغطي كل
     مُحدِّداته دفعةً واحدة بدل مطاردتها واحدًا واحدًا. */
  --td_default_google_font_1: 'Cairo', 'Segoe UI', Tahoma, system-ui, sans-serif;
  --td_default_google_font_2: 'Cairo', 'Segoe UI', Tahoma, system-ui, sans-serif;
}

/* =========================================================
   1.b الخط
   الثيم يوزّع Open Sans وRoboto على عشرات المُحدِّدات بـ!important،
   فالإحلال يحتاج مُحدِّدات صريحة لا وراثة من body وحده.
   ========================================================= */

html body,
body .td-theme-wrap,
button, input, select, optgroup, textarea,
.td-theme-wrap h1, .td-theme-wrap h2, .td-theme-wrap h3,
.td-theme-wrap h4, .td-theme-wrap h5, .td-theme-wrap h6,
.td-module-title, .tdb-title-text, .entry-title,
.td-post-content, .td-excerpt, .tdm-descr,
.tdb-menu, .td-header-menu-wrap .sf-menu a,
.td-block-title, .tdb-block-title, .tdm-title,
.td-post-category, .td-cat-name, .td-cat-no,
.ff-el-form-control, .ff-btn, .ff-el-input--label label,
.page-nav a, .page-nav span,
.td-trending-now-title, .td-post-date, .td-module-date { font-family: var(--pnmd-font) !important; }

/* الأرقام اللاتينية داخل نص عربي تبقى مستقيمة الاتجاه */
.td-post-date, .td-module-date, .td-cat-no { font-feature-settings: 'tnum' 1; }

/* Cairo أعرض من Open Sans فبنود القائمة المركّبة
   («شراكات واتفاقيات») كانت تنكسر سطرين وتفسد صفّ الهيدر. */
.tdb_header_menu .tdb-menu > li > a,
.tdb_header_menu .tdb-menu .tdb-menu-item-text,
.td-header-menu-wrap .sf-menu > li > a,
.tdb-mobile-menu a { white-space: nowrap; }
.tdb_header_menu .tdb-menu > li > a { letter-spacing: 0; }

/* شعار الهيدر: القالب يعرضه بعرض ~300px على الديسكتوب وهو أكبر
   من اللازم — تصغيره ربع تقريبًا يعيد التوازن مع صفّ القائمة.
   نطاق الموبايل له مقاسه الخاص من القالب فلا نلمسه. */
@media (min-width: 1019px) {
  .tdb_header_logo .tdb-logo-img { max-width: 230px !important; height: auto; }
}

/* نطاق الديسكتوب الضيّق (قبل تحوّل الهيدر للموبايل عند 1018px):
   البنود العشرة بلا كسر أسطر تحتاج تكثيفًا بسيطًا حتى لا يفيض
   آخر بند خارج الشاشة. */
@media (min-width: 1019px) and (max-width: 1180px) {
  .tdb_header_menu .tdb-menu > li > a {
    font-size: 12.5px !important;
    padding-inline: 8px !important;
  }
}

/* =========================================================
   2. موتيف الدرع — يسبق كل عنوان قسم
   الاستعمال: أضف الكلاس pnmd-shield إلى بلوك العنوان في Composer
   ========================================================= */
.pnmd-shield .td-block-title,
.pnmd-shield .tdb-block-title,
.pnmd-shield .tdm-title {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pnmd-shield .td-block-title::before,
.pnmd-shield .tdb-block-title::before,
.pnmd-shield .tdm-title::before {
  content: "";
  inline-size: 16px;
  block-size: 16px;
  flex: none;
  background: var(--pnmd-navy);
  border-radius: 5px 5px 5px 0;   /* الزاوية المشطوفة المقتبسة من الدرع */
}
.pnmd-shield .td-block-title::after,
.pnmd-shield .tdb-block-title::after,
.pnmd-shield .tdm-title::after {
  content: "";
  block-size: 1px;
  flex: 1;
  background: var(--pnmd-rule);
}
/* على الأسطح الداكنة */
.pnmd-dark .pnmd-shield .td-block-title::before,
.pnmd-dark .pnmd-shield .tdb-block-title::before { background: var(--pnmd-sky); }
.pnmd-dark .pnmd-shield .td-block-title::after,
.pnmd-dark .pnmd-shield .tdb-block-title::after { background: rgba(255,255,255,.18); }

/* =========================================================
   3. تحسينات قراءة عربية
   ========================================================= */
.rtl .tdb_single_content p,
.rtl .td-post-content p {
  font-size: 18px;
  line-height: 1.95;
  color: var(--pnmd-ink2);
}
.rtl .td-module-title,
.rtl .entry-title { line-height: 1.6; }          /* Cairo أطول قامةً، فالأسطر تحتاج مسافة أوسع */
.rtl .td_module_wrap .td-module-meta-info { line-height: 1.7; }

/* الأرقام والهواتف والبُرد دائمًا LTR داخل نص عربي */
.pnmd-ltr, .rtl .pnmd-ltr { unicode-bidi: isolate; }

/* =========================================================
   4. شارة التصنيف: إطار رفيع بدل المستطيل الملوّن
   ========================================================= */
.pnmd-outline-cat .td-post-category {
  background: transparent !important;
  color: var(--pnmd-navy) !important;
  border: 1px solid var(--pnmd-navy);
  border-radius: 3px;
  font-weight: 600;
}
.pnmd-dark .pnmd-outline-cat .td-post-category {
  color: #fff !important;
  border-color: rgba(255,255,255,.55);
}

/* =========================================================
   5. زر «ادعمنا» في القائمة — أضف الكلاس pnmd-btn لعنصر القائمة
   ========================================================= */
.pnmd-btn > a {
  background: var(--pnmd-navy);
  color: #fff !important;
  border-radius: 5px;
  padding: 8px 20px !important;
  margin-inline-start: 10px;
  font-weight: 600;
}
.pnmd-btn > a:hover { background: var(--pnmd-hover); }

/* =========================================================
   6. الشريط العاجل — يظهر فقط عند وجود مادة موسومة «عاجل»
   ========================================================= */
.pnmd-breaking .td-trending-now-title {
  background: #B3261E !important;
  color: #fff !important;
  font-weight: 700;
}

/* =========================================================
   7. تنظيف: إخفاء ما لا نستخدمه في هذا المشروع
   ========================================================= */
.td-a-rec-id-header,
.td-a-rec-id-sidebar,
.td-a-rec-id-custom-spot { display: none !important; }   /* لا مساحات إعلانية */

/* =========================================================
   8. الموبايل
   ========================================================= */
@media (max-width: 767px) {
  .rtl .tdb_single_content p, .rtl .td-post-content p { font-size: 17px; line-height: 1.9; }
  .rtl .td-module-title { font-size: 15px; }   /* 14px صغير جدًا على العربية */
}

/* =========================================================
   9. اتجاه الأعمدة
   الثيم يضع float:left على كل أعمدة الشبكة بلا قاعدة RTL،
   ونتركه كما هو في كل الموقع — بما فيه الفوتر — ليطابق
   ترتيب ديمو Default RTL PRO تمامًا (طلب العميل).
   الاستثناء الوحيد: صف النشرة البريدية الذي أنشأناه نحن.
   ========================================================= */

/* =========================================================
   10. الفوتر
   ========================================================= */
.td-footer-template-wrap .tdb-header-logo,
.td-footer-wrap .tdb-header-logo { text-align: start; }

.td-footer-template-wrap .tdb-header-logo img,
.td-footer-wrap .tdb-header-logo img {
  max-inline-size: 240px;
  block-size: auto;
  margin-inline: 0 auto;
}

/* عناوين أعمدة الفوتر: خط سفلي رفيع بدل الفراغ */
.td-footer-template-wrap .tdm-title,
.td-footer-wrap .tdm-title {
  padding-block-end: 10px;
  margin-block-end: 16px;
  border-block-end: 1px solid rgb(255 255 255 / .14);
}

/* نص الفوتر أهدأ وأوضح */
.td-footer-template-wrap .tdm-descr,
.td-footer-wrap .tdm-descr { color: #B9CCE2; line-height: 2; }

/* قائمة التصنيفات في الفوتر */
.td-footer-template-wrap .td_block_popular_categories .td-cat-name { color: #DCE7F4; }
.td-footer-template-wrap .td_block_popular_categories .td-cat-no { color: #8FB0D2; }

/* =========================================================
   11. حالات التمرير (hover)
   الثيم يجعل لون التمرير #003375 في كل مكان — وهو لون الهوية
   نفسه. على الأسطح الفاتحة يعمل، لكن على الفوتر والأشرطة
   الداكنة يصير أزرق على أزرق = تباين شبه معدوم.
   لذلك: سطح فاتح ← أزرق أفتح، سطح داكن ← سماوي فاتح.
   ========================================================= */

/* ---- أسطح فاتحة ---- */
.td-theme-wrap a:hover,
.td-theme-wrap .td_module_wrap:hover .entry-title a,
.td-theme-wrap .td-module-title a:hover,
.td-theme-wrap .tdb-title-text a:hover,
.td-theme-wrap .td-post-content a:hover,
.td-theme-wrap .td-subcat-item a:hover,
.td-theme-wrap .td-read-more a:hover { color: var(--pnmd-hover) !important; }   /* #0B4EA2 — تباين 7.6:1 على الأبيض */

/* ---- أسطح داكنة: الفوتر وأي صف داكن ---- */
.td-theme-wrap .td-footer-template-wrap a:hover,
.td-theme-wrap .td-footer-wrap a:hover,
.td-theme-wrap .td-footer-template-wrap .td_module_wrap:hover .entry-title a,
.td-theme-wrap .td-footer-wrap .td_module_wrap:hover .entry-title a,
.td-theme-wrap .td-footer-template-wrap .td-cat-name:hover,
.td-theme-wrap .pnmd-dark a:hover,
.td-theme-wrap .td-header-top-menu a:hover { color: #9FC4E8 !important; }        /* تباين 8.9:1 على #001A3D */

/* شريط الفوتر السفلي: سبعة روابط منها ثلاثة قانونية طويلة.
   الثيم يضع margin-right:20px على كل عنصر؛ وفي RTL يقع
   margin-inline-end على اليسار فتتجمع المسافتان (34px) ويهبط
   آخر رابط سطرًا ثانيًا. نصفّر الهوامش الفيزيائية ونضبط
   التباعد بـ gap على القائمة نفسها (وهي flex أصلًا). */
body .td-footer-template-wrap .td_block_list_menu ul li,
body .td-footer-wrap .td_block_list_menu ul li { margin: 0 !important; }

.td-footer-template-wrap .td_block_list_menu ul,
.td-footer-wrap .td_block_list_menu ul { display: flex; flex-wrap: wrap; gap: 8px 16px; }

.td-footer-template-wrap .td_block_list_menu a,
.td-footer-wrap .td_block_list_menu a { white-space: nowrap; }

@media (min-width: 768px) and (max-width: 1180px) {
  .td-footer-template-wrap .td_block_list_menu a,
  .td-footer-wrap .td_block_list_menu a { font-size: 11.5px !important; }
  .td-footer-template-wrap .td_block_list_menu ul,
  .td-footer-wrap .td_block_list_menu ul { gap: 8px 12px; }
}

/* روابط الفوتر السفلية (الحقوق والقانونية) */
.td-theme-wrap .td-footer-template-wrap .td_block_list_menu a:hover,
.td-theme-wrap .td-footer-wrap .td_block_list_menu a:hover { color: #FFFFFF !important; }

/* ---- القائمة الرئيسية: شريطها أبيض فالعنصر النشط أزرق ---- */
.td-theme-wrap .tdb_header_menu .tdb-menu > li > a:hover,
.td-theme-wrap .tdb_header_menu .tdb-menu > li.current-menu-item > a,
.td-theme-wrap .tdb_header_menu .tdb-menu > li.current-menu-ancestor > a,
.td-theme-wrap .tdb_header_menu .tdb-menu > li.current-category-ancestor > a { color: var(--pnmd-navy) !important; }

/* ---- عناصر أخرى ---- */
.td-theme-wrap .td-post-category:hover { background-color: var(--pnmd-hover) !important; color: #fff !important; }
.td-theme-wrap .page-nav a:hover { background-color: var(--pnmd-navy) !important; border-color: var(--pnmd-navy) !important; color: #fff !important; }
.td-theme-wrap .td-trending-now-wrapper:hover .td-trending-now-title { background-color: var(--pnmd-hover) !important; }

.tdm_block_socials .tdm-social-item { transition: background-color .18s ease, transform .18s ease; }
.tdm_block_socials .tdm-social-item:hover { background-color: var(--pnmd-navy) !important; transform: translateY(-2px); }
.td-footer-template-wrap .tdm_block_socials .tdm-social-item:hover { background-color: #9FC4E8 !important; }
.td-footer-template-wrap .tdm_block_socials .tdm-social-item:hover i { color: #001A3D !important; }

a, .td-post-category, .page-nav a { transition: color .18s ease, background-color .18s ease, border-color .18s ease; }
@media (prefers-reduced-motion: reduce) {
  a, .td-post-category, .page-nav a, .tdm_block_socials .tdm-social-item { transition: none; }
  .tdm_block_socials .tdm-social-item:hover { transform: none; }
}

/* =========================================================
   12. شريط النشرة البريدية — القواعد كلها في القسم 16 أدناه.
   (النسخة القديمة هنا كانت أعلى تخصيصًا فتتغلّب على التصميم
   الجديد وتُبقي الزر أبيض بلا كبسولة، فأُزيلت.)
   ========================================================= */

/* =========================================================
   13. محاذاة النص العربي
   قوالب الديمو تحمل text-align:left مثبّتًا في أكثر من موضع،
   فتظهر متون المقالات العربية بحافة يمنى مهلهلة.
   ========================================================= */
.rtl .tdb_single_content,
.rtl .tdb_single_content p,
.rtl .tdb_single_content li,
.rtl .tdb_single_content h1,
.rtl .tdb_single_content h2,
.rtl .tdb_single_content h3,
.rtl .tdb_single_content h4,
.rtl .td-post-content,
.rtl .td-post-content p,
.rtl .td-post-content li,
.rtl .tdb-block-inner .tdm-descr,
.rtl .entry-content,
.rtl .entry-content p { text-align: start !important; }

/* العناوين والميتا داخل البطاقات */
.rtl .td-module-title,
.rtl .tdb-title-text,
.rtl .td-module-meta-info,
.rtl .td-excerpt { text-align: start; }

/* الاقتباسات تبقى منسّقة يمينًا أيضًا */
.rtl blockquote { text-align: start; border-inline-start: 3px solid var(--pnmd-navy); border-inline-end: 0; padding-inline-start: 18px; padding-inline-end: 0; }

/* =========================================================
   14. تفاصيل الموبايل
   ========================================================= */
@media (max-width: 767px) {
  /* الشعار كان مقصوصًا من أعلى بسبب هامش سالب في قالب الديمو */
  .td-header-mobile-wrap .tdb-header-logo,
  .td-header-mobile-wrap .tdb-logo-a { margin-top: 0 !important; }

  /* أهداف اللمس */
  .td-mobile-container a,
  .tdb-menu-item a,
  .td-module-title a { min-block-size: 40px; display: inline-block; }

  /* قابلية القراءة */
  .rtl .td-module-title a { font-size: 15.5px; line-height: 1.55; }
  .rtl .td-post-category { font-size: 11px; }
  .rtl .td-module-meta-info .entry-date { font-size: 12px; }
}

/* الشريط المتحرك: قصّ العنوان بثلاث نقاط بدل قطعه */
.td-trending-now-display-area .entry-title a {
  display: inline-block; max-inline-size: 100%;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* ويدجت «فئة شعبية» في الفوتر: الاسم يمين والعدد يسار */
.td_block_popular_categories ul { display: block; }
.td_block_popular_categories li { display: block; float: none; width: 100%; }
.td_block_popular_categories li a {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
}
.td_block_popular_categories .td-cat-name,
.td_block_popular_categories .td-cat-no { float: none !important; margin: 0 !important; }
.td_block_popular_categories .td-cat-no { flex: 0 0 auto; font-variant-numeric: tabular-nums; }

/* التمرير هنا يلوّنه الثيم #003375 = نفس خلفية الفوتر، فيختفي */
.td-theme-wrap .td-footer-template-wrap .td_block_popular_categories li:hover .td-cat-name,
.td-theme-wrap .td-footer-template-wrap .td_block_popular_categories li:hover .td-cat-no,
.td-theme-wrap .td-footer-wrap .td_block_popular_categories li:hover .td-cat-name,
.td-theme-wrap .td-footer-wrap .td_block_popular_categories li:hover .td-cat-no { color: #9FC4E8 !important; }

/* =========================================================
   15. شبكة الصدارة على الموبايل
   الديمو يحوّلها إلى شريط تمرير أفقي، فتظهر البطاقات مقصوصة
   عند حافة الشاشة وتبدو كخلل. نعرضها عمودًا واحدًا.
   ========================================================= */
@media (max-width: 767px) {
  .td-big-grid-flex-scroll .td-big-grid-flex-scroll-holder {
    display: block !important;
    overflow: visible !important;
    inline-size: 100% !important;
    transform: none !important;
  }
  .td-big-grid-flex-scroll .td-big-grid-flex-post {
    inline-size: 100% !important;
    min-inline-size: 100% !important;
    max-inline-size: 100% !important;
    margin-inline: 0 !important;
    margin-block-end: 12px;
    float: none !important;
  }
  .td-big-grid-flex-scroll { overflow: hidden !important; }
  /* أسهم/نقاط التمرير لم تعد لها وظيفة */
  .td-big-grid-flex-scroll .td-next-prev-wrap { display: none; }

  /* شريط المستجدات: عنوان واحد كامل بدل القطع */
  .td-trending-now-display-area { inline-size: 100%; }
}

/* =========================================================
   16. شريط النشرة — إصلاح الانعكاس والتباين
   صف الديمو يفرض text-align:left على كل بلوكاته، وأعمدته
   تطفو يسارًا فينقلب الترتيب: العنوان يسار والنموذج يمين.
   ========================================================= */
.rtl .pnmd-newsletter > .tdc-columns > [class*="td-pb-span"],
.rtl .pnmd-newsletter > [class*="td-pb-span"] { float: right; }

/* المحاذاة تتبع اتجاه الصفحة لا الديمو */
.rtl .pnmd-newsletter .td_block_wrap,
.rtl .pnmd-newsletter .tdm-title,
.rtl .pnmd-newsletter .tdm-descr,
.rtl .pnmd-newsletter .tdm_block { text-align: start !important; }

.rtl .pnmd-newsletter .tdm-content-horiz-left,
.rtl .pnmd-newsletter .tdm-content-horiz-right { text-align: start !important; }

/* التباين: النص الشارح كان بلون داكن على خلفية زرقاء = غير مقروء */
.pnmd-newsletter .tdm-descr,
.pnmd-newsletter .tdm_block_inline_text .tdm-descr,
.pnmd-newsletter p { color: #DCE7F4 !important; }

.pnmd-newsletter .tdm-title,
.pnmd-newsletter h2 { color: #FFFFFF !important; }

/* ---- النموذج: حقل + زر في كبسولة واحدة ---- */
.pnmd-newsletter .fluentform,
.pnmd-newsletter .frm-fluent-form { max-inline-size: min(520px, 100%); }
/* الـfieldset عليه min-inline-size:100% مضمّن — يوسّع الصف كله على الموبايل */
.pnmd-newsletter .frm-fluent-form fieldset { min-inline-size: 0 !important; max-inline-size: 100%; }
.pnmd-newsletter .fluentform { max-inline-size: 100%; }
.pnmd-newsletter .frm-fluent-form legend { position: absolute; }

/* اللابل مخفي بصريًا فقط — يبقى للقارئ الشاشي، والبلايسهولدر يكفي بصريًا */
.pnmd-newsletter .ff-el-input--label {
  position: absolute; inline-size: 1px; block-size: 1px;
  overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}

.pnmd-newsletter .ff-el-form-control {
  block-size: 54px; border: 0 !important; border-radius: 0; background: transparent;
  padding-inline: 20px; color: #0F1F38; font-size: 15px; box-shadow: none !important;
}
.pnmd-newsletter .ff-el-form-control::placeholder { color: #7186A0; opacity: 1; }
.pnmd-newsletter .ff-el-form-control:focus { box-shadow: none !important; }

.pnmd-newsletter .ff-btn.ff-btn-submit {
  block-size: 54px; border: 0; border-radius: 0; padding-inline: 32px;
  font-weight: 700; font-size: 15px; white-space: nowrap;
  /* أغمق من خلفية الشريط (#003375) وإلا ذاب الزر فيها */
  background-color: var(--pnmd-deep) !important; color: #FFFFFF !important;
}
.pnmd-newsletter .ff-btn.ff-btn-submit:hover { background-color: var(--pnmd-hover) !important; color: #FFFFFF !important; }

@media (min-width: 768px) {
  /* الكبسولة تُرسم على <form>: الـfieldset عليه style مضمّن
     background-color:transparent!important فلا يقبل التلوين. */
  .pnmd-newsletter form.frm-fluent-form {
    background: #FFFFFF; border-radius: 10px; overflow: hidden;
    box-shadow: 0 10px 28px rgba(0, 12, 32, .22);
    block-size: 56px;
  }
  .pnmd-newsletter form.frm-fluent-form:focus-within { outline: 3px solid #9FC4E8; outline-offset: 3px; }

  /* كل الطبقات تمتد بارتفاع الكبسولة حتى يلتصق الزر بحوافها */
  .pnmd-newsletter .frm-fluent-form fieldset { display: flex; align-items: stretch; gap: 0; block-size: 100%; }
  .pnmd-newsletter .frm-fluent-form .ff-el-group {
    flex: 1 1 auto; margin-block-end: 0 !important; block-size: 100%; display: flex;
  }
  .pnmd-newsletter .frm-fluent-form .ff-el-input--content { flex: 1 1 auto; display: flex; }
  .pnmd-newsletter .frm-fluent-form .ff-el-form-control { block-size: 100%; align-self: stretch; }
  .pnmd-newsletter .frm-fluent-form .ff_submit_btn_wrapper { flex: 0 0 auto; display: flex; }
  .pnmd-newsletter .frm-fluent-form .ff-btn.ff-btn-submit { block-size: 100%; align-self: stretch; margin: 0; }
}

/* الموبايل: حقل ثم زر بعرض كامل */
@media (max-width: 767px) {
  .rtl .pnmd-newsletter > .tdc-columns > [class*="td-pb-span"],
  .rtl .pnmd-newsletter > [class*="td-pb-span"] { float: none; }
  .pnmd-newsletter .frm-fluent-form { margin-block-start: 18px; }
  .pnmd-newsletter .frm-fluent-form fieldset { display: block; }
  .pnmd-newsletter .ff-el-form-control {
    background: #FFFFFF; border-radius: 10px; block-size: 52px;
    box-shadow: 0 6px 18px rgba(0, 12, 32, .18);
  }
  .pnmd-newsletter .ff_submit_btn_wrapper { margin-block-start: 12px; }
  .pnmd-newsletter .ff-btn.ff-btn-submit {
    inline-size: 100%; border-radius: 10px; block-size: 52px;
    background-color: #FFFFFF !important; color: var(--pnmd-navy) !important;
  }
  .pnmd-newsletter .ff-btn.ff-btn-submit:hover { background-color: var(--pnmd-soft) !important; color: #001A3D !important; }
}

/* رسائل النموذج فوق الأزرق */
.pnmd-newsletter .ff-message-success { color: #FFFFFF; border-color: rgba(255,255,255,.4); background: rgba(255,255,255,.10); }
.pnmd-newsletter .error.text-danger, .pnmd-newsletter .ff-el-is-error .text-danger { color: #FFD2D2 !important; }

/* =========================================================
   17. محاذاة عناوين الفوتر
   الثيم يترك عناوين البلوكات على text-align:left فتظهر
   في بداية العمود الخاطئة داخل صفحة عربية.
   ========================================================= */

.rtl .td-footer-template-wrap .td-block-title-wrap,
.rtl .td-footer-template-wrap .td-block-title,
.rtl .td-footer-template-wrap .tdb-block-title,
.rtl .td-footer-template-wrap .td_block_wrap > .td-block-title,
.rtl .td-footer-template-wrap .tdm-title,
.rtl .td-footer-template-wrap .tdb_module_header,
.rtl .td-footer-wrap .td-block-title-wrap,
.rtl .td-footer-wrap .td-block-title { text-align: right !important; }

.rtl .td-footer-template-wrap .td-block-title > span,
.rtl .td-footer-template-wrap .td-block-title > a { float: none; display: inline-block; }

/* لون العناوين: tagDiv يطبع لون البلوك للديسكتوب فقط، فعلى الموبايل
   ترث h4 اللون الافتراضي #111 على خلفية كحلي = غير مرئية. */
.td-footer-template-wrap .td-block-title,
.td-footer-template-wrap .td-block-title a,
.td-footer-template-wrap .td-block-title span,
.td-footer-template-wrap .tdm-title,
.td-footer-wrap .td-block-title,
.td-footer-wrap .td-block-title a,
.td-footer-wrap .td-block-title span,
.td-footer-wrap .tdm-title { color: #FFFFFF !important; }

/* عناوين الأعمدة ونصوصها: tagDiv يضع tdm-content-horiz-left على البلوك
   فيلصق العنوان بيسار العمود داخل صفحة عربية. */
.rtl .td-footer-template-wrap .tdm-content-horiz-left,
.rtl .td-footer-template-wrap .tdm-content-horiz-left .tdm-title,
.rtl .td-footer-template-wrap .tdm-content-horiz-left .tdm-descr,
.rtl .td-footer-template-wrap .tdm_block_column_title,
.rtl .td-footer-template-wrap .tdm_block_column_title .tdm-title { text-align: right !important; }

/* نصوص الفوتر تُقرأ من اليمين — عدا شريط الحقوق السفلي الذي
   يحاذي جهته الطبيعية كما في الديمو. */
.rtl .td-footer-template-wrap .tdm_block_inline_text:not(.tdi_122) .tdm-descr,
.rtl .td-footer-template-wrap .tdm_block_inline_text:not(.tdi_122) p,
.rtl .td-footer-template-wrap .wpb_text_column,
.rtl .td-footer-template-wrap .td_block_wrap > p { text-align: right !important; }

/* استثناء: شريط الحقوق السفلي يلتصق بحافة صفحته كما في الديمو،
   وإلا وقف نصّه في منتصف الصفحة بعيدًا عن قائمة الروابط. */
.rtl .td-footer-wrap .tdc_zone > .tdc-row:last-child .tdm-descr,
.rtl .td-footer-template-wrap .tdc_zone > .tdc-row:last-child .tdm-descr { text-align: left !important; }

/* الخط الصغير تحت العنوان يتبع الجهة نفسها */
.rtl .td-footer-template-wrap .tdm-title-line:after,
.rtl .td-footer-template-wrap .tdm-title-line { inset-inline-start: auto; inset-inline-end: 0; }

/* =========================================================
   18. خلفية درج الموبايل ونافذة الدخول
   استيراد الديمو ثبّت صورة موديل من tagDiv كخلفية للدرج
   (تظهر على التليفون فقط). أُفرغت من لوحة الثيم، ونثبّت
   هنا تدرّج الهوية حتى لا يبقى الدرج شبه شفاف.
   ========================================================= */

.td-menu-background,
.td-search-background,
.td-login-background { background-image: none !important; }

.td-menu-background:before,
.td-search-background:before,
.td-login-background:before {
  background: linear-gradient(180deg, #001A3D 0%, #003375 100%) !important;
  opacity: 1 !important;
}

/* =========================================================
   19. لوحة بحث الهيدر
   نسخة td-cloud-library 3.9.6 المثبتة تطبع margin-left:0 فقط
   في RTL بينما بناء الديمو يطبع معها margin-right:auto، فتُفتح
   اللوحة بعيدًا عن أيقونتها ويخرج جزء منها خارج الشاشة.
   تُحذف قاعدة الـRTL بعد تحديث الإضافة.
   ========================================================= */

.rtl .tdb-header-search-trigger-enabled .tdb-drop-down-search-inner { margin-right: auto; }

/* في LTR الأيقونة أقصى اليمين، فتُربط الحافة اليمنى للوحة بها */
body:not(.rtl) .tdb-header-search-trigger-enabled .tdb-drop-down-search { left: auto; right: 0; }
body:not(.rtl) .tdb-header-search-trigger-enabled .tdb-drop-down-search-inner { margin-left: auto; }

/* =========================================================
   20. شريط فيديو وبودكاست
   صفّ داكن يمنح المواد المرئية حضورًا مستقلًا بدل أن تُزاحم
   شبكة الأخبار. الألوان هنا لا في خصائص البلوك حتى يبقى
   الصفّ قابلًا للتحرير من الباني بلا مفاجآت.
   ========================================================= */

.pnmd-video .tdm-title,
.pnmd-video .td-module-title a,
.pnmd-video .entry-title a { color: #FFFFFF !important; }

.pnmd-video .tdm-descr,
.pnmd-video .td-post-date,
.pnmd-video .td-module-date,
.pnmd-video .td-post-author-name a { color: #A9C4E3 !important; }

.pnmd-video .td_module_wrap:hover .entry-title a,
.pnmd-video .td-module-title a:hover { color: #9FC4E8 !important; }

.pnmd-video .td-post-category {
  background-color: rgba(255, 255, 255, .12) !important;
  color: #DCE7F4 !important;
  border: 0;
}

/* أيقونة التشغيل تكبر قليلًا على الأسطح الداكنة حتى تُقرأ */
.pnmd-video .td-video-play-ico i { color: #FFFFFF; }

/* العمود النصّي يلتصق بأعلى الصف بدل التوسيط الرأسي */
.pnmd-video .tdm_block_column_title { margin-block-end: 10px; }
.pnmd-video .tdm_block_button { margin-block-start: 18px; }

@media (max-width: 767px) {
  .rtl .pnmd-video > .tdc-columns > [class*="td-pb-span"],
  .rtl .pnmd-video > [class*="td-pb-span"] { float: none; }
  .pnmd-video .tdm_block_button { margin-block-end: 22px; }
}

/* زر «كل المواد المرئية»: tagDiv لا يرسم الإطار ما لم يُضبط سُمكه،
   فنرسمه هنا بدل تمرير خاصية إضافية للبلوك. */
.pnmd-video .tdm-btn {
  border: 1px solid rgba(159, 196, 232, .55) !important;
  border-radius: 6px;
  padding: 9px 20px !important;
  transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}
.pnmd-video .tdm-btn:hover {
  background-color: #9FC4E8 !important;
  border-color: #9FC4E8 !important;
}
.pnmd-video .tdm-btn:hover .tdm-btn-text { color: #001A3D !important; }

/* =========================================================
   21. صفحة «من نحن» — pnmd-about
   صفحة مؤسسية كاملة العرض بلا سايدبار: هيرو أزرق، بطاقات
   رؤية/رسالة، شبكة أهداف مرقّمة، اقتباس الرئيس، خط زمني،
   بطاقات حضور، ثم شريط دعوة. كل التخطيط هنا والمحتوى في
   بلوكات raw-html داخل الباني.
   ========================================================= */

.pnmd-about-wrap { font-family: var(--pnmd-font); }

/* tagDiv يطبع لكل صف .td_block_wrap{text-align:left} فترث
   بطاقات الأقسام محاذاة يسارية داخل صفحة عربية. start تُعيدها
   لليمين، والأقسام الممركزة (الهيرو، الاقتباس، الدعوة، رؤوس
   الأقسام) تحتفظ بقاعدتها الخاصة لأنها على العنصر نفسه. */
.pnmd-about-wrap .td_block_wrap,
.pnmd-about-wrap .vc_raw_html { text-align: start !important; }

/* ---- الهيرو ---- */
.pnmd-about-hero { text-align: center; color: #fff; max-inline-size: 860px; margin-inline: auto; }
.pnmd-about-hero .kicker {
  display: inline-block; font-size: 13px; font-weight: 600; letter-spacing: .12em;
  color: #9FC4E8; border: 1px solid rgba(159,196,232,.45); border-radius: 999px;
  padding: 4px 16px; margin-block-end: 18px;
}
.pnmd-about-hero h1 {
  font-size: clamp(26px, 4vw, 42px); line-height: 1.55; font-weight: 700;
  color: #fff; margin: 0 0 14px;
}
.pnmd-about-hero .lede { font-size: 17px; line-height: 2; color: #DCE7F4; margin: 0 auto; max-inline-size: 640px; }
.pnmd-about-hero .lede strong { color: #fff; }

.pnmd-about-stats {
  display: flex; justify-content: center; gap: 14px; flex-wrap: wrap;
  margin-block-start: 30px;
}
.pnmd-about-stats .stat {
  background: rgba(255,255,255,.07); border: 1px solid rgba(159,196,232,.3);
  border-radius: 10px; padding: 14px 26px; min-inline-size: 130px;
}
.pnmd-about-stats .n { display: block; font-size: 26px; font-weight: 700; color: #fff; font-variant-numeric: tabular-nums; }
.pnmd-about-stats .l { display: block; font-size: 13px; color: #B9CCE2; margin-block-start: 2px; }

/* ---- عناوين الأقسام ---- */
.pnmd-about-sec { max-inline-size: 1100px; margin-inline: auto; }
.pnmd-about-sec .sec-head { text-align: center; margin-block-end: 34px; }
.pnmd-about-sec .sec-head .eyebrow { font-size: 13px; font-weight: 600; letter-spacing: .1em; color: var(--pnmd-sky); margin-block-end: 6px; }
.pnmd-about-sec .sec-head h2 {
  font-size: clamp(22px, 3vw, 30px); font-weight: 700; color: var(--pnmd-navy);
  margin: 0; line-height: 1.5; position: relative; display: inline-block; padding-block-end: 12px;
}
.pnmd-about-sec .sec-head h2::after {
  content: ""; position: absolute; inset-inline-start: 50%; transform: translateX(50%);
  inset-block-end: 0; inline-size: 46px; block-size: 3px; border-radius: 2px;
  background: linear-gradient(90deg, var(--pnmd-navy), var(--pnmd-sky));
}

/* ---- بطاقتا الرؤية والرسالة ---- */
.pnmd-vm { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 22px; }
.pnmd-vm .card {
  min-width: 0; background: #fff; border: 1px solid var(--pnmd-rule); border-radius: 12px;
  padding: 30px 28px; position: relative; overflow: hidden;
}
.pnmd-vm .card::before {
  content: ""; position: absolute; inset-block-start: 0; inset-inline-start: 0;
  inline-size: 100%; block-size: 4px; background: linear-gradient(90deg, var(--pnmd-navy), var(--pnmd-sky));
}
.pnmd-vm .card .ic {
  inline-size: 46px; block-size: 46px; border-radius: 10px; background: var(--pnmd-soft);
  display: grid; place-items: center; margin-block-end: 14px; color: var(--pnmd-navy);
}
.pnmd-vm .card h3 { font-size: 19px; font-weight: 700; color: var(--pnmd-navy); margin: 0 0 8px; }
.pnmd-vm .card p { font-size: 15.5px; line-height: 2; color: var(--pnmd-ink2); margin: 0; }

/* ---- شبكة الأهداف ---- */
.pnmd-goals { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 20px; counter-reset: goal; }
.pnmd-goals .goal {
  min-width: 0; counter-increment: goal; background: #fff; border: 1px solid var(--pnmd-rule);
  border-radius: 12px; padding: 26px 24px; transition: box-shadow .2s ease, transform .2s ease;
}
.pnmd-goals .goal:hover { box-shadow: 0 12px 30px rgba(0, 26, 61, .10); transform: translateY(-3px); }
.pnmd-goals .goal::before {
  content: counter(goal, arabic-indic);
  display: grid; place-items: center; inline-size: 40px; block-size: 40px;
  border-radius: 50%; background: var(--pnmd-navy); color: #fff;
  font-size: 17px; font-weight: 700; margin-block-end: 14px;
}
/* الأهداف خمسة، فشبكة الثلاثة أعمدة تترك فراغًا في الصف الثاني.
   شبكة من ستة أعمدة تحل المسألة: الثلاثة الأولى بعرض عمودين،
   والأخيران بعرض ثلاثة — فيمتلئ الصفّان تمامًا، والبطاقتان
   الأطول نصًا تأخذان مساحة أوسع. */
@media (min-width: 1020px) {
  .pnmd-goals { grid-template-columns: repeat(6, 1fr); }
  .pnmd-goals .goal { grid-column: span 2; }
  .pnmd-goals .goal:nth-child(4),
  .pnmd-goals .goal:nth-child(5) { grid-column: span 3; }
}

/* التابلت: عمودان، والأخيرة تمتد بعرض الصف بدل أن تبقى يتيمة */
@media (min-width: 768px) and (max-width: 1019px) {
  .pnmd-goals { grid-template-columns: repeat(2, 1fr); }
  .pnmd-goals .goal:nth-child(5) { grid-column: 1 / -1; }
}

.pnmd-goals h3 { font-size: 16.5px; font-weight: 700; color: var(--pnmd-ink); margin: 0 0 8px; line-height: 1.7; }
.pnmd-goals p { font-size: 14.5px; line-height: 1.95; color: var(--pnmd-ink2); margin: 0; }

/* ---- محاور الشراكة ---- */
.pnmd-tracks { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.pnmd-tracks .track {
  min-width: 0; background: var(--pnmd-soft); border-radius: 12px; padding: 26px 24px;
  border-inline-start: 4px solid var(--pnmd-navy);
}
.pnmd-tracks h3 { font-size: 17px; font-weight: 700; color: var(--pnmd-navy); margin: 0 0 8px; }
.pnmd-tracks p { font-size: 14.5px; line-height: 1.95; color: var(--pnmd-ink2); margin: 0; }

/* ---- اقتباس الرئيس ---- */
.pnmd-quote { text-align: center; color: #fff; max-inline-size: 800px; margin-inline: auto; }
.pnmd-quote .mark { font-family: Georgia, serif; font-size: 84px; line-height: .4; color: #5B9BD5; display: block; margin-block-end: 24px; }
.pnmd-quote blockquote { margin: 0; font-size: clamp(18px, 2.6vw, 24px); line-height: 2; font-weight: 500; color: #EAF1FA; border: 0; padding: 0; background: transparent; }
.pnmd-quote cite { display: block; font-style: normal; margin-block-start: 22px; font-size: 15px; color: #9FC4E8; }
.pnmd-quote cite b { display: block; font-size: 16.5px; color: #fff; margin-block-end: 2px; }

/* ---- الخط الزمني ---- */
.pnmd-timeline { position: relative; max-inline-size: 760px; margin-inline: auto; }
.pnmd-timeline::before {
  content: ""; position: absolute; inset-inline-start: 9px; inset-block: 6px;
  inline-size: 2px; background: var(--pnmd-rule);
}
.pnmd-timeline .mile { position: relative; padding-inline-start: 42px; padding-block-end: 26px; }
.pnmd-timeline .mile:last-child { padding-block-end: 0; }
.pnmd-timeline .mile::before {
  content: ""; position: absolute; inset-inline-start: 3px; inset-block-start: 7px;
  inline-size: 14px; block-size: 14px; border-radius: 50%;
  background: #fff; border: 3px solid var(--pnmd-navy);
}
.pnmd-timeline .when { font-size: 13px; font-weight: 700; color: var(--pnmd-sky); letter-spacing: .02em; }
.pnmd-timeline .what { font-size: 15.5px; line-height: 1.95; color: var(--pnmd-ink); margin-block-start: 2px; }

/* ---- الحضور ---- */
.pnmd-places { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 18px; }
.pnmd-places .place {
  min-width: 0; background: #fff; border: 1px solid var(--pnmd-rule); border-radius: 12px;
  padding: 22px; text-align: center;
}
.pnmd-places .pin {
  inline-size: 42px; block-size: 42px; margin: 0 auto 12px; border-radius: 50%;
  background: var(--pnmd-soft); display: grid; place-items: center; color: var(--pnmd-navy);
}
.pnmd-places h3 { font-size: 16px; font-weight: 700; color: var(--pnmd-navy); margin: 0 0 4px; }
.pnmd-places p { font-size: 13.5px; color: var(--pnmd-ink3); margin: 0; line-height: 1.8; }

/* ---- الدعوة الختامية ---- */
.pnmd-about-cta { text-align: center; color: #fff; max-inline-size: 720px; margin-inline: auto; }
.pnmd-about-cta h2 { font-size: clamp(22px, 3vw, 30px); font-weight: 700; color: #fff; margin: 0 0 10px; }
.pnmd-about-cta p { font-size: 16px; color: #C2D6EC; margin: 0 0 26px; line-height: 2; }
.pnmd-about-cta .btns { display: flex; gap: 14px; justify-content: center; flex-wrap: wrap; }
.pnmd-about-cta a.b {
  display: inline-block; padding: 12px 34px; border-radius: 8px; font-weight: 700; font-size: 15px;
  text-decoration: none; transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}
.pnmd-about-cta a.b1 { background: #fff; color: var(--pnmd-navy) !important; }
.pnmd-about-cta a.b1:hover { background: var(--pnmd-soft); color: #001A3D !important; }
.pnmd-about-cta a.b2 { background: transparent; color: #fff !important; border: 1px solid rgba(159,196,232,.55); }
.pnmd-about-cta a.b2:hover { background: #9FC4E8; color: #001A3D !important; border-color: #9FC4E8; }

/* الموبايل */
@media (max-width: 767px) {
  /* سكربت stretch_row يكتب width وmargin سالبًا على غلاف
     .tdc-row الأب فيقصّ المحتوى على الشاشات الضيقة —
     نلغي حسابه ونمدّ الصف بأنفسنا. */
  .tdc-row[style]:has(> .pnmd-about-wrap) { width: auto !important; margin: 0 !important; }
  .tdc-row:has(> .pnmd-about-wrap) {
    margin-inline: calc(50% - 50vw) !important;
    inline-size: 100vw !important; max-inline-size: 100vw;
  }
  .pnmd-about-wrap[style] { width: auto !important; margin-inline: 0 !important; }
  .pnmd-about-wrap .vc_column { padding-inline: 20px; }

  .pnmd-about-stats .stat { padding: 12px 18px; min-inline-size: 104px; }
  .pnmd-about-stats .n { font-size: 21px; }
  .pnmd-vm .card, .pnmd-goals .goal, .pnmd-tracks .track { padding: 22px 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .pnmd-goals .goal { transition: none; }
  .pnmd-goals .goal:hover { transform: none; }
}

/* =========================================================
   22. صفحة «انضم إلينا» — pnmd-join
   كانت تعرض فقرة وقائمة فارغة (الـ<ul> وُلد بلا عناصر عند
   الهجرة) فبدت الصفحة خاوية. صارت بوابة تحويل: خمس بطاقات
   تقود إلى نماذج الانضمام الخمسة، وشريط خطوات، ودعوة تواصل.
   تشارك .pnmd-about-wrap في قواعد العرض الكامل والمحاذاة.
   ========================================================= */

/* ---- شبكة البوابات ---- */
.pnmd-portals { display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); gap: 20px; }

.pnmd-portals .portal {
  min-width: 0; display: flex; flex-direction: column;
  background: #fff; border: 1px solid var(--pnmd-rule); border-radius: 12px;
  padding: 28px 26px; text-decoration: none;
  transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.pnmd-portals .portal:hover {
  box-shadow: 0 14px 34px rgba(0, 26, 61, .12);
  transform: translateY(-3px);
  border-color: var(--pnmd-sky);
}

/* البوابات خمس — نفس علاج شبكة الأهداف حتى يمتلئ الصفّان */
@media (min-width: 1020px) {
  .pnmd-portals { grid-template-columns: repeat(6, 1fr); }
  .pnmd-portals .portal { grid-column: span 2; }
  .pnmd-portals .portal:nth-child(4),
  .pnmd-portals .portal:nth-child(5) { grid-column: span 3; }
}

@media (min-width: 768px) and (max-width: 1019px) {
  .pnmd-portals { grid-template-columns: repeat(2, 1fr); }
  .pnmd-portals .portal:nth-child(5) { grid-column: 1 / -1; }
}

.pnmd-portals .ic {
  inline-size: 48px; block-size: 48px; border-radius: 12px;
  background: var(--pnmd-soft); color: var(--pnmd-navy);
  display: grid; place-items: center; margin-block-end: 16px;
}
.pnmd-portals .portal:hover .ic { background: var(--pnmd-navy); color: #fff; }

.pnmd-portals h3 { font-size: 18px; font-weight: 700; color: var(--pnmd-navy) !important; margin: 0 0 8px; }
.pnmd-portals p { font-size: 14.5px; line-height: 1.95; color: var(--pnmd-ink2); margin: 0 0 18px; flex: 1 1 auto; }

.pnmd-portals .go {
  font-size: 14px; font-weight: 700; color: var(--pnmd-navy);
  display: inline-flex; align-items: center; gap: 8px;
}
.pnmd-portals .go svg { transition: transform .18s ease; }
/* السهم يشير إلى جهة القراءة — في RTL ينعكس */
.rtl .pnmd-portals .go svg { transform: scaleX(-1); }
.pnmd-portals .portal:hover .go svg { transform: translateX(-4px); }
.rtl .pnmd-portals .portal:hover .go svg { transform: scaleX(-1) translateX(-4px); }

/* ---- شريط الخطوات ---- */
.pnmd-steps { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 22px; counter-reset: st; }
.pnmd-steps .step { min-width: 0; counter-increment: st; text-align: center; }
.pnmd-steps .step::before {
  content: counter(st, arabic-indic);
  display: grid; place-items: center; inline-size: 46px; block-size: 46px;
  margin: 0 auto 14px; border-radius: 50%;
  background: rgba(255,255,255,.10); border: 1px solid rgba(159,196,232,.45);
  color: #fff; font-size: 18px; font-weight: 700;
}
.pnmd-steps h3 { font-size: 17px; font-weight: 700; color: #fff !important; margin: 0 0 6px; }
.pnmd-steps p { font-size: 14.5px; line-height: 1.9; color: #C2D6EC; margin: 0; }

@media (max-width: 767px) {
  .pnmd-portals .portal { padding: 22px 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .pnmd-portals .portal, .pnmd-portals .go svg { transition: none; }
  .pnmd-portals .portal:hover { transform: none; }
}

/* =========================================================
   23. صفحة «اتصل بنا» — pnmd-contact
   كانت فقرة وقائمة نقطية داخل قالب مقال. صارت صفحة تواصل:
   ثلاث بطاقات اتصال قابلة للنقر، ثم عمودان — النموذج بجانب
   بطاقة التواصل المباشر وروابط المنصات.
   تشارك .pnmd-about-wrap في قواعد العرض الكامل والمحاذاة.
   ========================================================= */

/* ---- بطاقات الاتصال ---- */
.pnmd-contact-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; }

.pnmd-contact-cards .cc {
  min-width: 0; display: block; text-decoration: none;
  background: #fff; border: 1px solid var(--pnmd-rule); border-radius: 12px;
  padding: 26px 24px; text-align: center;
  transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.pnmd-contact-cards a.cc:hover {
  box-shadow: 0 14px 32px rgba(0, 26, 61, .11);
  transform: translateY(-3px);
  border-color: var(--pnmd-sky);
}
.pnmd-contact-cards .ic {
  inline-size: 48px; block-size: 48px; margin: 0 auto 14px; border-radius: 50%;
  background: var(--pnmd-soft); color: var(--pnmd-navy);
  display: grid; place-items: center;
}
.pnmd-contact-cards a.cc:hover .ic { background: var(--pnmd-navy); color: #fff; }
.pnmd-contact-cards h3 { font-size: 16px; font-weight: 700; color: var(--pnmd-navy) !important; margin: 0 0 6px; }
.pnmd-contact-cards .v {
  font-size: 15px; color: var(--pnmd-ink) !important; line-height: 1.9;
  display: block; direction: ltr; unicode-bidi: isolate;
}
.pnmd-contact-cards .v.rtl-v { direction: rtl; }
.pnmd-contact-cards .sub { font-size: 13px; color: var(--pnmd-ink3); margin-block-start: 4px; }

/* ---- عمودا النموذج والتواصل المباشر ---- */
.pnmd-contact-form {
  background: #fff; border: 1px solid var(--pnmd-rule); border-radius: 12px;
  padding: 32px 30px;
}
.pnmd-contact-form h2 {
  font-size: 21px; font-weight: 700; color: var(--pnmd-navy) !important;
  margin: 0 0 6px;
}
.pnmd-contact-form .hint { font-size: 14.5px; color: var(--pnmd-ink2); margin: 0 0 22px; line-height: 1.9; }

.pnmd-contact-form .ff-el-input--label label { color: var(--pnmd-ink) !important; font-weight: 600; font-size: 14.5px; }
.pnmd-contact-form .ff-el-form-control {
  border: 1px solid var(--pnmd-rule) !important; border-radius: 8px;
  padding: 11px 14px; font-size: 15px; color: var(--pnmd-ink);
  background: #fff; box-shadow: none !important;
}
.pnmd-contact-form .ff-el-form-control:focus {
  border-color: var(--pnmd-sky) !important;
  outline: 2px solid rgba(91, 155, 213, .28); outline-offset: 1px;
}
.pnmd-contact-form .ff-btn.ff-btn-submit {
  background-color: var(--pnmd-navy) !important; color: #fff !important;
  border: 0; border-radius: 8px; padding: 12px 38px !important;
  font-weight: 700; font-size: 15px;
}
.pnmd-contact-form .ff-btn.ff-btn-submit:hover { background-color: var(--pnmd-hover) !important; }

.pnmd-contact-aside {
  background: var(--pnmd-soft); border-radius: 12px; padding: 30px 26px;
  block-size: 100%;
}
.pnmd-contact-aside h3 { font-size: 18px; font-weight: 700; color: var(--pnmd-navy) !important; margin: 0 0 6px; }
.pnmd-contact-aside > p { font-size: 14.5px; line-height: 1.95; color: var(--pnmd-ink2); margin: 0 0 22px; }

.pnmd-contact-aside .person {
  background: #fff; border-radius: 10px; padding: 18px 18px 16px;
  border: 1px solid var(--pnmd-rule); margin-block-end: 22px;
}
.pnmd-contact-aside .person .nm { font-size: 15.5px; font-weight: 700; color: var(--pnmd-navy); }
.pnmd-contact-aside .person .rl { font-size: 13px; color: var(--pnmd-ink3); margin-block-end: 10px; }
.pnmd-contact-aside .person a {
  display: block; font-size: 14px; color: var(--pnmd-ink2) !important;
  direction: ltr; unicode-bidi: isolate; text-align: start; line-height: 2;
}
.pnmd-contact-aside .person a:hover { color: var(--pnmd-hover) !important; }

.pnmd-contact-aside .lbl {
  font-size: 12.5px; font-weight: 700; letter-spacing: .08em;
  color: var(--pnmd-ink3); margin-block-end: 12px;
}
/* ست منصات: شبكة ٣×٢ تبقى متّزنة مهما ضاق العمود،
   بدل flex الذي يترك الأخيرة وحيدة في سطرها. */
.pnmd-contact-social { display: grid; grid-template-columns: repeat(3, 42px); gap: 10px; }
.pnmd-contact-social a {
  inline-size: 42px; block-size: 42px; border-radius: 10px;
  background: #fff; border: 1px solid var(--pnmd-rule); color: var(--pnmd-navy);
  display: grid; place-items: center;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease;
}
.pnmd-contact-social a:hover { background: var(--pnmd-navy); color: #fff; border-color: var(--pnmd-navy); }

@media (max-width: 767px) {
  .pnmd-contact-form { padding: 24px 18px; }
  .pnmd-contact-aside { padding: 24px 18px; margin-block-start: 20px; }
}

@media (prefers-reduced-motion: reduce) {
  .pnmd-contact-cards .cc, .pnmd-contact-social a { transition: none; }
  .pnmd-contact-cards a.cc:hover { transform: none; }
}

/* =========================================================
   24. صفحتا «منصاتنا» و«ادعمنا» — pnmd-platforms / pnmd-support
   كانتا قائمتين نصيتين داخل قالب مقال. المنصات صارت بطاقات
   قابلة للنقر، وبيانات التحويل البنكي صارت جدولًا مقروءًا
   بأرقام معزولة الاتجاه (IBAN لا يُقلب داخل نص عربي).
   تشاركان .pnmd-about-wrap في قواعد العرض الكامل والمحاذاة.
   ========================================================= */

/* ---- بطاقات المنصات ---- */
.pnmd-platform-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 18px; }

/* ست منصات: ٣×٢ أنظف من 4+2 التي ينتجها auto-fit،
   ويمنح البطاقة عرضًا يكفي المعرّف بلا قصّ. */
@media (min-width: 1020px) {
  .pnmd-platform-grid { grid-template-columns: repeat(3, 1fr); }
}

.pnmd-platform-grid .pf {
  min-width: 0; display: flex; align-items: center; gap: 14px;
  background: #fff; border: 1px solid var(--pnmd-rule); border-radius: 12px;
  padding: 18px 20px; text-decoration: none;
  transition: box-shadow .2s ease, transform .2s ease, border-color .2s ease;
}
.pnmd-platform-grid .pf:hover {
  box-shadow: 0 12px 28px rgba(0, 26, 61, .11);
  transform: translateY(-2px);
  border-color: var(--pnmd-sky);
}
.pnmd-platform-grid .ic {
  flex: 0 0 auto; inline-size: 44px; block-size: 44px; border-radius: 10px;
  background: var(--pnmd-soft); color: var(--pnmd-navy);
  display: grid; place-items: center;
}
.pnmd-platform-grid .pf:hover .ic { background: var(--pnmd-navy); color: #fff; }
.pnmd-platform-grid .tx { min-width: 0; }
.pnmd-platform-grid .nm { font-size: 15.5px; font-weight: 700; color: var(--pnmd-navy); }
.pnmd-platform-grid .hd {
  font-size: 13px; color: var(--pnmd-ink3); direction: ltr; unicode-bidi: isolate;
  display: block; text-align: start; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

/* ---- بطاقة وكالة الأنباء ---- */
.pnmd-agency { max-inline-size: 900px; margin-inline: auto; text-align: center; color: #fff; }
.pnmd-agency .badge {
  display: inline-block; font-size: 12.5px; font-weight: 600; letter-spacing: .08em;
  color: #9FC4E8; border: 1px solid rgba(159, 196, 232, .45);
  border-radius: 999px; padding: 4px 16px; margin-block-end: 16px;
}
.pnmd-agency h2 { font-size: clamp(21px, 3vw, 29px); font-weight: 700; color: #fff !important; margin: 0 0 14px; line-height: 1.5; }
.pnmd-agency p { font-size: 16px; line-height: 2.05; color: #C2D6EC; margin: 0; }
.pnmd-agency .lic { margin-block-start: 18px; font-size: 14px; color: #9FC4E8; }

/* ---- أوجه الصرف ---- */
.pnmd-spend { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; counter-reset: sp; }
/* أربعة أوجه صرف: عمودان في صفّين بدل 3+1 */
@media (min-width: 1020px) {
  .pnmd-spend { grid-template-columns: repeat(2, 1fr); }
}

.pnmd-spend .sp {
  min-width: 0; counter-increment: sp; background: #fff;
  border: 1px solid var(--pnmd-rule); border-radius: 12px; padding: 26px 24px;
}
.pnmd-spend .sp::before {
  content: counter(sp, arabic-indic);
  display: grid; place-items: center; inline-size: 38px; block-size: 38px;
  border-radius: 10px; background: var(--pnmd-soft); color: var(--pnmd-navy);
  font-size: 16px; font-weight: 700; margin-block-end: 14px;
}
.pnmd-spend p { font-size: 15px; line-height: 1.95; color: var(--pnmd-ink); margin: 0; }

/* ---- بيانات التحويل البنكي ---- */
.pnmd-bank {
  max-inline-size: 860px; margin-inline: auto;
  background: #fff; border: 1px solid var(--pnmd-rule); border-radius: 12px;
  overflow: hidden;
}
.pnmd-bank .bh {
  background: var(--pnmd-navy); color: #fff;
  padding: 18px 24px; font-size: 17px; font-weight: 700;
}
.pnmd-bank .row {
  display: flex; flex-wrap: wrap; gap: 6px 18px; align-items: baseline;
  padding: 15px 24px; border-block-end: 1px solid var(--pnmd-rule);
}
.pnmd-bank .row:last-child { border-block-end: 0; }
.pnmd-bank .k { flex: 0 0 150px; font-size: 14px; font-weight: 700; color: var(--pnmd-ink2); }
.pnmd-bank .v {
  flex: 1 1 auto; min-width: 0; font-size: 15px; color: var(--pnmd-ink);
  direction: ltr; unicode-bidi: isolate; text-align: start;
  font-variant-numeric: tabular-nums; letter-spacing: .02em;
  overflow-wrap: anywhere;
}
.pnmd-bank .v.ar { direction: rtl; letter-spacing: 0; }
.pnmd-bank .note {
  padding: 15px 24px; background: var(--pnmd-soft);
  font-size: 14px; line-height: 1.9; color: var(--pnmd-ink2);
}
.pnmd-bank .note a { color: var(--pnmd-navy) !important; font-weight: 600; }
.pnmd-bank .note bdi { direction: ltr; unicode-bidi: isolate; }

@media (max-width: 767px) {
  .pnmd-bank .k { flex: 1 1 100%; }
  .pnmd-bank .row, .pnmd-bank .bh, .pnmd-bank .note { padding-inline: 18px; }
  .pnmd-spend .sp { padding: 22px 18px; }
}

@media (prefers-reduced-motion: reduce) {
  .pnmd-platform-grid .pf { transition: none; }
  .pnmd-platform-grid .pf:hover { transform: none; }
}

/* =========================================================
   25. الوثائق القانونية — pnmd-legal
   الخصوصية · الشروط · سياسة التحرير.
   هذه وثائق تُقرأ لا صفحات تسويقية، فمعالجتها مختلفة عن
   /about/ و/join/: بلا سايدبار، عمود قراءة واحد بعرض مريح،
   ترقيم واضح للأقسام، وفهرس جانبي على الشاشات الواسعة.
   المحتوى يبقى في محرّر ووردبريس ليظل تحريره سهلًا على
   الإدارة — لا شيء منه مدفون في بلوكات الباني.
   ========================================================= */

/* ---- ترويسة الوثيقة ---- */
.pnmd-legal-head {
  background: var(--pnmd-navy);
  padding-block: 46px 42px;
  margin-block-end: 46px;
  color: #fff;
}
.pnmd-legal-head .in { max-inline-size: 1068px; margin-inline: auto; padding-inline: 24px; }
.pnmd-legal-head .kicker {
  display: inline-block; font-size: 12px; font-weight: 600; letter-spacing: .12em;
  color: #9FC4E8; border: 1px solid rgba(159, 196, 232, .45);
  border-radius: 999px; padding: 3px 14px; margin-block-end: 14px;
}
.pnmd-legal-head h1 {
  font-size: clamp(24px, 3.6vw, 36px); font-weight: 700; line-height: 1.5;
  color: #fff !important; margin: 0;
}
.pnmd-legal-head .meta { margin-block-start: 12px; font-size: 13.5px; color: #A9C4E3; }

/* ---- تخطيط الوثيقة ---- */

/* إخفاء السايدبار وتوسيع عمود المحتوى: قوالب الصفحات في الثيم
   لا تقرأ إعداد السايدبار كلها، فالتجاوز هنا هو الضمان. */
.pnmd-legal .td-pb-span4,
.pnmd-legal .td-ss-main-sidebar,
.pnmd-legal .td-sidebar { display: none !important; }
.pnmd-legal .td-pb-span8,
.pnmd-legal .td-main-content { width: 100% !important; float: none !important; }
.pnmd-legal .td-ss-main-content { padding-inline-end: 0 !important; border: 0 !important; }

.pnmd-legal .td-main-content-wrap { padding-block-start: 0; }
.pnmd-legal .td-page-header, .pnmd-legal .entry-title { display: none; }

.pnmd-legal .td-page-content { max-inline-size: 780px; margin-inline: auto; }

.pnmd-legal .td-page-content > p,
.pnmd-legal .td-page-content > ul,
.pnmd-legal .td-page-content > ol {
  font-size: 16.5px; line-height: 2.1; color: var(--pnmd-ink2);
}

.pnmd-legal .td-page-content > p:first-of-type {
  font-size: 17.5px; line-height: 2.05; color: var(--pnmd-ink);
  padding: 20px 24px; background: var(--pnmd-soft);
  border-inline-start: 4px solid var(--pnmd-navy); border-radius: 0 8px 8px 0;
}

/* ترقيم الأقسام تلقائيًا — الوثيقة تُحال إليها بالرقم */
.pnmd-legal .td-page-content { counter-reset: legal; }
.pnmd-legal .td-page-content h2 {
  counter-increment: legal;
  font-size: 21px; font-weight: 700; color: var(--pnmd-navy) !important;
  margin: 46px 0 14px; padding-block-end: 12px;
  border-block-end: 1px solid var(--pnmd-rule);
  display: flex; align-items: baseline; gap: 12px;
}
.pnmd-legal .td-page-content h2::before {
  content: counter(legal);
  flex: 0 0 auto;
  font-size: 13px; font-weight: 700; color: var(--pnmd-sky);
  font-variant-numeric: tabular-nums;
  border: 1px solid var(--pnmd-rule); border-radius: 6px;
  padding: 2px 9px;
}

.pnmd-legal .td-page-content ul { padding-inline-start: 0; list-style: none; }
.pnmd-legal .td-page-content ul li {
  position: relative; padding-inline-start: 22px; margin-block-end: 10px;
}
.pnmd-legal .td-page-content ul li::before {
  content: ""; position: absolute; inset-inline-start: 4px; inset-block-start: 14px;
  inline-size: 7px; block-size: 7px; border-radius: 50%; background: var(--pnmd-sky);
}
.pnmd-legal .td-page-content strong { color: var(--pnmd-ink); }
.pnmd-legal .td-page-content bdi { direction: ltr; unicode-bidi: isolate; }
.pnmd-legal .td-page-content a { color: var(--pnmd-navy); font-weight: 600; }

/* ---- الوثائق ذات الصلة ---- */
.pnmd-legal-related {
  max-inline-size: 780px; margin: 56px auto 0;
  border-block-start: 1px solid var(--pnmd-rule); padding-block-start: 26px;
}
.pnmd-legal-related .lbl {
  font-size: 12.5px; font-weight: 700; letter-spacing: .08em;
  color: var(--pnmd-ink3); margin-block-end: 14px;
}
.pnmd-legal-related .docs { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.pnmd-legal-related a {
  min-width: 0; display: block; text-decoration: none;
  background: #fff; border: 1px solid var(--pnmd-rule); border-radius: 10px;
  padding: 15px 18px; font-size: 15px; font-weight: 700;
  color: var(--pnmd-navy) !important;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.pnmd-legal-related a:hover {
  border-color: var(--pnmd-sky);
  box-shadow: 0 8px 20px rgba(0, 26, 61, .08);
}
.pnmd-legal-related a.current {
  background: var(--pnmd-soft); border-color: var(--pnmd-soft);
  color: var(--pnmd-ink3) !important; pointer-events: none; font-weight: 600;
}

@media (max-width: 767px) {
  .pnmd-legal-head { padding-block: 34px 32px; margin-block-end: 32px; }
  .pnmd-legal .td-page-content > p:first-of-type { padding: 16px 18px; font-size: 16px; }
  .pnmd-legal .td-page-content h2 { font-size: 19px; margin-block-start: 36px; }
}