/* ==================================================================
   JOURNAL OF PLANNER AND DEVELOPMENT - SIMPLIFIED ELEGANT THEME
   مع تدرج الهيدر بالأخضر الفاتح (#578a72 → #789f8c → #94afa2)
   ================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&family=Cairo:wght@300;400;600;700&display=swap');

/* ─────────────────────────────────────────────────────────────────
   DESIGN TOKENS
   ───────────────────────────────────────────────────────────────── */
:root {
  /* Primary Emerald (lighter, matching header tones) */
  --c-p:       #578a72;          /* أخضر فاتح رئيسي */
  --c-pd:      #789f8c;          /* أخضر متوسط */
  --c-pdd:     #2a4a3a;          /* أخضر داكن للنصوص — أغمق لتباين أفضل (WCAG AA) */

  /* Champagne Gold */
  --c-acc:     #d4af37;          /* ذهبي معتدل */
  --c-accd:    #b8942a;          /* ذهبي داكن */
  --c-accl:    #f1c40f;          /* ذهبي فاتح */
  --c-accx:    #fdebb3;          /* ذهبي خفيف */

  /* Surfaces */
  --c-bg:      #f0f7f3;          /* خلفية خضراء فاتحة جداً */
  --c-surf:    #ffffff;          /* أبيض نقي */
  --c-surf2:   #f8fbf9;          /* سطح ثانوي */

  /* Text */
  --c-txt:     #1e2e21;          /* أغمق من السابق (#2c3e2f) للتباين مع الخلفية */
  --c-txtl:    #4a5e4d;

  /* Borders */
  --c-bdr:     #cde5d4;
  --c-bdrl:    #e2f0e7;

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0,0,0,0.04), 0 1px 2px rgba(0,0,0,0.03);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.06), 0 2px 6px rgba(0,0,0,0.04);
  --shadow-lg: 0 12px 28px rgba(0,0,0,0.08);

  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;

  /* [FIX] تضييق الـ transition لتشمل خصائص محددة فقط بدلاً من all
     يُحسّن أداء الرسم ويتجنب تحريك خصائص غير مقصودة */
  --transition: transform 0.25s ease, background-color 0.25s ease,
                color 0.25s ease, box-shadow 0.25s ease,
                border-color 0.25s ease, opacity 0.25s ease;
}

/* Reset */
*, *::before, *::after { box-sizing: border-box; }
html, body { scroll-behavior: smooth; overflow-x: hidden; }

/* Body */
body {
  font-family: 'Tajawal', 'Cairo', sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: var(--c-txt);
  background-color: var(--c-bg);
  background-image: radial-gradient(circle at 20% 30%, rgba(87,138,114,0.05) 2px, transparent 2px);
  background-size: 28px 28px;
}

a {
  color: var(--c-pd);
  text-decoration: none;
  transition: var(--transition);
}
a:hover { color: var(--c-acc); }

/* [FIX] حلقة focus واضحة لإمكانية الوصول بلوحة المفاتيح */
a:focus-visible,
button:focus-visible,
.btn:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.obj_galley_link:focus-visible {
  outline: 2px solid var(--c-acc);
  outline-offset: 3px;
}

/* =================================================================
   HEADER
   ================================================================= */
.pkp_structure_head,
.pkp_head_wrapper {
  background: linear-gradient(105deg, #578a72 0%, #789f8c 50%, #94afa2 100%);
  position: relative;
  z-index: 10;
  box-shadow: none;
  text-align: center;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}

.pkp_structure_head > .pkp_site_name,
.pkp_structure_head > .pkp_site_name_wrapper {
  max-width: 960px;
  margin: 0 auto;
}

/* خط فاصل ذهبي سفلي */
.pkp_structure_head::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--c-acc), var(--c-accl), var(--c-acc));
  opacity: 0.7;
}

/* حاوية الشعار */
.pkp_structure_head .pkp_site_name,
.pkp_structure_head .pkp_site_name_wrapper,
.pkp_structure_head .navbar-brand {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 8px 20px;
  background: transparent !important; /* remove any background behind logo */
}

/* صورة الشعار — remove drop-shadow filter that can cause background artifacts */
.pkp_structure_head .pkp_site_name img,
.pkp_structure_head .navbar-brand img {
  max-height: 210px;
  min-height: 150px;
  width: auto;
  display: block;
  margin: 0 auto;
  background: transparent;
  filter: none; /* removed drop-shadow that was causing background colour behind PNG */
  transition: transform 0.3s ease;
}
.pkp_structure_head .pkp_site_name img:hover,
.pkp_structure_head .navbar-brand img:hover {
  transform: scale(1.02);
}

/* =================================================================
   NAVIGATION — full width bar, menus in same position
   ================================================================= */
.pkp_navigation_primary_row,
.navbar-default {
  background: #e9ecef;
  border: none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), 0 2px 6px rgba(0,0,0,0.05);
  margin: 0 !important;
  padding: 0 !important;
  /* Break out of any max-width container — same technique as the header */
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(-50vw + 50%) !important;
  margin-right: calc(-50vw + 50%) !important;
  position: relative;
  z-index: 1000;
}

/* full-width inner wrapper — no max-width constraint */
.pkp_navigation_primary_wrapper,
.navbar-collapse,
.navbar-header,
.navbar > .container,
.navbar > .container-fluid {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
}

.pkp_navigation_primary,
.navbar-nav {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  gap: 4px;
}

.pkp_navigation_user,
.navbar-right {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0;
  margin-top: 6px;
}

/* روابط القائمة الرئيسية */
.pkp_navigation_primary > li > a,
.navbar-nav > li > a {
  font-family: 'Cairo', sans-serif;
  font-weight: 700;
  font-size: 13px;
  padding: 10px 16px;
  color: var(--c-pdd);
  letter-spacing: 0.5px;
  border-radius: 0;
  transition: var(--transition);
  display: block;
}
.pkp_navigation_primary > li > a:hover,
.navbar-nav > li > a:hover {
  background: rgba(87,138,114,0.12);
  color: var(--c-p);
}

/* روابط قائمة المستخدم */
.pkp_navigation_user > li > a,
.navbar-right > li > a {
  font-weight: 600;
  font-size: 13px;
  padding: 6px 14px;
  background: rgba(87,138,114,0.08);
  border: 1px solid var(--c-bdr);
  border-radius: 40px;
  color: var(--c-pdd);
}
.pkp_navigation_user > li > a:hover,
.navbar-right > li > a:hover {
  background: var(--c-p);
  color: white;
  border-color: transparent;
}

/* نموذج البحث */
.pkp_navigation_user .search_form input,
.navbar-right .search_form input {
  background: white;
  border: 1px solid var(--c-bdr);
  border-radius: 40px;
  padding: 5px 12px;
  font-size: 12px;
  width: 130px;
  transition: width 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.pkp_navigation_user .search_form input:focus,
.navbar-right .search_form input:focus {
  width: 160px;
  border-color: var(--c-p);
  outline: none;
  box-shadow: 0 0 0 2px rgba(87,138,114,0.2);
}

/* =================================================================
   DROPDOWN
   ================================================================= */
.pkp_navigation_primary > li,
.navbar-nav > li {
  position: relative;
}

.dropdown-menu,
.pkp_navigation_primary .dropdown-menu {
  display: none;
  position: absolute;
  top: calc(100% + 6px); /* 6px below the bottom of the li, clearing the tab text */
  left: 0;
  background: #ffffff;
  border: 1px solid var(--c-bdr);
  border-top: 3px solid var(--c-acc);
  border-radius: 0 0 var(--radius-sm) var(--radius-sm);
  box-shadow: var(--shadow-md);
  min-width: 200px;
  padding: 8px 0;
  z-index: 9999;
}
.pkp_navigation_primary li:hover > .dropdown-menu,
.navbar-nav li:hover > .dropdown-menu {
  display: block;
}
.dropdown-menu > li > a {
  color: var(--c-txt);
  padding: 8px 20px;
  display: block;
  transition: background-color 0.15s ease, color 0.15s ease, padding 0.15s ease;
}
.dropdown-menu > li > a:hover {
  background: rgba(87,138,114,0.08);
  color: var(--c-p);
  padding-left: 26px;
}

/* =================================================================
   MAIN CONTENT
   ================================================================= */
/* =================================================================
   LAYOUT — gap between main content and sidebar
   ================================================================= */
.pkp_structure_content {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  margin: 28px auto; /* move top margin here so both columns start at same point */
}

.pkp_sidebar {
  background: transparent;
  border: none;
  box-shadow: none;
  outline: none;
  margin-top: 0;
  padding-top: 0;
}

.pkp_structure_main {
  flex: 1;
  min-width: 0;
  background: rgba(255,255,255,0.92);
  backdrop-filter: blur(4px);
  border-radius: 0;
  border: 1px solid rgba(255,255,255,0.6);
  box-shadow: var(--shadow-md);
  padding: 32px;
  margin: 0; /* removed — now handled by parent .pkp_structure_content */
}

.pkp_structure_main::after,
.pkp_structure_main:after {
  display: none !important;
  content: none !important;
  border: none !important;
}

/* رأس الصفحة الداخلي */
.page-header {
  background: linear-gradient(135deg, var(--c-pdd), var(--c-pd));
  border-radius: 0;
  padding: 28px 32px;
  margin-bottom: 36px;
  box-shadow: var(--shadow-sm);
}
.page-header h1 {
  color: white;
  margin: 0;
  font-weight: 800;
}

/* =================================================================
   ARTICLE SUMMARIES
   [FIX] تعديل hover ليتوافق مع RTL (border-right بدلاً من padding-left)
   ================================================================= */
.obj_article_summary {
  padding: 24px 0;
  border-bottom: 1px solid var(--c-bdrl);
  border-left: 4px solid transparent; /* pre-reserved — prevents layout jump on hover */
  transition: var(--transition);
}
.obj_article_summary:hover {
  background: rgba(87,138,114,0.03);
  border-left-color: var(--c-acc);
  border-radius: var(--radius-sm);
}
.obj_article_summary .title a {
  font-size: 18px;
  font-weight: 800;
  color: var(--c-pdd);
}
.obj_article_summary .title a:hover {
  color: var(--c-acc);
}

/* =================================================================
   ARTICLE DETAILS
   [FIX] border-right للملخص بدلاً من border-left (RTL)
   ================================================================= */
.obj_article_details {
  background: var(--c-surf);
  border-radius: 0;
  border: 1px solid var(--c-bdrl);
  padding: 32px;
}
.obj_article_details .page_title {
  font-size: 28px;
  font-weight: 800;
  color: var(--c-pdd);
  border-bottom: 3px solid var(--c-acc);
  display: inline-block;
  padding-bottom: 8px;
  margin-bottom: 24px;
}
.obj_article_details .abstract {
  background: var(--c-surf2);
  border-left: 4px solid var(--c-acc);
  border-right: none;
  padding: 20px 28px;
  margin: 24px 0;
  border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
  font-size: 0.95rem;
}

/* إخفاء روابط PDF في قائمة المقالات — تبقى ظاهرة في صفحة المقال المفردة */
.obj_article_summary .obj_galley_link {
  display: none;
}

/* أزرار التنزيل */
.obj_galley_link {
  background: var(--c-p);
  color: white;
  border-radius: 40px;
  padding: 8px 24px;
  font-weight: 700;
  display: inline-block;
  transition: var(--transition);
}
.obj_galley_link:hover {
  background: var(--c-pd);
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
}

/* =================================================================
   BUTTONS
   ================================================================= */
.btn,
input[type="submit"],
button {
  border-radius: 40px;
  padding: 8px 24px;
  font-weight: 700;
  transition: var(--transition);
  cursor: pointer;
}
.btn-primary,
input[type="submit"] {
  background: var(--c-p);
  border: none;
  color: white;
}
.btn-primary:hover,
input[type="submit"]:hover {
  background: var(--c-pd);
  transform: translateY(-1px);
}

/* =================================================================
   SIDEBAR BLOCKS
   ================================================================= */
.pkp_block {
  background: var(--c-surf);
  border: 1px solid var(--c-bdr);
  border-top: none; /* remove the line appearing over the sidebar */
  border-radius: 0;
  box-shadow: var(--shadow-sm);
  transition: var(--transition);
  margin-bottom: 20px;
  overflow: hidden;
}
.pkp_block:hover {
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}
.pkp_block .title {
  background: rgba(87,138,114,0.07);
  padding: 14px 20px;
  font-size: 15px;
  font-weight: 800;
  color: var(--c-pdd);
  border-bottom: 1px solid var(--c-bdrl);
  margin-bottom: 0;
}
.pkp_block .content {
  padding: 16px 20px;
  font-size: 15px;
  line-height: 1.8;
  color: var(--c-txt);
}
.pkp_block .content a {
  font-size: 15px;
  display: block;
  padding: 5px 0;
  color: var(--c-pdd);
}
.pkp_block .content a:hover {
  color: var(--c-acc);
  padding-left: 4px;
}
.pkp_block .content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.pkp_block .content ul li {
  border-bottom: 1px solid var(--c-bdrl);
  padding: 7px 0;
  font-size: 15px;
}
.pkp_block .content ul li:last-child {
  border-bottom: none;
}

/* بطاقة التقديم الخاصة */
.pkp_block.block_make_submission {
  background: #ffffff;
  text-align: center;
  border: 1px solid var(--c-bdr);
  border-top: none;
}
.pkp_block.block_make_submission .title {
  background: transparent;
  color: var(--c-pdd);
  border-bottom: 1px solid var(--c-bdrl);
}
.pkp_block.block_make_submission a.submit {
  background: var(--c-p);
  color: white;
  border-radius: 4px;
  padding: 10px 24px;
  font-weight: 800;
  display: inline-block;
  margin-top: 8px;
  border: 2px solid var(--c-p);
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.pkp_block.block_make_submission a.submit:hover {
  background: white;
  color: var(--c-pdd);
  border-color: var(--c-pdd);
  transform: translateY(-2px);
}

/* =================================================================
   FOOTER
   ================================================================= */
.pkp_structure_footer,
footer {
  
  color: var(--c-txtl);
  padding: 24px 0 20px;
  border-top: 2px solid var(--c-acc);
  margin-top: 50px;
  font-size: 13px;
}
.pkp_structure_footer a { color: var(--c-pd); }
.pkp_structure_footer a:hover { color: var(--c-acc); }

/* =================================================================
   TABLES
   ================================================================= */
table {
  background: var(--c-surf);
  border-radius: var(--radius-sm);
  overflow: hidden;
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; /* [FIX] يمنع الجدول من تجاوز عرض الحاوية */
}
table thead tr {
  background: var(--c-pdd);
  color: white;
}
table th, table td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--c-bdrl);
  word-wrap: break-word; /* [FIX] كسر الكلمات الطويلة */
}
table tbody tr:hover td {
  background: rgba(87,138,114,0.05);
}

/* الكلمات المفتاحية */
.keyword {
  background: rgba(87,138,114,0.1);
  border-radius: 30px;
  padding: 4px 14px;
  font-size: 12px;
  font-weight: 600;
  color: var(--c-pd);
  display: inline-block;
  margin-right: 6px;
  transition: var(--transition);
}
.keyword:hover {
  background: var(--c-p);
  color: white;
}

/* =================================================================
   UTILITIES
   ================================================================= */
::selection {
  background: rgba(212,175,55,0.25);
  color: var(--c-pdd);
}
::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: var(--c-bg); }
::-webkit-scrollbar-thumb { background: var(--c-p); border-radius: 10px; }

/* [FIX] input focus — تجنب إخفاء outline بالكامل، نستبدله بـ box-shadow */
input:focus, textarea:focus, select:focus {
  outline: none;
  border-color: var(--c-p);
  box-shadow: 0 0 0 2px rgba(87,138,114,0.2);
}

/* =================================================================
   PRINT STYLES — [إضافة جديدة] لطباعة المقالات الأكاديمية
   ================================================================= */
@media print {
  header,
  .pkp_structure_head,
  .pkp_navigation_primary_row,
  .navbar-default,
  footer,
  .pkp_structure_footer,
  .pkp_block.block_make_submission,
  .pkp_sidebar { display: none !important; }

  body {
    background: white;
    font-size: 12pt;
    color: #000;
  }

  .pkp_structure_main {
    background: white;
    box-shadow: none;
    border: none;
    padding: 0;
    margin: 0;
  }

  .obj_article_details {
    box-shadow: none;
    border: none;
    padding: 0;
  }

  .obj_galley_link { display: none; }

  a { color: #000; text-decoration: underline; }
  a[href]::after { content: " (" attr(href) ")"; font-size: 10pt; color: #555; }
}

/* =================================================================
   RESPONSIVE
   ================================================================= */
@media (max-width: 991px) {
  /* [FIX] إزالة !important — specificity كافٍ */
  .pkp_structure_head .pkp_site_name img {
    max-height: 100px;
    min-height: auto;
  }

  .navbar-default .navbar-collapse {
    background: var(--c-pdd);
    padding: 8px 0; /* [FIX] إضافة padding للقائمة المطوية */
  }

  /* [FIX] تحسين وضوح روابط القائمة على الموبايل */
  .navbar-nav > li > a {
    color: rgba(255,255,255,0.92);
    padding: 10px 20px;
    border-radius: 0;
  }
  .navbar-nav > li > a:hover {
    background: rgba(255,255,255,0.1);
    color: white;
  }

  .dropdown-menu {
    position: static;
    background: rgba(0,0,0,0.12);
    border: none;
    border-top: none;
    box-shadow: none;
  }
  .dropdown-menu > li > a { color: rgba(255,255,255,0.85); }
  .dropdown-menu > li > a:hover { color: white; background: rgba(255,255,255,0.1); }

  .pkp_structure_main { padding: 20px; }
}

@media (max-width: 767px) {
  .pkp_structure_main { padding: 16px; }
  .page-header { padding: 20px; }
  .obj_article_details { padding: 20px; }
  h1 { font-size: 1.6rem; }

  /* [FIX] تعطيل table-layout: fixed على الشاشات الصغيرة جداً لتسهيل التمرير */
  table {
    table-layout: auto;
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

.custom_footer_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pkp_structure_footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pkp_structure_footer_wrapper {
    background-color: ##2596be;
}
  
.pkp_footer_content {
    display: flex;
    align-items: center;
}


/* ==================================================================
   MOBILE RESPONSIVE v3 — إصلاح جذري
   ================================================================== */

html {
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
}

/* ==================================================================
   ≤ 991px — تابلت + موبايل
   ================================================================== */
@media (max-width: 991px) {

  /* ── [1] إصلاح الهيدر والنافبار — إلغاء 100vw ── */
  .pkp_structure_head,
  .pkp_head_wrapper,
  .pkp_navigation_primary_row,
  .navbar-default {
    width: 100% !important;
    max-width: 100% !important;
    margin-left:  0 !important;
    margin-right: 0 !important;
    overflow: visible !important;
  }

  /* ── [2] زر الـ hamburger ── */
  .navbar-toggle {
    display: block !important;
    float: left !important;
    margin: 8px 10px 8px 15px !important;
    padding: 9px 10px !important;
    background: rgba(255,255,255,0.1) !important;
    border: 1px solid rgba(255,255,255,0.4) !important;
    border-radius: 4px !important;
    cursor: pointer !important;
  }
  .navbar-toggle .icon-bar {
    display: block !important;
    width: 22px !important;
    height: 2px !important;
    background: white !important;
    border-radius: 1px !important;
    margin: 4px 0 !important;
  }

  /* ── [3] FIX الجذري للقائمة المطوية ──
     
     المشكلة: الكود الأصلي يضع display:flex على .navbar-collapse
     مما يتجاوز display:none من Bootstrap وبالتالي Bootstrap لا
     يستطيع إخفاء / إظهار القائمة بشكل صحيح.
     
     الحل: لا نستخدم display:none بل max-height:0 + overflow:hidden
     لأن display:none يجعل scrollHeight=0 فيفتح Bootstrap القائمة
     بارتفاع صفر ← لا شيء يظهر.
  ── */

  /* الحالة المغلقة: مخفية عبر max-height لا عبر display */
  .navbar-collapse:not(.in):not(.collapsing) {
    max-height: 0 !important;
    overflow: hidden !important;
    padding-top:    0 !important;
    padding-bottom: 0 !important;
  }

  /* الحالة أثناء الانيميشن */
  .navbar-collapse.collapsing {
    overflow: hidden !important;
    background: var(--c-pdd) !important;
    transition: max-height 0.25s ease !important;
  }

  /* الحالة المفتوحة — Bootstrap يُضيف class .in عند الضغط */
  .navbar-collapse.in {
    max-height: 700px !important;
    overflow-y: auto  !important;
    overflow-x: hidden !important;
    background: var(--c-pdd) !important;
    padding: 6px 0 12px !important;
    width: 100% !important;
    display: flex !important;         /* اجعلها عمودية */
    flex-direction: column !important;
  }

  /* ── [4] عناصر القائمة داخل القائمة المفتوحة ── */
  .navbar-collapse.in .navbar-nav,
  .navbar-collapse.in .pkp_navigation_primary {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    gap: 0 !important;
  }

  .navbar-collapse.in .navbar-nav > li,
  .navbar-collapse.in .pkp_navigation_primary > li {
    display: block !important;
    width: 100% !important;
    float: none !important;
  }

  .navbar-collapse.in .navbar-nav > li > a,
  .navbar-collapse.in .pkp_navigation_primary > li > a {
    display: block !important;
    color: rgba(255,255,255,0.93) !important;
    background: transparent !important;
    padding: 13px 22px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-radius: 0 !important;
    min-height: 44px !important;       /* حجم اللمس الموصى به */
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  }
  .navbar-collapse.in .navbar-nav > li > a:hover,
  .navbar-collapse.in .pkp_navigation_primary > li > a:hover {
    background: rgba(255,255,255,0.1) !important;
    color: white !important;
  }

  /* ── [5] القوائم المنسدلة على الموبايل
     Bootstrap يُضيف class .open على li الأب عند الضغط ── */
  .navbar-nav > li.open > .dropdown-menu,
  .pkp_navigation_primary > li.open > .dropdown-menu {
    display: block !important;
    position: static !important;
    float: none !important;
    width: 100% !important;
    min-width: 100% !important;
    background: rgba(0, 0, 0, 0.20) !important;
    border: none !important;
    border-top: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 4px 0 !important;
  }
  .navbar-nav > li.open > .dropdown-menu > li > a,
  .pkp_navigation_primary > li.open > .dropdown-menu > li > a {
    color: rgba(255,255,255,0.82) !important;
    padding: 10px 36px !important;
    display: block !important;
    font-size: 13px !important;
  }
  .navbar-nav > li.open > .dropdown-menu > li > a:hover,
  .pkp_navigation_primary > li.open > .dropdown-menu > li > a:hover {
    background: rgba(255,255,255,0.1) !important;
    color: white !important;
    padding-left: 36px !important;
  }

  /* ── [6] قائمة المستخدم / اشتراك / بحث ── */
  .navbar-collapse.in .navbar-right,
  .navbar-collapse.in .pkp_navigation_user {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 0 !important;
    padding: 6px 0 !important;
    margin: 0 !important;
    border-top: 1px solid rgba(255,255,255,0.15) !important;
  }
  .navbar-collapse.in .navbar-right > li,
  .navbar-collapse.in .pkp_navigation_user > li {
    width: 100% !important;
    display: block !important;
  }
  .navbar-collapse.in .navbar-right > li > a,
  .navbar-collapse.in .pkp_navigation_user > li > a {
    display: block !important;
    color: rgba(255,255,255,0.88) !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 11px 22px !important;
    font-size: 13px !important;
    border-bottom: 1px solid rgba(255,255,255,0.08) !important;
  }
  .navbar-collapse.in .search_form {
    padding: 8px 22px !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .navbar-collapse.in .search_form input {
    width: 100% !important;
    border-radius: var(--radius-sm) !important;
  }

  /* ── [7] ترتيب المحتوى — المحتوى الرئيسي أولاً ثم الـ sidebar ── */
  .pkp_structure_content {
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    padding: 0 12px !important;
    margin: 16px auto !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  .pkp_structure_main {
    order: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 20px !important;
  }

  /* ── إخفاء الـ sidebar بكل أسمائها المحتملة في OJS ── */
  .pkp_sidebar,
  aside.pkp_sidebar,
  [role="complementary"],
  .pkp_structure_sidebar,
  #sidebar,
  .sidebar,
  .widget-area {
    display: none !important;
  }

  /* ── [8] الفوتر ── */
  .pkp_structure_footer,
  .custom_footer_content {
    flex-direction: column !important;
    text-align: center !important;
    gap: 10px !important;
    padding: 14px 12px !important;
  }
  .pkp_footer_content {
    justify-content: center !important;
    flex-wrap: wrap !important;
  }

  /* ── تعطيل hover التفاعلية على اللمس ── */
  .pkp_block:hover { transform: none !important; }
}


/* ==================================================================
   ≤ 767px — موبايل
   ================================================================== */
@media (max-width: 767px) {

  body { font-size: 15px !important; }

  .pkp_structure_head .pkp_site_name img,
  .pkp_structure_head .navbar-brand img {
    max-height: 75px !important;
    min-height: auto !important;
  }

  h1 { font-size: 1.4rem !important; }
  h2 { font-size: 1.2rem !important; }
  h3 { font-size: 1.1rem !important; }

  .page-header { padding: 16px !important; margin-bottom: 20px !important; }
  .page-header h1 { font-size: 1.3rem !important; }

  .pkp_structure_main  { padding: 16px !important; }
  .obj_article_details { padding: 16px !important; }

  .obj_article_details .page_title  { font-size: 1.2rem !important; }
  .obj_article_details .abstract {
    padding: 14px 16px !important;
    font-size: 0.9rem !important;
  }

  .obj_article_summary          { padding: 14px 0 !important; }
  .obj_article_summary .title a { font-size: 15px !important; }

  .obj_galley_link {
    padding: 7px 16px !important;
    font-size: 13px !important;
    margin: 4px 2px !important;
  }

  table {
    display: block !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    white-space: nowrap !important;
    font-size: 13px !important;
  }
  table th, table td { padding: 8px 10px !important; }

  .pkp_block                { margin-bottom: 12px !important; }
  .pkp_block .title         { font-size: 14px !important; padding: 10px 14px !important; }
  .pkp_block .content       { font-size: 14px !important; padding: 10px 14px !important; }
  .keyword                  { font-size: 11px !important; padding: 3px 10px !important; }

  .pkp_structure_footer { padding: 12px !important; font-size: 12px !important; margin-top: 28px !important; }

  .obj_article_summary:hover,
  .obj_galley_link:hover,
  .btn-primary:hover,
  input[type="submit"]:hover { transform: none !important; }
}


/* ==================================================================
   ≤ 480px — هواتف صغيرة
   ================================================================== */
@media (max-width: 480px) {

  body { font-size: 14px !important; }
  h1   { font-size: 1.2rem !important; }
  h2   { font-size: 1.05rem !important; }

  .pkp_structure_head .pkp_site_name img,
  .pkp_structure_head .navbar-brand img { max-height: 60px !important; }

  .pkp_structure_content { padding: 0 8px !important; }
  .pkp_structure_main    { padding: 12px !important; }
  .obj_article_details   { padding: 12px !important; }
  .obj_article_details .page_title { font-size: 1.05rem !important; }

  .obj_galley_link {
    display: block !important;
    text-align: center !important;
    width: 100% !important;
    margin: 6px 0 !important;
  }

  .pkp_block .title   { font-size: 13px !important; }
  .pkp_block .content { font-size: 13px !important; }
}


/* ==================================================================
   ≤ 360px — هواتف صغيرة جداً
   ================================================================== */
@media (max-width: 360px) {

  body { font-size: 13px !important; }
  h1   { font-size: 1.1rem !important; }

  .pkp_structure_head .pkp_site_name img,
  .pkp_structure_head .navbar-brand img { max-height: 50px !important; }

  .pkp_structure_main { padding: 10px !important; }
}

/* ==================================================================
   END OF MOBILE RESPONSIVE v3
   ================================================================== */

/* ==================================================================
   FIX 1: DESKTOP - استغلال كامل عرض الشاشة للقوائم (بدون فراغات جانبية)
   ================================================================== */

/* التأكد أن شريط التنقل الرئيسي يستخدم كل العرض بدون أي حدود داخلية */
@media (min-width: 992px) {
  .pkp_navigation_primary_row,
  .navbar-default,
  .pkp_navigation_primary_wrapper,
  .navbar-collapse,
  .navbar-header,
  .navbar > .container,
  .navbar > .container-fluid {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  /* الحاوية الداخلية للقوائم */
  .pkp_navigation_primary_wrapper,
  .navbar-collapse {
    display: flex;
    justify-content: space-between;  /* يبقي القائمة الرئيسية جهة والقائمة اليمنى جهة */
    align-items: center;
    flex-wrap: wrap;
  }

  /* القائمة الرئيسية (جهة اليمين في RTL أو اليسار في LTR) */
  .pkp_navigation_primary,
  .navbar-nav {
    display: flex;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
    /* في اللغة العربية (RTL) نريد أن تبدأ من أقصى اليمين */
    margin-right: 0 !important;
    margin-left: auto !important;
  }

  /* روابط القائمة الرئيسية */
  .pkp_navigation_primary > li > a,
  .navbar-nav > li > a {
    padding: 12px 18px;  /* مسافة معقولة ولكنها لا تدفع العناصر بعيداً عن الحافة */
    white-space: nowrap; /* منع التفاف النص في الشاشات الكبيرة */
  }

  /* القائمة اليمنى (مستخدم، بحث) - تبقى ملتصقة باليسار في RTL */
  .pkp_navigation_user,
  .navbar-right {
    display: flex;
    align-items: center;
    margin: 0 !important;
    padding: 0 !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  /* إزالة أي مسافات جانبية مضافة بشكل افتراضي من القوائم الفرعية */
  .dropdown-menu {
    left: auto;
    right: 0;  /* في RTL القائمة المنسدلة تظهر تحت العنصر بشكل صحيح */
  }
}

/* ==================================================================
   FIX 2: MOBILE - إصلاح تظهر القوائم المنسدلة بشكل واضح وغير متداخل
   ================================================================== */

@media (max-width: 991px) {

  /* 1. تحسين الحاوية الأساسية للقائمة عند فتحها */
  .navbar-collapse.in {
    max-height: 85vh !important;           /* ارتفاع مناسب للشاشة مع تمرير */
    overflow-y: auto !important;
    overflow-x: hidden !important;
    background: var(--c-pdd) !important;
    padding: 16px 0 20px !important;
    direction: rtl;                        /* تأكيد الاتجاه RTL للمحتوى العربي */
  }

  /* 2. القوائم الرئيسية والفرعية تظهر ككتل عمودية */
  .navbar-collapse.in .navbar-nav,
  .navbar-collapse.in .pkp_navigation_primary {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  /* 3. كل عنصر في القائمة يأخذ عرض كامل وله حدود واضحة */
  .navbar-collapse.in .navbar-nav > li,
  .navbar-collapse.in .pkp_navigation_primary > li {
    display: block !important;
    width: 100% !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  /* 4. الروابط الرئيسية - تكبير مساحة اللمس وتحسين القراءة */
  .navbar-collapse.in .navbar-nav > li > a,
  .navbar-collapse.in .pkp_navigation_primary > li > a {
    display: block !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: white !important;
    background: transparent !important;
    padding: 14px 20px !important;
    min-height: 52px !important;          /* حجم مناسب للأصابع */
    white-space: normal !important;       /* التفاف النص الطويل */
    word-wrap: break-word !important;
    border-bottom: none !important;
    line-height: 1.4 !important;
  }

  /* 5. إضافة سهم للإشارة إلى وجود قائمة فرعية (اختياري) - يعمل مع أيقونات FontAwesome أو بدون */
  .navbar-collapse.in .dropdown > a::after {
    content: " ▼";
    font-size: 12px;
    float: left;
    opacity: 0.7;
  }

  /* 6. القوائم الفرعية (المنسدلة) - تظهر بشكل متداخل وواضح */
  .navbar-collapse.in .dropdown-menu,
  .navbar-collapse.in .pkp_navigation_primary .dropdown-menu {
    display: block !important;             /* تظهر دائماً داخل القائمة المنبثقة (بدون hover) */
    position: static !important;
    float: none !important;
    width: 100% !important;
    background: rgba(0, 0, 0, 0.2) !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
  }

  /* 7. عناصر القائمة الفرعية - إزاحة وإضاءة مختلفة للتمييز */
  .navbar-collapse.in .dropdown-menu > li,
  .navbar-collapse.in .pkp_navigation_primary .dropdown-menu > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }

  .navbar-collapse.in .dropdown-menu > li > a,
  .navbar-collapse.in .pkp_navigation_primary .dropdown-menu > li > a {
    display: block !important;
    padding: 12px 20px 12px 35px !important;  /* إزاحة لليمين في RTL */
    font-size: 14px !important;
    color: rgba(255, 255, 255, 0.85) !important;
    background: transparent !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    line-height: 1.4 !important;
    border-bottom: none !important;
  }

  /* للمستوى الثالث (إذا وجد) - إزاحة أكبر */
  .navbar-collapse.in .dropdown-menu .dropdown-menu > li > a {
    padding: 10px 20px 10px 45px !important;
    font-size: 13px !important;
    background: rgba(0, 0, 0, 0.15) !important;
  }

  /* 8. تحسين ظهور روابط المستخدم والبحث */
  .navbar-collapse.in .navbar-right > li > a,
  .navbar-collapse.in .pkp_navigation_user > li > a {
    font-size: 15px !important;
    padding: 14px 20px !important;
    border: none !important;
    background: transparent !important;
    color: white !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    text-align: right;
  }

  /* 9. نموذج البحث في القائمة */
  .navbar-collapse.in .search_form {
    padding: 12px 20px !important;
    width: 100% !important;
  }

  .navbar-collapse.in .search_form input {
    width: 100% !important;
    padding: 10px 15px !important;
    font-size: 14px !important;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: white;
    border-radius: 8px !important;
  }

  .navbar-collapse.in .search_form input::placeholder {
    color: rgba(255, 255, 255, 0.7);
  }

  /* 10. إزالة تأثير hover الذي قد يكون مزعجاً على اللمس */
  .navbar-collapse.in .navbar-nav > li > a:active,
  .navbar-collapse.in .dropdown-menu > li > a:active {
    background: rgba(255, 255, 255, 0.2) !important;
    transition: none;
  }
}

/* تحسينات إضافية للشاشات الصغيرة جداً (≤ 480px) للتأكد من عدم التصاق النصوص */
@media (max-width: 480px) {
  .navbar-collapse.in .navbar-nav > li > a,
  .navbar-collapse.in .pkp_navigation_primary > li > a {
    font-size: 15px !important;
    padding: 12px 16px !important;
  }

  .navbar-collapse.in .dropdown-menu > li > a {
    padding: 10px 16px 10px 30px !important;
    font-size: 13px !important;
  }
}


/* ==================================================================
   FIX: FULL WIDTH HEADER & NAVIGATION FOR OJS (DESKTOP ONLY)
   الحل النهائي لإزالة الفراغات الجانبية في الحاسب
   ================================================================== */

@media (min-width: 992px) {
  /* 1. إزالة أي قيود عرض من الحاويات الرئيسية
     يشمل .container و .container-fluid معاً */
  .pkp_structure_page,
  .pkp_structure_content,
  .pkp_page_content,
  .pkp_navigation_primary_row .container,
  .pkp_navigation_primary_row .container-fluid,
  .navbar-default .container,
  .navbar-default .container-fluid,
  .pkp_structure_head .container,
  .pkp_structure_head .container-fluid {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* 2. جعل شريط التنقل والهيدر يملآن الشاشة بالكامل */
  .pkp_structure_head,
  .pkp_head_wrapper,
  .pkp_navigation_primary_row,
  .navbar-default {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    border-radius: 0 !important;
  }

  /* 3. الحاوية الداخلية — بدون padding جانبي لأن القوائم ستلتصق بالحافة */
  .pkp_navigation_primary_wrapper,
  .navbar-collapse,
  .navbar-header,
  .pkp_structure_head .pkp_site_name_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* 4. توزيع القوائم بشكل صحيح */
  .navbar-collapse {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
  }

  /* 5. القائمة الرئيسية — محاذاة حسب اتجاه اللغة */
  .pkp_navigation_primary,
  .navbar-nav {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
  }

  /* LTR (الإنجليزية): من أقصى اليسار */
  html:not([dir="rtl"]) .pkp_navigation_primary,
  html:not([dir="rtl"]) .navbar-nav:not(.navbar-right):not(.pkp_navigation_user) {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* RTL (العربية): من أقصى اليمين */
  html[dir="rtl"] .pkp_navigation_primary,
  html[dir="rtl"] .navbar-nav:not(.navbar-right):not(.pkp_navigation_user) {
    margin-left: auto !important;
    margin-right: 0 !important;
  }

  /* 6. قائمة المستخدم والبحث — محاذاة حسب اتجاه اللغة */
  .pkp_navigation_user,
  .navbar-right {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 12px !important;
  }

  /* LTR: البحث أقصى اليمين مع مسافة صغيرة */
  html:not([dir="rtl"]) .pkp_navigation_user,
  html:not([dir="rtl"]) .navbar-right {
    margin-left: auto !important;
    margin-right: 0 !important;
    padding-right: 16px !important;
  }

  /* RTL: البحث أقصى اليسار مع مسافة صغيرة */
  html[dir="rtl"] .pkp_navigation_user,
  html[dir="rtl"] .navbar-right {
    margin-right: auto !important;
    margin-left: 0 !important;
    padding-left: 16px !important;
  }

  /* 7. ضبط روابط القائمة */
  .pkp_navigation_primary > li > a,
  .navbar-nav > li > a {
    padding: 10px 16px !important;
    white-space: nowrap;
  }

  /* 8. إصلاح القوائم المنسدلة لتظهر بمحاذاة العنصر الأب بشكل صحيح */
  .dropdown-menu {
    left: auto !important;
    right: 0 !important;
  }
}

/* معالجة خاصة لمنع التمرير الأفقي */
html, body {
  overflow-x: clip !important;  /* clip أفضل من hidden لمنع التمرير */
}

.pkp_block .content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* ==================================================================
   JPD ISSUE & ARCHIVES THEME EXTENSION
   إضافة مستقلة فقط لصفحات Issue و Archives في OJS
   تعتمد نفس ألوان وأبعاد الثيمة المعتمدة في صفحات JPD الثابتة
   دون تعديل أي قاعدة سابقة في الملف.
   ================================================================== */

/* الغلاف العام لصفحات العدد والأرشيف */
body.pkp_page_issue .page_issue,
body.pkp_page_issue .page_issue_archive {
  max-width: 1080px;
  margin: 0 auto;
  padding: 8px 0 24px 0;
  color: #2f4037;
  font-family: inherit;
}

/* بطاقة رأس العدد: الغلاف، بيانات العدد، والوصف */
body.pkp_page_issue .obj_issue_toc .heading,
body.pkp_page_issue .page_issue .current_issue,
body.pkp_page_issue .page_issue_archive .cmp_pagination {
  background: linear-gradient(135deg, #eef7f3 0%, #ffffff 100%);
  border: 1px solid #cfe8dd;
  border-radius: 24px;
  padding: 22px 26px;
  margin: 0 0 24px 0;
  box-shadow: 0 8px 22px rgba(47,64,55,0.06);
  color: #2f4037;
}

/* غلاف العدد داخل صفحة العدد أو الأرشيف */
body.pkp_page_issue .obj_issue_toc .cover img,
body.pkp_page_issue .obj_issue_summary .cover img {
  border: 1px solid #cfe8dd;
  border-radius: 20px;
  box-shadow: 0 8px 22px rgba(47,64,55,0.07);
  background: #ffffff;
}

/* عنوان العدد وبياناته */
body.pkp_page_issue .obj_issue_toc .heading h2,
body.pkp_page_issue .obj_issue_toc .heading h3,
body.pkp_page_issue .obj_issue_toc .heading .title,
body.pkp_page_issue .obj_issue_toc .heading .published,
body.pkp_page_issue .obj_issue_toc .heading .doi,
body.pkp_page_issue .obj_issue_toc .heading .series {
  color: #2f4037;
}

body.pkp_page_issue .obj_issue_toc .description,
body.pkp_page_issue .obj_issue_toc .description p,
body.pkp_page_issue .obj_issue_summary .description,
body.pkp_page_issue .obj_issue_summary .description p {
  color: #4b5b52;
  font-size: 15px;
  line-height: 1.82;
  text-align: justify;
}

/* عناوين أقسام العدد مثل Original Articles / Review Articles */
body.pkp_page_issue .obj_issue_toc .section h2,
body.pkp_page_issue .obj_issue_toc .section h3,
body.pkp_page_issue .page_issue_archive h2,
body.pkp_page_issue .page_issue_archive h3 {
  margin: 26px 0 16px 0;
  padding: 12px 18px;
  border-left: 6px solid #30aa7b;
  border-radius: 14px;
  background: #eef7f3;
  color: #2f4037;
  font-size: 18px;
  line-height: 1.35;
  font-weight: 800;
}

/* بطاقات المقالات داخل صفحة العدد */
body.pkp_page_issue .obj_issue_toc .obj_article_summary {
  background: #ffffff;
  border: 1px solid #cfe8dd;
  border-left: 6px solid #30aa7b;
  border-radius: 20px;
  margin: 0 0 18px 0;
  padding: 22px 24px;
  box-shadow: 0 8px 22px rgba(47,64,55,0.07);
  overflow: hidden;
  color: #2f4037;
}

body.pkp_page_issue .obj_issue_toc .obj_article_summary:nth-of-type(odd) {
  background: #ffffff;
}

body.pkp_page_issue .obj_issue_toc .obj_article_summary:nth-of-type(even) {
  background: #eef7f3;
}

/* عنوان المقال داخل بطاقة العدد */
body.pkp_page_issue .obj_issue_toc .obj_article_summary .title {
  margin: 0 0 14px 0;
  padding: 0 0 10px 0;
  border-bottom: 2px solid #d7b64a;
}

body.pkp_page_issue .obj_issue_toc .obj_article_summary .title a {
  color: #2f4037;
  font-size: 21px;
  line-height: 1.35;
  font-weight: 800;
}

body.pkp_page_issue .obj_issue_toc .obj_article_summary .title a:hover {
  color: #30aa7b;
}

body.pkp_page_issue .obj_issue_toc .obj_article_summary .authors,
body.pkp_page_issue .obj_issue_toc .obj_article_summary .pages,
body.pkp_page_issue .obj_issue_toc .obj_article_summary .published,
body.pkp_page_issue .obj_issue_toc .obj_article_summary .doi,
body.pkp_page_issue .obj_issue_toc .obj_article_summary .subtitle {
  color: #4b5b52;
  font-size: 15px;
  line-height: 1.82;
}

/* روابط المقالات والـ DOI داخل العدد */
body.pkp_page_issue .obj_issue_toc .obj_article_summary a:not(.obj_galley_link) {
  color: #2f4037;
}

body.pkp_page_issue .obj_issue_toc .obj_article_summary a:not(.obj_galley_link):hover {
  color: #30aa7b;
}

/* أزرار ملفات المقالات إن كانت ظاهرة في إعدادات OJS */
body.pkp_page_issue .obj_issue_toc .obj_article_summary .galleys,
body.pkp_page_issue .obj_issue_toc .obj_article_summary .galleys_links {
  margin-top: 14px;
}

body.pkp_page_issue .obj_issue_toc .obj_article_summary .obj_galley_link {
  background: #30aa7b;
  color: #ffffff !important;
  border-radius: 40px;
  padding: 8px 24px;
  font-weight: 700;
  border: none;
  text-decoration: none;
}

body.pkp_page_issue .obj_issue_toc .obj_article_summary .obj_galley_link:hover {
  background: #2f4037;
  color: #ffffff !important;
  box-shadow: 0 8px 22px rgba(47,64,55,0.07);
}

/* صفحة أرشيف الأعداد */
body.pkp_page_issue .issues_archive,
body.pkp_page_issue .page_issue_archive .issues_archive {
  list-style: none;
  margin: 0;
  padding: 0;
}

body.pkp_page_issue .issues_archive > li,
body.pkp_page_issue .page_issue_archive .issues_archive > li {
  list-style: none;
  margin: 0 0 18px 0;
  padding: 0;
}

/* بطاقة العدد في الأرشيف */
body.pkp_page_issue .obj_issue_summary,
body.pkp_page_issue .page_issue_archive .obj_issue_summary {
  background: #ffffff;
  border: 1px solid #cfe8dd;
  border-left: 6px solid #30aa7b;
  border-radius: 20px;
  margin: 0 0 18px 0;
  padding: 22px 24px;
  box-shadow: 0 8px 22px rgba(47,64,55,0.07);
  overflow: hidden;
  color: #2f4037;
}

body.pkp_page_issue .issues_archive > li:nth-child(even) .obj_issue_summary,
body.pkp_page_issue .page_issue_archive .issues_archive > li:nth-child(even) .obj_issue_summary {
  background: #eef7f3;
}

body.pkp_page_issue .issues_archive > li:nth-child(3n) .obj_issue_summary,
body.pkp_page_issue .page_issue_archive .issues_archive > li:nth-child(3n) .obj_issue_summary {
  background: #fffaf0;
}

/* عنوان العدد داخل بطاقة الأرشيف */
body.pkp_page_issue .obj_issue_summary .title,
body.pkp_page_issue .obj_issue_summary h2,
body.pkp_page_issue .obj_issue_summary h3 {
  margin: 0 0 14px 0;
  padding: 0 0 10px 0;
  border-bottom: 2px solid #d7b64a;
  color: #2f4037;
  font-size: 21px;
  line-height: 1.35;
  font-weight: 800;
}

body.pkp_page_issue .obj_issue_summary .title a,
body.pkp_page_issue .obj_issue_summary h2 a,
body.pkp_page_issue .obj_issue_summary h3 a {
  color: #2f4037;
  text-decoration: none;
}

body.pkp_page_issue .obj_issue_summary .title a:hover,
body.pkp_page_issue .obj_issue_summary h2 a:hover,
body.pkp_page_issue .obj_issue_summary h3 a:hover {
  color: #30aa7b;
}

body.pkp_page_issue .obj_issue_summary .series,
body.pkp_page_issue .obj_issue_summary .published,
body.pkp_page_issue .obj_issue_summary .date,
body.pkp_page_issue .obj_issue_summary .description,
body.pkp_page_issue .obj_issue_summary .description p {
  color: #4b5b52;
  font-size: 15px;
  line-height: 1.82;
}

/* روابط View Issue / التفاصيل في الأرشيف */
body.pkp_page_issue .obj_issue_summary .read_more,
body.pkp_page_issue .obj_issue_summary .links,
body.pkp_page_issue .obj_issue_summary .galleys {
  margin-top: 14px;
}

body.pkp_page_issue .obj_issue_summary .read_more a,
body.pkp_page_issue .obj_issue_summary .links a,
body.pkp_page_issue .obj_issue_summary .galleys a {
  color: #30aa7b;
  font-weight: 700;
}

body.pkp_page_issue .obj_issue_summary .read_more a:hover,
body.pkp_page_issue .obj_issue_summary .links a:hover,
body.pkp_page_issue .obj_issue_summary .galleys a:hover {
  color: #2f4037;
}

/* ترقيم صفحات الأرشيف */
body.pkp_page_issue .cmp_pagination,
body.pkp_page_issue .page_issue_archive .cmp_pagination {
  background: #eef7f3;
  border: 1px solid #cfe8dd;
  border-radius: 20px;
  padding: 14px 18px;
  margin: 18px 0;
  color: #2f4037;
}

body.pkp_page_issue .cmp_pagination a {
  color: #30aa7b;
  font-weight: 700;
}

body.pkp_page_issue .cmp_pagination a:hover {
  color: #2f4037;
}

/* توافق الموبايل دون تغيير ثيمة الموقع العامة */
@media (max-width: 767px) {
  body.pkp_page_issue .page_issue,
  body.pkp_page_issue .page_issue_archive {
    padding: 8px 0 20px 0;
  }

  body.pkp_page_issue .obj_issue_toc .heading,
  body.pkp_page_issue .page_issue .current_issue,
  body.pkp_page_issue .page_issue_archive .cmp_pagination,
  body.pkp_page_issue .obj_issue_toc .obj_article_summary,
  body.pkp_page_issue .obj_issue_summary,
  body.pkp_page_issue .page_issue_archive .obj_issue_summary {
    border-radius: 20px;
    padding: 18px 18px;
  }

  body.pkp_page_issue .obj_issue_toc .section h2,
  body.pkp_page_issue .obj_issue_toc .section h3,
  body.pkp_page_issue .page_issue_archive h2,
  body.pkp_page_issue .page_issue_archive h3 {
    font-size: 16px;
    padding: 10px 14px;
  }

  body.pkp_page_issue .obj_issue_toc .obj_article_summary .title a,
  body.pkp_page_issue .obj_issue_summary .title,
  body.pkp_page_issue .obj_issue_summary h2,
  body.pkp_page_issue .obj_issue_summary h3 {
    font-size: 18px;
  }
}

/* ==================================================================
   END JPD ISSUE & ARCHIVES THEME EXTENSION
   ================================================================== */

/* ==================================================================
   FIX: ISSUE HEADER UNDERLINE COLLISION
   إصلاح تداخل الخط الذهبي مع بيانات العدد أسفل عنوان العدد
   يقتصر على صفحات Issue فقط ولا يغير ألوان أو أبعاد الثيمة العامة.
   ================================================================== */

body.pkp_page_issue .obj_issue_toc .heading h1,
body.pkp_page_issue .obj_issue_toc .heading h1.page_title,
body.pkp_page_issue .obj_issue_toc .heading .title,
body.pkp_page_issue .page_issue > h1,
body.pkp_page_issue .page_issue .page_title {
  display: block !important;
  width: 100% !important;
  margin: 0 0 16px 0 !important;
  padding: 0 0 12px 0 !important;
  line-height: 1.18 !important;
  border-bottom: 4px solid #d7b64a !important;
  clear: both !important;
}

body.pkp_page_issue .obj_issue_toc .heading h1::after,
body.pkp_page_issue .obj_issue_toc .heading h1.page_title::after,
body.pkp_page_issue .obj_issue_toc .heading .title::after,
body.pkp_page_issue .page_issue > h1::after,
body.pkp_page_issue .page_issue .page_title::after {
  content: none !important;
  display: none !important;
}

body.pkp_page_issue .obj_issue_toc .heading .series,
body.pkp_page_issue .obj_issue_toc .heading .published,
body.pkp_page_issue .obj_issue_toc .heading .subtitle,
body.pkp_page_issue .obj_issue_toc .heading .volume,
body.pkp_page_issue .obj_issue_toc .heading .issue,
body.pkp_page_issue .obj_issue_toc .heading .date {
  display: block !important;
  clear: both !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.35 !important;
  border: 0 !important;
}

@media (max-width: 767px) {
  body.pkp_page_issue .obj_issue_toc .heading h1,
  body.pkp_page_issue .obj_issue_toc .heading h1.page_title,
  body.pkp_page_issue .obj_issue_toc .heading .title,
  body.pkp_page_issue .page_issue > h1,
  body.pkp_page_issue .page_issue .page_title {
    margin-bottom: 14px !important;
    padding-bottom: 10px !important;
  }
}

/* ==================================================================
   END FIX: ISSUE HEADER UNDERLINE COLLISION
   ================================================================== */

/* ==================================================================
   FIX v2: ISSUE / ARCHIVE TITLE RULE POSITION
   ينقل الخط الذهبي من border-bottom إلى عنصر مستقل داخل التدفق الطبيعي
   حتى لا يتقاطع مع سطر Vol./No./Year في صفحات Issue و Archives.
   لا يغير الألوان أو الثيمة العامة.
   ================================================================== */

body.pkp_page_issue .obj_issue_toc .heading > h1,
body.pkp_page_issue .obj_issue_toc .heading > h1.page_title,
body.pkp_page_issue .obj_issue_toc .heading > .title,
body.pkp_page_issue .page_issue > h1,
body.pkp_page_issue .page_issue > .page_title,
body.pkp_page_issue .obj_issue_summary > .title,
body.pkp_page_issue .obj_issue_summary > h2,
body.pkp_page_issue .obj_issue_summary > h3 {
  display: block !important;
  width: 100% !important;
  clear: both !important;
  position: relative !important;
  margin: 0 0 14px 0 !important;
  padding: 0 !important;
  border-bottom: 0 !important;
  line-height: 1.18 !important;
}

body.pkp_page_issue .obj_issue_toc .heading > h1::after,
body.pkp_page_issue .obj_issue_toc .heading > h1.page_title::after,
body.pkp_page_issue .obj_issue_toc .heading > .title::after,
body.pkp_page_issue .page_issue > h1::after,
body.pkp_page_issue .page_issue > .page_title::after,
body.pkp_page_issue .obj_issue_summary > .title::after,
body.pkp_page_issue .obj_issue_summary > h2::after,
body.pkp_page_issue .obj_issue_summary > h3::after {
  content: "" !important;
  display: block !important;
  width: 100% !important;
  height: 4px !important;
  background: #d7b64a !important;
  border: 0 !important;
  margin: 12px 0 16px 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

/* في حال كان عنوان العدد داخل رابط مستقل، يوضع الخط بعد الرابط لا فوق بيانات العدد */
body.pkp_page_issue .obj_issue_summary > .title > a,
body.pkp_page_issue .obj_issue_summary > h2 > a,
body.pkp_page_issue .obj_issue_summary > h3 > a,
body.pkp_page_issue .obj_issue_toc .heading > .title > a {
  display: inline-block !important;
  width: auto !important;
  max-width: 100% !important;
}

body.pkp_page_issue .obj_issue_toc .heading > .series,
body.pkp_page_issue .obj_issue_toc .heading > .published,
body.pkp_page_issue .obj_issue_toc .heading > .subtitle,
body.pkp_page_issue .obj_issue_toc .heading > .volume,
body.pkp_page_issue .obj_issue_toc .heading > .issue,
body.pkp_page_issue .obj_issue_toc .heading > .date,
body.pkp_page_issue .obj_issue_summary > .series,
body.pkp_page_issue .obj_issue_summary > .published,
body.pkp_page_issue .obj_issue_summary > .subtitle,
body.pkp_page_issue .obj_issue_summary > .volume,
body.pkp_page_issue .obj_issue_summary > .issue,
body.pkp_page_issue .obj_issue_summary > .date {
  display: block !important;
  clear: both !important;
  position: relative !important;
  z-index: 2 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  line-height: 1.35 !important;
}

@media (max-width: 767px) {
  body.pkp_page_issue .obj_issue_toc .heading > h1::after,
  body.pkp_page_issue .obj_issue_toc .heading > h1.page_title::after,
  body.pkp_page_issue .obj_issue_toc .heading > .title::after,
  body.pkp_page_issue .page_issue > h1::after,
  body.pkp_page_issue .page_issue > .page_title::after,
  body.pkp_page_issue .obj_issue_summary > .title::after,
  body.pkp_page_issue .obj_issue_summary > h2::after,
  body.pkp_page_issue .obj_issue_summary > h3::after {
    margin: 10px 0 14px 0 !important;
  }
}

/* ==================================================================
   END FIX v2
   ================================================================== */

/* ==================================================================
   FIX v3: REDUCE ARTICLE TITLE SIZE INSIDE ISSUE PAGE ONLY
   يقلل حجم عناوين البحوث في صفحة العدد فقط مع الإبقاء على الـ bold
   ================================================================== */

body.pkp_page_issue .obj_issue_toc .obj_article_summary .title a {
  font-size: 18px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}

@media (max-width: 767px) {
  body.pkp_page_issue .obj_issue_toc .obj_article_summary .title a {
    font-size: 16px !important;
    font-weight: 800 !important;
  }
}

/* ==================================================================
   END FIX v3
   ================================================================== */

/* ==================================================================
   FIX v4: COMPACT ISSUE HEADER LAYOUT
   - make issue cover on the left
   - place title/volume info on the right
   - reduce unused vertical space and oversized card height
   ================================================================== */

body.pkp_page_issue .obj_issue_toc .heading,
body.pkp_page_issue .obj_issue_summary {
  display: grid !important;
  grid-template-columns: 240px minmax(0, 1fr) !important;
  column-gap: 26px !important;
  row-gap: 10px !important;
  align-items: start !important;
  padding: 18px 18px 14px 18px !important;
  min-height: auto !important;
}

body.pkp_page_issue .obj_issue_toc .heading .cover,
body.pkp_page_issue .obj_issue_summary .cover {
  grid-column: 1 !important;
  grid-row: 1 / span 8 !important;
  margin: 0 !important;
  width: 240px !important;
  max-width: 240px !important;
  align-self: start !important;
}

body.pkp_page_issue .obj_issue_toc .heading .cover img,
body.pkp_page_issue .obj_issue_summary .cover img {
  width: 100% !important;
  max-width: 240px !important;
  height: auto !important;
  display: block !important;
}

body.pkp_page_issue .obj_issue_toc .heading > h1,
body.pkp_page_issue .obj_issue_toc .heading > h1.page_title,
body.pkp_page_issue .obj_issue_toc .heading > .title,
body.pkp_page_issue .page_issue > h1,
body.pkp_page_issue .page_issue > .page_title,
body.pkp_page_issue .obj_issue_summary > .title,
body.pkp_page_issue .obj_issue_summary > h2,
body.pkp_page_issue .obj_issue_summary > h3 {
  grid-column: 2 !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

body.pkp_page_issue .obj_issue_toc .heading > .series,
body.pkp_page_issue .obj_issue_toc .heading > .published,
body.pkp_page_issue .obj_issue_toc .heading > .subtitle,
body.pkp_page_issue .obj_issue_toc .heading > .volume,
body.pkp_page_issue .obj_issue_toc .heading > .issue,
body.pkp_page_issue .obj_issue_toc .heading > .date,
body.pkp_page_issue .obj_issue_summary > .series,
body.pkp_page_issue .obj_issue_summary > .published,
body.pkp_page_issue .obj_issue_summary > .subtitle,
body.pkp_page_issue .obj_issue_summary > .volume,
body.pkp_page_issue .obj_issue_summary > .issue,
body.pkp_page_issue .obj_issue_summary > .date,
body.pkp_page_issue .obj_issue_toc .heading .description,
body.pkp_page_issue .obj_issue_summary .description {
  grid-column: 2 !important;
}

body.pkp_page_issue .obj_issue_toc .heading .description,
body.pkp_page_issue .obj_issue_summary .description {
  margin-top: 6px !important;
}

body.pkp_page_issue .obj_issue_toc,
body.pkp_page_issue .obj_issue_summary {
  margin-bottom: 24px !important;
}

@media (max-width: 991px) {
  body.pkp_page_issue .obj_issue_toc .heading,
  body.pkp_page_issue .obj_issue_summary {
    grid-template-columns: 1fr !important;
    padding: 16px !important;
  }

  body.pkp_page_issue .obj_issue_toc .heading .cover,
  body.pkp_page_issue .obj_issue_summary .cover,
  body.pkp_page_issue .obj_issue_toc .heading > h1,
  body.pkp_page_issue .obj_issue_toc .heading > h1.page_title,
  body.pkp_page_issue .obj_issue_toc .heading > .title,
  body.pkp_page_issue .page_issue > h1,
  body.pkp_page_issue .page_issue > .page_title,
  body.pkp_page_issue .obj_issue_summary > .title,
  body.pkp_page_issue .obj_issue_summary > h2,
  body.pkp_page_issue .obj_issue_summary > h3,
  body.pkp_page_issue .obj_issue_toc .heading > .series,
  body.pkp_page_issue .obj_issue_toc .heading > .published,
  body.pkp_page_issue .obj_issue_toc .heading > .subtitle,
  body.pkp_page_issue .obj_issue_toc .heading > .volume,
  body.pkp_page_issue .obj_issue_toc .heading > .issue,
  body.pkp_page_issue .obj_issue_toc .heading > .date,
  body.pkp_page_issue .obj_issue_summary > .series,
  body.pkp_page_issue .obj_issue_summary > .published,
  body.pkp_page_issue .obj_issue_summary > .subtitle,
  body.pkp_page_issue .obj_issue_summary > .volume,
  body.pkp_page_issue .obj_issue_summary > .issue,
  body.pkp_page_issue .obj_issue_summary > .date,
  body.pkp_page_issue .obj_issue_toc .heading .description,
  body.pkp_page_issue .obj_issue_summary .description {
    grid-column: 1 !important;
  }

  body.pkp_page_issue .obj_issue_toc .heading .cover,
  body.pkp_page_issue .obj_issue_summary .cover {
    grid-row: auto !important;
    width: 220px !important;
    max-width: 220px !important;
    margin: 0 auto 12px auto !important;
  }
}

/* ==================================================================
   FIX v5: MORE COMPACT ISSUE / ARCHIVE CARDS
   - reduce issue cover image size
   - reduce issue title and volume text size
   - reduce vertical whitespace in archive issue cards
   ================================================================== */

body.pkp_page_issue .obj_issue_toc .heading,
body.pkp_page_issue .obj_issue_summary {
  grid-template-columns: 170px minmax(0, 1fr) !important;
  column-gap: 20px !important;
  row-gap: 6px !important;
  padding: 14px 16px 12px 16px !important;
  align-items: center !important;
  min-height: 0 !important;
}

body.pkp_page_issue .obj_issue_toc .heading .cover,
body.pkp_page_issue .obj_issue_summary .cover {
  width: 170px !important;
  max-width: 170px !important;
  margin: 0 !important;
  align-self: center !important;
}

body.pkp_page_issue .obj_issue_toc .heading .cover img,
body.pkp_page_issue .obj_issue_summary .cover img {
  width: 170px !important;
  max-width: 170px !important;
  height: auto !important;
}

body.pkp_page_issue .obj_issue_toc .heading > h1,
body.pkp_page_issue .obj_issue_toc .heading > h1.page_title,
body.pkp_page_issue .obj_issue_toc .heading > .title,
body.pkp_page_issue .page_issue > h1,
body.pkp_page_issue .page_issue > .page_title,
body.pkp_page_issue .obj_issue_summary > .title,
body.pkp_page_issue .obj_issue_summary > h2,
body.pkp_page_issue .obj_issue_summary > h3,
body.pkp_page_issue .obj_issue_summary .title a {
  font-size: 24px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  margin-top: 0 !important;
  margin-bottom: 6px !important;
}

body.pkp_page_issue .obj_issue_toc .heading > h1::after,
body.pkp_page_issue .obj_issue_toc .heading > h1.page_title::after,
body.pkp_page_issue .obj_issue_toc .heading > .title::after,
body.pkp_page_issue .page_issue > h1::after,
body.pkp_page_issue .page_issue > .page_title::after,
body.pkp_page_issue .obj_issue_summary > .title::after,
body.pkp_page_issue .obj_issue_summary > h2::after,
body.pkp_page_issue .obj_issue_summary > h3::after {
  height: 3px !important;
  margin: 8px 0 10px 0 !important;
}

body.pkp_page_issue .obj_issue_toc .heading > .series,
body.pkp_page_issue .obj_issue_toc .heading > .published,
body.pkp_page_issue .obj_issue_toc .heading > .subtitle,
body.pkp_page_issue .obj_issue_toc .heading > .volume,
body.pkp_page_issue .obj_issue_toc .heading > .issue,
body.pkp_page_issue .obj_issue_toc .heading > .date,
body.pkp_page_issue .obj_issue_summary > .series,
body.pkp_page_issue .obj_issue_summary > .published,
body.pkp_page_issue .obj_issue_summary > .subtitle,
body.pkp_page_issue .obj_issue_summary > .volume,
body.pkp_page_issue .obj_issue_summary > .issue,
body.pkp_page_issue .obj_issue_summary > .date {
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  margin-top: 0 !important;
}

body.pkp_page_issue .issues_archive > li,
body.pkp_page_issue .issues_archive .obj_issue_summary,
body.pkp_page_issue .obj_issue_summary {
  margin-bottom: 20px !important;
}

@media (max-width: 991px) {
  body.pkp_page_issue .obj_issue_toc .heading,
  body.pkp_page_issue .obj_issue_summary {
    grid-template-columns: 130px minmax(0, 1fr) !important;
    column-gap: 14px !important;
    padding: 12px !important;
  }

  body.pkp_page_issue .obj_issue_toc .heading .cover,
  body.pkp_page_issue .obj_issue_summary .cover,
  body.pkp_page_issue .obj_issue_toc .heading .cover img,
  body.pkp_page_issue .obj_issue_summary .cover img {
    width: 130px !important;
    max-width: 130px !important;
  }

  body.pkp_page_issue .obj_issue_toc .heading > h1,
  body.pkp_page_issue .obj_issue_toc .heading > h1.page_title,
  body.pkp_page_issue .obj_issue_toc .heading > .title,
  body.pkp_page_issue .page_issue > h1,
  body.pkp_page_issue .page_issue > .page_title,
  body.pkp_page_issue .obj_issue_summary > .title,
  body.pkp_page_issue .obj_issue_summary > h2,
  body.pkp_page_issue .obj_issue_summary > h3,
  body.pkp_page_issue .obj_issue_summary .title a {
    font-size: 20px !important;
  }

  body.pkp_page_issue .obj_issue_toc .heading > .series,
  body.pkp_page_issue .obj_issue_toc .heading > .published,
  body.pkp_page_issue .obj_issue_toc .heading > .subtitle,
  body.pkp_page_issue .obj_issue_toc .heading > .volume,
  body.pkp_page_issue .obj_issue_toc .heading > .issue,
  body.pkp_page_issue .obj_issue_toc .heading > .date,
  body.pkp_page_issue .obj_issue_summary > .series,
  body.pkp_page_issue .obj_issue_summary > .published,
  body.pkp_page_issue .obj_issue_summary > .subtitle,
  body.pkp_page_issue .obj_issue_summary > .volume,
  body.pkp_page_issue .obj_issue_summary > .issue,
  body.pkp_page_issue .obj_issue_summary > .date {
    font-size: 16px !important;
  }
}

@media (max-width: 600px) {
  body.pkp_page_issue .obj_issue_toc .heading,
  body.pkp_page_issue .obj_issue_summary {
    grid-template-columns: 1fr !important;
  }

  body.pkp_page_issue .obj_issue_toc .heading .cover,
  body.pkp_page_issue .obj_issue_summary .cover,
  body.pkp_page_issue .obj_issue_toc .heading .cover img,
  body.pkp_page_issue .obj_issue_summary .cover img {
    width: 150px !important;
    max-width: 150px !important;
    margin: 0 auto 8px auto !important;
  }

  body.pkp_page_issue .obj_issue_toc .heading > h1,
  body.pkp_page_issue .obj_issue_toc .heading > h1.page_title,
  body.pkp_page_issue .obj_issue_toc .heading > .title,
  body.pkp_page_issue .page_issue > h1,
  body.pkp_page_issue .page_issue > .page_title,
  body.pkp_page_issue .obj_issue_summary > .title,
  body.pkp_page_issue .obj_issue_summary > h2,
  body.pkp_page_issue .obj_issue_summary > h3,
  body.pkp_page_issue .obj_issue_summary .title a {
    font-size: 18px !important;
  }
}

/*/* ==================================================================
   FIX v6: FORCE SMALLER JOURNAL TITLE IN ISSUE ARCHIVE CARDS ONLY
   Keeps bold weight, colors, and card dimensions unchanged.
   Added text inset to move title and issue data away from the green line.
   ================================================================== */

body.pkp_page_issue .obj_issue_summary .title,
body.pkp_page_issue .obj_issue_summary .title a,
body.pkp_page_issue .obj_issue_summary h2,
body.pkp_page_issue .obj_issue_summary h2 a,
body.pkp_page_issue .obj_issue_summary h3,
body.pkp_page_issue .obj_issue_summary h3 a,
body.pkp_page_issue .issues_archive .obj_issue_summary .title,
body.pkp_page_issue .issues_archive .obj_issue_summary .title a,
body.pkp_page_issue .issues_archive .obj_issue_summary h2,
body.pkp_page_issue .issues_archive .obj_issue_summary h2 a,
body.pkp_page_issue .issues_archive .obj_issue_summary h3,
body.pkp_page_issue .issues_archive .obj_issue_summary h3 a {
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}

/* تحريك بداية سطر اسم المجلة بعيدًا عن الخط الأخضر */
body.pkp_page_issue .obj_issue_summary > .title,
body.pkp_page_issue .obj_issue_summary > h2,
body.pkp_page_issue .obj_issue_summary > h3,
body.pkp_page_issue .issues_archive .obj_issue_summary > .title,
body.pkp_page_issue .issues_archive .obj_issue_summary > h2,
body.pkp_page_issue .issues_archive .obj_issue_summary > h3 {
  margin-top: 0 !important;
  margin-bottom: 4px !important;
  padding-left: 18px !important;
  box-sizing: border-box !important;
}

body.pkp_page_issue .obj_issue_summary > .title::after,
body.pkp_page_issue .obj_issue_summary > h2::after,
body.pkp_page_issue .obj_issue_summary > h3::after,
body.pkp_page_issue .issues_archive .obj_issue_summary > .title::after,
body.pkp_page_issue .issues_archive .obj_issue_summary > h2::after,
body.pkp_page_issue .issues_archive .obj_issue_summary > h3::after {
  margin: 6px 0 8px 0 !important;
}

body.pkp_page_issue .obj_issue_summary .series,
body.pkp_page_issue .obj_issue_summary .published,
body.pkp_page_issue .obj_issue_summary .subtitle,
body.pkp_page_issue .obj_issue_summary .volume,
body.pkp_page_issue .obj_issue_summary .issue,
body.pkp_page_issue .obj_issue_summary .date,
body.pkp_page_issue .issues_archive .obj_issue_summary .series,
body.pkp_page_issue .issues_archive .obj_issue_summary .published,
body.pkp_page_issue .issues_archive .obj_issue_summary .subtitle,
body.pkp_page_issue .issues_archive .obj_issue_summary .volume,
body.pkp_page_issue .issues_archive .obj_issue_summary .issue,
body.pkp_page_issue .issues_archive .obj_issue_summary .date {
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 800 !important;
  padding-left: 18px !important;
  box-sizing: border-box !important;
}

@media (max-width: 991px) {
  body.pkp_page_issue .obj_issue_summary .title,
  body.pkp_page_issue .obj_issue_summary .title a,
  body.pkp_page_issue .obj_issue_summary h2,
  body.pkp_page_issue .obj_issue_summary h2 a,
  body.pkp_page_issue .obj_issue_summary h3,
  body.pkp_page_issue .obj_issue_summary h3 a {
    font-size: 14px !important;
  }

  body.pkp_page_issue .obj_issue_summary > .title,
  body.pkp_page_issue .obj_issue_summary > h2,
  body.pkp_page_issue .obj_issue_summary > h3,
  body.pkp_page_issue .issues_archive .obj_issue_summary > .title,
  body.pkp_page_issue .issues_archive .obj_issue_summary > h2,
  body.pkp_page_issue .issues_archive .obj_issue_summary > h3,
  body.pkp_page_issue .obj_issue_summary .series,
  body.pkp_page_issue .obj_issue_summary .published,
  body.pkp_page_issue .obj_issue_summary .subtitle,
  body.pkp_page_issue .obj_issue_summary .volume,
  body.pkp_page_issue .obj_issue_summary .issue,
  body.pkp_page_issue .obj_issue_summary .date,
  body.pkp_page_issue .issues_archive .obj_issue_summary .series,
  body.pkp_page_issue .issues_archive .obj_issue_summary .published,
  body.pkp_page_issue .issues_archive .obj_issue_summary .subtitle,
  body.pkp_page_issue .issues_archive .obj_issue_summary .volume,
  body.pkp_page_issue .issues_archive .obj_issue_summary .issue,
  body.pkp_page_issue .issues_archive .obj_issue_summary .date {
    padding-left: 16px !important;
  }
}


/* ==================================================================
   FIX v7: REDUCE RESEARCH ARTICLE TITLES INSIDE ISSUE TOC
   يقلل حجم عناوين البحوث عند الدخول إلى العدد الحالي أو الأعداد السابقة
   دون تغيير ألوان البطاقات أو أبعادها، مع الإبقاء على الخط العريض.
   ================================================================== */

body.pkp_page_issue .obj_issue_toc .obj_article_summary .title,
body.pkp_page_issue .page_issue .obj_issue_toc .obj_article_summary .title {
  margin-bottom: 10px !important;
  padding-bottom: 8px !important;
}

body.pkp_page_issue .obj_issue_toc .obj_article_summary .title a,
body.pkp_page_issue .page_issue .obj_issue_toc .obj_article_summary .title a,
body.pkp_page_issue .obj_issue_toc .section .obj_article_summary .title a {
  font-size: 15px !important;
  line-height: 1.38 !important;
  font-weight: 800 !important;
}

@media (max-width: 767px) {
  body.pkp_page_issue .obj_issue_toc .obj_article_summary .title a,
  body.pkp_page_issue .page_issue .obj_issue_toc .obj_article_summary .title a,
  body.pkp_page_issue .obj_issue_toc .section .obj_article_summary .title a {
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
  }
}

/* ==================================================================
   END FIX v7
   ================================================================== */