/* =============================================================================
   Author: PKP PS
   Last updated : 2026-06-23
   Updated: Current issue card layout
   ============================================================================= */

/* Variables */
:root {
  --color-header-bg: #DDDDBF;
  --color-footer-bg: #F3F3F1;;
  --color-primary: #006798;
  --color-primary-hover-bg: #ffffff;
  --color-btn-border: #000000;
  --color-btn-bg: #ffffff;
  --color-btn-text: #006798;
  --color-popup-bg: #555555;
  --color-popup-text: #ffffff;
}

/* Fix RTL - Horizontal Scroll */
html {
  overflow-x: hidden !important;
}

/* Index/Home */
.page_index_journal .current_issue {
  display: block !important;
}

.homepage_about h2 {
  display: block !important;
}

/* Header/Footer */
.pkp_brand_footer {
  display: none !important;
}

.pkp_structure_footer_wrapper {
  background: var(--color-footer-bg) !important;
}

.pkp_structure_head {
  background-color: var(--color-header-bg) !important;
}

.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row {
  background: linear-gradient(
    90deg,
    #F4F4E2 0%,
    #E9EAC5 50%,
    #F4F4E2 100%
  ) !important;
  box-shadow: none !important;
  border: none !important;
}

/* Issue */
.obj_issue_toc .sections:not(:first-child) {
  margin-top: 0;
}

.obj_issue_toc .galleys,
.obj_issue_toc .section {
  margin: 0.5rem -0.5rem;
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
}

/* Hidden Buttons */
.page_editorial_team .cmp_breadcrumbs {
  display: none !important;
}

div.published {
  display: none;
}

div.pkp_navigation_search_wrapper {
  display: none;
}

/* Buttons */
.nbtn {
  border: 2px solid var(--color-btn-border);
  background-color: var(--color-btn-bg);
  color: var(--color-btn-text);
  padding: 4px 8px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 5px;
}

.primary {
  background: var(--color-primary);
  color: var(--color-popup-text);
}

.primary:hover {
  background: var(--color-primary-hover-bg);
  border-color: var(--color-primary);
  color: var(--color-primary);
}

/* Popup */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: var(--color-popup-bg);
  color: var(--color-popup-text);
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: var(--color-popup-bg) transparent transparent transparent;
}

.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

@-webkit-keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* =============================================================================
   Current Issue Cards
   ============================================================================= */

/* Compact spacing between subject sections */
.page_index_journal .current_issue .obj_issue_toc .section {
  margin: 12px 0 !important;
  padding: 12px 0 !important;
}

/* Two article cards per row on desktop/tablet */
@media (min-width: 768px) {
  .page_index_journal .current_issue .obj_issue_toc .articles {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    align-items: stretch !important;
  }

  .page_index_journal .current_issue .obj_issue_toc .articles > li {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 20px !important;
    border: 1px solid #deddd2 !important;
    border-radius: 10px !important;
    background:  #ffffff !important;
    box-sizing: border-box !important;
  }

  .page_index_journal .current_issue .obj_issue_toc .obj_article_summary {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
  }

  .page_index_journal .current_issue .obj_issue_toc .obj_article_summary .title {
    min-height: 0 !important;
    margin-bottom: 18px !important;
  }

  /* Keep PDF buttons at the bottom of each card */
  .page_index_journal .current_issue .obj_issue_toc .galleys {
    position: static !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
    align-items: center !important;
    margin-top: auto !important;
    margin-bottom: 0 !important;
    padding-top: 18px !important;
    padding-bottom: 0 !important;
  }

  /* Uniform PDF button size */
  .page_index_journal .current_issue .obj_issue_toc .galleys a,
  .page_index_journal .current_issue .obj_issue_toc a.obj_galley_link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 150px !important;
    min-width: 150px !important;
    height: 44px !important;
    padding: 0 10px !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }

  /* First item: "كلمة العدد" spans both columns */
  .page_index_journal .current_issue .obj_issue_toc
  .sections > .section:first-child .articles > li:first-child {
    grid-column: 1 / -1 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 18px 24px !important;
  }

  .page_index_journal .current_issue .obj_issue_toc
  .sections > .section:first-child .articles > li:first-child
  .obj_article_summary {
    display: block !important;
    height: auto !important;
  }

  .page_index_journal .current_issue .obj_issue_toc
  .sections > .section:first-child .articles > li:first-child img {
    width: 120px !important;
    height: auto !important;
    float: right !important;
    margin: 0 0 10px 22px !important;
  }

  .page_index_journal .current_issue .obj_issue_toc
  .sections > .section:first-child .articles > li:first-child .title {
    min-height: 0 !important;
    margin: 8px 0 !important;
  }

  /* Word-of-issue PDF buttons together on the left */
  .page_index_journal .current_issue .obj_issue_toc
  .sections > .section:first-child .articles > li:first-child .galleys {
    clear: both !important;
    width: max-content !important;
    margin-top: 12px !important;
    margin-right: auto !important;
    margin-left: 0 !important;
    padding-top: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }
}
/* ==================================================
   ترتيب البطاقات:
   - دراسة واحدة = بعرض كامل
   - إذا كان عدد الدراسات فرديًا، الأخيرة = بعرض كامل
   ================================================== */

@media (min-width: 768px) {

  /* إذا كان في القسم دراسة واحدة فقط */
  .page_index_journal .current_issue
  .obj_issue_toc .section
  .articles > li:only-child {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  /* إذا كان عدد الدراسات فرديًا:
     آخر دراسة تمتد بعرض الصف كامل */
  .page_index_journal .current_issue
  .obj_issue_toc .section
  .articles > li:last-child:nth-child(odd) {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }
/* ==================================================
   البطاقة المفردة / الأخيرة المفردة
   تصميم أفقي مدمج
   ================================================== */

@media (min-width: 768px) {

  /* الدراسة الوحيدة أو الأخيرة إذا بقيت وحدها في الصف */
  .page_index_journal .current_issue
  .obj_issue_toc .section
  .articles > li:only-child,

  .page_index_journal .current_issue
  .obj_issue_toc .section
  .articles > li:last-child:nth-child(odd) {

    grid-column: 1 / -1 !important;

    min-height: 0 !important;
    height: auto !important;

    padding: 22px 28px !important;
  }


  /* محتوى البطاقة */
  .page_index_journal .current_issue
  .obj_issue_toc .section
  .articles > li:only-child
  .obj_article_summary,

  .page_index_journal .current_issue
  .obj_issue_toc .section
  .articles > li:last-child:nth-child(odd)
  .obj_article_summary {

    display: block !important;
    min-height: 0 !important;
    height: auto !important;
  }


  /* الغلاف إلى اليمين */
  .page_index_journal .current_issue
  .obj_issue_toc .section
  .articles > li:only-child img,

  .page_index_journal .current_issue
  .obj_issue_toc .section
  .articles > li:last-child:nth-child(odd) img {

    float: right !important;

    width: 170px !important;
    max-width: 170px !important;
    height: auto !important;

    margin: 0 0 10px 28px !important;
  }


  /* عنوان الدراسة بجانب الغلاف */
  .page_index_journal .current_issue
  .obj_issue_toc .section
  .articles > li:only-child .title,

  .page_index_journal .current_issue
  .obj_issue_toc .section
  .articles > li:last-child:nth-child(odd) .title {

    min-height: 0 !important;

    margin-top: 18px !important;
    margin-bottom: 12px !important;

    line-height: 1.7 !important;
  }


  /* زر PDF تحت العنوان والباحث */
  .page_index_journal .current_issue
  .obj_issue_toc .section
  .articles > li:only-child .galleys,

  .page_index_journal .current_issue
  .obj_issue_toc .section
  .articles > li:last-child:nth-child(odd) .galleys {

    clear: none !important;

    width: max-content !important;

    margin-top: 14px !important;
    margin-right: 0 !important;
    margin-left: auto !important;

    padding-top: 0 !important;

    display: flex !important;
    gap: 8px !important;
  }


  /* تنظيف نهاية البطاقة */
  .page_index_journal .current_issue
  .obj_issue_toc .section
  .articles > li:only-child::after,

  .page_index_journal .current_issue
  .obj_issue_toc .section
  .articles > li:last-child:nth-child(odd)::after {

    content: "";
    display: block;
    clear: both;
  }

}

/* =============================================================================
   Mobile: one card per row
   ============================================================================= */

@media (max-width: 767px) {

  .page_index_journal .current_issue .obj_issue_toc .articles {
    display: block !important;
  }

  .page_index_journal .current_issue .obj_issue_toc .articles > li {
    margin: 0 0 14px 0 !important;
    padding: 16px !important;
    border: 1px solid #deddd2 !important;
    border-radius: 10px !important;
    background: #F8F7EF !important;
  }

  .page_index_journal .current_issue .obj_issue_toc .galleys {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  .page_index_journal .current_issue .obj_issue_toc .galleys a,
  .page_index_journal .current_issue .obj_issue_toc a.obj_galley_link {
    width: auto !important;
    min-width: 120px !important;
    height: 44px !important;
  }

}


/* =============================================================================
   القوائم المنسدلة
   ============================================================================= */

/* خلفية القوائم المنسدلة */
.pkp_navigation_primary ul {
  background: #F7F3E8 !important;
}

/* عناصر القوائم المنسدلة */
.pkp_navigation_primary ul li,
.pkp_navigation_primary ul li a {
  background: #F7F3E8 !important;
}

/* عند مرور الماوس على عناصر القائمة المنسدلة */
.pkp_navigation_primary ul li a:hover,
.pkp_navigation_primary ul li a:focus {
  background: #ECE7D5 !important;
  color: #34391f !important;
}


/* =============================================================================
   تحسين الهيدر وشريط القائمة والبنر
   ============================================================================= */

/* إنزال شريط القائمة عن اسم المجلة */
.pkp_site_nav_menu {
  margin-top: 14px !important;
}

/* تكبير وتغميق خط القائمة الرئيسية */
#navigationPrimary > li > a {
  font-size: 17px !important;
  font-weight: 600 !important;
  color: #34391f !important;
}

/* كريمي عند مرور الماوس على كلمات الشريط الرئيسي */
#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus {
  background: #F7F3E8 !important;
  color: #34391f !important;
  border-radius: 5px !important;
}

/* مسافة بين شريط القائمة والبنر */
.pkp_structure_content {
  margin-top: 18px !important;
}


/* =============================================================================
   PKP / OJS أسفل الموقع
   ============================================================================= */

.pkp_structure_footer::after {
  content: "PKP / OJS";
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  padding: 12px 0 10px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  letter-spacing: 0.5px !important;
  color: #6F7650 !important;
  box-sizing: border-box !important;
}
/* ==================================================
   إخفاء كتلة اختيار رئيسة التحرير الأصلية من الـ Sidebar
   في جميع صفحات الموقع
   مع إبقاء النسخة المنقولة في الصفحة الرئيسية
   ================================================== */

/* إخفاء الحاوية الأصلية إذا كانت داخل الـ Sidebar */
.pkp_structure_sidebar .pkp_block:has(.jss-editor-choice-block) {
    display: none !important;
}

/* إذا كانت بنية OJS مختلفة قليلاً */
.pkp_structure_sidebar .jss-editor-choice-block {
    display: none !important;
}

/* إظهارها فقط بعد أن ينقلها الكود إلى منطقة العدد الحالي */
.current_issue .jss-editor-choice-block,
.issue-choice-row .jss-editor-choice-block {
    display: block !important;
}
/* ==================================================
   Most Read – Elegant Gold Hover
   ================================================== */

.most_read_article {
  position: relative !important;
  padding: 10px 12px !important;
  margin-bottom: 5px !important;
  border-radius: 8px !important;
  border-left: 3px solid transparent !important;

  transition:
    transform 0.25s ease,
    background-color 0.25s ease,
    border-color 0.25s ease,
    box-shadow 0.25s ease !important;
}

/* عند مرور الماوس */
.most_read_article:hover {
  background: rgba(199, 161, 74, 0.13) !important;
  border-left-color: #B8953F !important;
  transform: translateX(5px) !important;
  box-shadow: 0 3px 10px rgba(150, 120, 45, 0.08) !important;
}

/* عنوان الدراسة */
.most_read_article_title a {
  transition: color 0.25s ease !important;
}

.most_read_article:hover .most_read_article_title a {
  color: #4E552D !important;
}

/* معلومات المشاهدة */
.most_read_article_journal {
  transition: color 0.25s ease !important;
}

.most_read_article:hover .most_read_article_journal {
  color: #9A7828 !important;
}
/* ==================================================
   MOST READ – Main Elegant Frame
   ================================================== */

/* الفريم الخارجي */
.pkp_block.block_developed_by {
    background: #ffffff !important;
    border: 1px solid #E3DFC8 !important;
    border-radius: 16px !important;
    padding: 20px 16px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

/* عنوان الأكثر قراءة */
.pkp_block.block_developed_by .title {
    display: block !important;
    text-align: center !important;
    color: #6D6A63 !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.5 !important;
    margin: 0 0 16px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid #E3DFC8 !important;
}

/* القائمة */
.pkp_block.block_developed_by ul.most_read {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* كل دراسة */
.pkp_block.block_developed_by li.most_read_article {
    position: relative !important;
    margin: 0 !important;
    padding: 13px 10px !important;
    border-bottom: 1px solid #F0EDDF !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;

    transition:
        background-color 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease !important;
}

/* إزالة الخط بعد آخر دراسة */
.pkp_block.block_developed_by li.most_read_article:last-child {
    border-bottom: none !important;
}

/* العنوان */
.pkp_block.block_developed_by .most_read_article_title {
    line-height: 1.55 !important;
}

/* رابط عنوان الدراسة */
.pkp_block.block_developed_by .most_read_article_title a {
    transition: color 0.25s ease !important;
}

/* الحركة الذهبية عند مرور الماوس */
.pkp_block.block_developed_by li.most_read_article:hover {
    background: rgba(199, 161, 74, 0.13) !important;
    transform: translateX(3px) !important;
    box-shadow: inset 3px 0 0 #B8953F !important;
}

/* لون عنوان الدراسة عند المرور */
.pkp_block.block_developed_by li.most_read_article:hover
.most_read_article_title a {
    color: #4E552D !important;
}

/* عدد القراءات */
.pkp_block.block_developed_by .most_read_article_journal {
    margin-top: 5px !important;
    font-size: 14px !important;
}

/* العدد عند المرور */
.pkp_block.block_developed_by li.most_read_article:hover
.most_read_article_journal {
    color: #9A7828 !important;
}
/* =========================================
   Most Read – alignment & spacing
   ========================================= */

/* تقليل ارتفاع كل دراسة */
.pkp_block.block_developed_by li.most_read_article {
    padding: 11px 10px !important;
}

/* النسخة الإنجليزية */
html[lang^="en"] .most_read_article_title,
html[lang^="en"] .most_read_article_title a {
    direction: ltr !important;
    text-align: left !important;
}

/* عدد المشاهدات في الإنجليزية */
html[lang^="en"] .most_read_article_journal {
    direction: ltr !important;
    text-align: left !important;
}

/* النسخة العربية */
html[lang^="ar"] .most_read_article_title,
html[lang^="ar"] .most_read_article_title a {
    direction: rtl !important;
    text-align: right !important;
}

html[lang^="ar"] .most_read_article_journal {
    direction: rtl !important;
    text-align: right !important;
}
/* توازن فريم Most Read داخل السايدبار */
.pkp_block.block_developed_by {
    width: calc(100% - 20px) !important;
    margin-left: 10px !important;
    margin-right: 10px !important;
}
.pkp_block.block_developed_by .title {
    color: #B99A5B !important;
}
.pkp_structure_footer_wrapper {
    border-bottom: 2px solid #C6A252 !important;
}
/* =========================================
   View All Issues – Final Animated Style
   ========================================= */

/* النص نفسه */
.page_index_journal .read_more {
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    animation: issuesPulse 4s ease-in-out infinite !important;
}

/* العربي */
html[lang^="ar"] .page_index_journal .read_more::before {
    content: "👈" !important;
    display: inline-block !important;

    font-size: 22px !important;

    margin-left: 8px !important;
    margin-right: 0 !important;

    vertical-align: middle !important;

    animation:
        fingerPulseAR 4s ease-in-out infinite !important;
}

/* English */
html[lang^="en"] .page_index_journal .read_more::before {
    content: "👉" !important;
    display: inline-block !important;

    font-size: 22px !important;

    margin-right: 8px !important;
    margin-left: 0 !important;

    vertical-align: middle !important;

    animation:
        fingerPulseEN 4s ease-in-out infinite !important;
}

/* وميض النص */
@keyframes issuesPulse {
    0%, 70%, 100% {
        color: #0070A8;
        opacity: 1;
    }

    80% {
        color: #B88A2B;
        opacity: 0.7;
    }

    90% {
        color: #C6A252;
        opacity: 1;
    }
}

/* حركة + وميض اليد بالعربي */
@keyframes fingerPulseAR {
    0%, 70%, 100% {
        transform: translateX(0);
        opacity: 1;
    }

    80% {
        transform: translateX(-4px);
        opacity: 0.65;
    }

    90% {
        transform: translateX(-2px) scale(1.12);
        opacity: 1;
    }
}

/* حركة + وميض اليد بالإنجليزي */
@keyframes fingerPulseEN {
    0%, 70%, 100% {
        transform: translateX(0);
        opacity: 1;
    }

    80% {
        transform: translateX(4px);
        opacity: 0.65;
    }

    90% {
        transform: translateX(2px) scale(1.12);
        opacity: 1;
    }
}
/* Archive decade frames */
.jss-archive-frame {
    margin: 18px 0;
    padding: 5px;
    background: #fff;
    border: 1px solid #d8bd82;
    border-radius: 14px;
    overflow: hidden;
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}

.jss-archive-frame img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 9px;
}

.jss-archive-frame a {
    display: block;
}

.jss-archive-frame:hover {
    border-color: #b79654;
    box-shadow: 0 3px 10px rgba(0,0,0,0.08);
}
/* Archive block title - archival style */
#customblock-jss-archive h2,
#customblock-jss-archive .title {
    background: #59633f !important;
    color: #fffdf4 !important;
    border: 1px solid #c5a35b !important;
    border-radius: 14px !important;
    padding: 14px 16px !important;
    margin-bottom: 14px !important;
    text-align: center !important;
    font-weight: 700 !important;
    box-sizing: border-box;
}

/* Gold decorative line */
#customblock-jss-archive h2::after,
#customblock-jss-archive .title::after {
    content: "";
    display: block;
    width: 55%;
    height: 1px;
    background: #c5a35b;
    margin: 8px auto 0;
    opacity: 0.85;
}

/* Reduce space before first archive card */
#customblock-jss-archive .jss-archive-frame:first-of-type {
    margin-top: 10px !important;
}
/* OJS / PKP logo in footer */
.pkp_structure_footer img {
    width: auto !important;
    max-width: 150px !important;
    height: auto !important;
}
/* ==================================================
   Wider main content + closer sidebar
   ================================================== */

.pkp_structure_page {
    max-width: 1500px !important;
    width: 96% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.pkp_structure_content {
    max-width: 1420px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;

    display: flex !important;
    gap: 28px !important;
}

/* ==================================================
   Main content + wider sidebar
   ================================================== */

/* مساحة المجلة الرئيسية */
.pkp_structure_main {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
}

/* Sidebar - wider */
.pkp_structure_sidebar {
    flex: 0 0 340px !important;
    width: 340px !important;
    max-width: 340px !important;
    margin: 0 !important;
    padding-right: 24px !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}

/* إزالة الخط الأصلي القديم من OJS */
.pkp_structure_content.has_sidebar .pkp_structure_main {
    border: 0 !important;
    box-shadow: none !important;
}

.pkp_structure_content.has_sidebar .pkp_structure_main::before,
.pkp_structure_content.has_sidebar .pkp_structure_main::after,
.pkp_structure_content.has_sidebar .pkp_structure_sidebar::before,
.pkp_structure_content.has_sidebar .pkp_structure_sidebar::after {
    content: none !important;
    display: none !important;
}

/* خط فاصل جديد ونظيف - العربي */
.jss-lang-ar .pkp_structure_sidebar {
    border-right: 1px solid #e1dfd3 !important;
    border-left: 0 !important;
}

/* خط فاصل جديد ونظيف - الإنجليزي */
.jss-lang-en .pkp_structure_sidebar {
    border-left: 1px solid #e1dfd3 !important;
    border-right: 0 !important;
}
/* مسافة بسيطة بين الخط الفاصل ومحتوى المجلة */
.jss-lang-ar .pkp_structure_main {
    padding-left: 18px !important;
    box-sizing: border-box !important;
}

.jss-lang-en .pkp_structure_main {
    padding-right: 18px !important;
    box-sizing: border-box !important;
}
/* ==================================================
   Improve text readability after widening layout
   ================================================== */

/* النص الرئيسي في صفحات المجلة */
.pkp_structure_main {
    font-size: 17px !important;
    line-height: 1.8 !important;
}

/* Sidebar */
.pkp_structure_sidebar {
    font-size: 16px !important;
    line-height: 1.7 !important;
}

/* عناوين الـ Sidebar */
.pkp_structure_sidebar h2,
.pkp_structure_sidebar h3 {
    font-size: 20px !important;
    font-weight: 700 !important;
}

/* روابط الـ Sidebar */
.pkp_structure_sidebar a {
    font-size: 16px !important;
}

/* عن المجلة */
.page_index_journal .additional_content {
    font-size: 17px !important;
    line-height: 1.9 !important;
}
.pkp_structure_sidebar h2,
.pkp_structure_sidebar h3 {
    white-space: nowrap !important;
}
/* =========================================================
   Editor's Choice — FINAL COMPACT CARD
   ========================================================= */

.page_index_journal .jss-editor-choice-block {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 320px !important;
    min-height: 0 !important;
    height: 250px !important;
    max-height: 250px !important;
    overflow: hidden !important;
    align-items: stretch !important;
}

/* الصورة — يمين في العربي */
.page_index_journal .jss-editor-choice-link {
    grid-column: 2 !important;
    grid-row: 1 !important;

    width: 320px !important;
    height: 250px !important;
    min-height: 0 !important;
    max-height: 250px !important;

    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* نجبر البنر على البقاء داخل المساحة الصغيرة */
.page_index_journal .jss-editor-choice-link .jss-choice-banner {
    width: 100% !important;
    height: 250px !important;
    min-height: 0 !important;
    max-height: 250px !important;

    object-fit: cover !important;
    object-position: left center !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* البيانات — يسار في العربي */
.page_index_journal .jss-choice-study {
    grid-column: 1 !important;
    grid-row: 1 !important;

    min-width: 0 !important;
    height: 250px !important;
    min-height: 0 !important;

    padding: 25px 30px !important;
    box-sizing: border-box !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* عنوان الدراسة */
.page_index_journal .jss-choice-study-title {
    font-size: 18px !important;
    line-height: 1.65 !important;
    margin: 0 0 8px !important;
}

/* العنوان الفرعي */
.page_index_journal .jss-choice-study-subtitle {
    font-size: 14px !important;
    line-height: 1.6 !important;
    margin: 0 0 8px !important;
}

/* الباحثة */
.page_index_journal .jss-choice-study-author {
    font-size: 14px !important;
    margin: 0 0 10px !important;
}

/* زر PDF */
.page_index_journal .jss-choice-pdf {
    width: fit-content !important;
    padding: 8px 18px !important;
    margin-top: 5px !important;
}

/* الكرة الأرضية */
.page_index_journal .jss-floating-globe {
    width: 75px !important;
    max-width: 75px !important;
}

/* =========================================================
   ENGLISH — image left / information right
   ========================================================= */

.jss-lang-en.page_index_journal .jss-editor-choice-block,
.jss-lang-en .page_index_journal .jss-editor-choice-block {
    grid-template-columns: 320px minmax(0, 1fr) !important;
}

.jss-lang-en.page_index_journal .jss-editor-choice-link,
.jss-lang-en .page_index_journal .jss-editor-choice-link {
    grid-column: 1 !important;
}

.jss-lang-en.page_index_journal .jss-choice-study,
.jss-lang-en .page_index_journal .jss-choice-study {
    grid-column: 2 !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .page_index_journal .jss-editor-choice-block {
        display: block !important;
        height: auto !important;
        max-height: none !important;
    }

    .page_index_journal .jss-editor-choice-link {
        display: block !important;
        width: 100% !important;
        height: 190px !important;
        max-height: 190px !important;
    }

    .page_index_journal .jss-editor-choice-link .jss-choice-banner {
        width: 100% !important;
        height: 190px !important;
        max-height: 190px !important;
    }

    .page_index_journal .jss-choice-study {
        width: 100% !important;
        height: auto !important;
        padding: 18px !important;
    }
}
/* Editor's Choice image — show full banner without cropping */

.page_index_journal .jss-editor-choice-link {
    background: #f8f4e8 !important;
    overflow: hidden !important;
}

.page_index_journal .jss-editor-choice-link .jss-choice-banner {
    width: 100% !important;
    height: 100% !important;

    object-fit: contain !important;
    object-position: center center !important;

    max-width: 100% !important;
    max-height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}

/* نرجّع الكرة لحجم أوضح */
.page_index_journal .jss-floating-globe {
    width: 105px !important;
    max-width: 105px !important;
    height: auto !important;
}
/* عناوين الدراسات — أزرق أكاديمي غامق */
.jss-explore-panel .most_read_article_title a,
.jss-explore-panel .obj_article_summary > .title,
.jss-explore-panel .obj_article_summary > .title a {
    color: #173B5F !important;
}

/* عند المرور */
.jss-explore-panel .most_read_article_title a:hover,
.jss-explore-panel .obj_article_summary > .title a:hover {
    color: #0D6A8A !important;
}
/* تصغير ودمج صندوق اختيار رئيسة التحرير */
.page_index_journal .jss-editor-choice-block {
    min-height: 0 !important;
    height: auto !important;
    max-height: none !important;
    padding: 14px 18px !important;
    align-items: center !important;
}

/* صندوق الصورة */
.page_index_journal .jss-editor-choice-link {
    height: 245px !important;
    min-height: 0 !important;
    max-height: 245px !important;
    align-self: center !important;
}

/* الصورة كاملة بدون قص */
.page_index_journal .jss-editor-choice-link .jss-choice-banner {
    width: 100% !important;
    height: 245px !important;
    max-height: 245px !important;
    object-fit: contain !important;
    object-position: center !important;
}

/* صندوق بيانات الدراسة */
.page_index_journal .jss-choice-study {
    height: auto !important;
    min-height: 0 !important;
    padding: 18px 28px !important;
    align-self: center !important;
    justify-content: center !important;
}
/* =========================================================
   FIX ARTICLE PAGE WIDTH
   منع كود توسيع الصفحة الرئيسية من التأثير على صفحة الدراسة
   ========================================================= */

.page_article .pkp_structure_content {
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.page_article .pkp_structure_main {
    width: auto !important;
    max-width: none !important;
    flex: 1 1 auto !important;
    margin: 0 !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    box-sizing: border-box !important;
}

/* Sidebar صفحة الدراسة */
.page_article .pkp_structure_sidebar {
    flex: 0 0 300px !important;
    width: 300px !important;
    max-width: 300px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
}

/* العربي */
html[lang^="ar"] .page_article .pkp_structure_main {
    padding-right: 30px !important;
    padding-left: 20px !important;
}

/* English */
html[lang^="en"] .page_article .pkp_structure_main {
    padding-left: 30px !important;
    padding-right: 20px !important;
}
/* =========================================================
   ARTICLE PAGE — REMOVE LARGE EMPTY GAP
   ========================================================= */

.page_article .pkp_structure_content {
    display: flex !important;
    align-items: flex-start !important;
    gap: 24px !important;
    max-width: 1500px !important;
    width: calc(100% - 40px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* المحتوى الرئيسي */
.page_article .pkp_structure_main {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 18px !important;
}

/* العمود الجانبي */
.page_article .pkp_structure_sidebar {
    flex: 0 0 300px !important;
    width: 300px !important;
    max-width: 300px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* إزالة أي مسافة أو حدود موروثة */
.page_article .pkp_structure_main,
.page_article .pkp_structure_sidebar {
    box-sizing: border-box !important;
}

/* العربي: الـ sidebar يسار والمحتوى يمين */
html[lang^="ar"] .page_article .pkp_structure_content {
    flex-direction: row !important;
}

/* English */
html[lang^="en"] .page_article .pkp_structure_content {
    flex-direction: row-reverse !important;
}
/* الصفحة الرئيسية فقط — إخفاء Most Read */
.page_index_journal .pkp_structure_sidebar .pkp_block:has(ul.most_read) {
    display: none !important;
}

/* الصفحة الرئيسية فقط — إخفاء Archive */
.page_index_journal .pkp_structure_sidebar #customblock-jss-archive {
    display: none !important;
}
/* إخفاء Most Read + Archive من الصفحة الرئيسية فقط */
body.pkp_page_index.pkp_op_index .pkp_structure_sidebar .pkp_block:has(ul.most_read),
body.pkp_page_index.pkp_op_index .pkp_structure_sidebar #customblock-jss-archive {
    display: none !important;
}
/* =========================================================
   CURRENT ISSUE — TWO ARTICLES PER ROW
   ========================================================= */

.page_index_journal .jss-unified-articles {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;

    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* كل دراسة */
.page_index_journal .jss-unified-articles > li {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 18px !important;

    box-sizing: border-box !important;

    border: 1px solid #ddd8c9 !important;
    border-radius: 14px !important;
    background: #ffffff !important;
}

/* محتوى الدراسة */
.page_index_journal .jss-unified-articles .obj_article_summary {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

/* الغلاف */
.page_index_journal .jss-unified-articles .cover {
    width: 100% !important;
    margin: 0 0 14px !important;
    text-align: center !important;
}

.page_index_journal .jss-unified-articles .cover img {
    display: block !important;
    width: 100% !important;
    max-width: 220px !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}

/* عنوان الدراسة */
.page_index_journal .jss-unified-articles .title {
    display: block !important;
    margin-top: 12px !important;
    line-height: 1.65 !important;
}

.page_index_journal .jss-unified-articles .title a {
    color: #173B5F !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.65 !important;
    text-decoration: none !important;
}

.page_index_journal .jss-unified-articles .title a:hover {
    color: #0D6A8A !important;
}

/* المؤلف */
.page_index_journal .jss-unified-articles .authors {
    margin-top: 8px !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

/* PDF / HTML */
.page_index_journal .jss-unified-articles .galleys_links,
.page_index_journal .jss-unified-articles .galleys {
    margin-top: 14px !important;
}

/* موبايل: دراسة واحدة في كل سطر */
@media (max-width: 760px) {

    .page_index_journal .jss-unified-articles {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

}
/* =========================================================
   JSS CUSTOM INSTITUTIONAL FOOTER
   ========================================================= */

/* الفوتر الخارجي */
.pkp_structure_footer_wrapper,
footer.pkp_structure_footer_wrapper {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;

    background: #30342b !important;
    border-top: 3px solid #b99a45 !important;

    box-shadow: none !important;
}

/* إزالة قيود OJS */
.pkp_structure_footer,
.pkp_footer_content {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}

/* إخفاء شعار OJS القديم لأننا أضفنا PKP/OJS أسفل الفوتر */
.pkp_brand_footer {
    display: none !important;
}


/* =========================================================
   MAIN FOOTER
   ========================================================= */

.jss-main-footer {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: #30342b !important;

    color: #e9eadf !important;

    box-sizing: border-box !important;
}


/* =========================================================
   LANGUAGE
   ========================================================= */

.jss-footer-ar {
    display: block;
}

.jss-footer-en {
    display: none;
}

html[lang^="en"] .jss-footer-ar {
    display: none !important;
}

html[lang^="en"] .jss-footer-en {
    display: block !important;
}

html[lang^="ar"] .jss-footer-ar {
    display: block !important;
}

html[lang^="ar"] .jss-footer-en {
    display: none !important;
}


/* =========================================================
   FOUR COLUMNS
   ========================================================= */

.jss-footer-grid {
    display: grid !important;

    grid-template-columns:
        minmax(300px, 1.35fr)
        minmax(190px, .8fr)
        minmax(220px, 1fr)
        minmax(190px, .8fr) !important;

    gap: 46px !important;

    width: 100% !important;
    max-width: 1500px !important;

    margin: 0 auto !important;

    padding: 52px 55px 44px !important;

    box-sizing: border-box !important;
}


/* =========================================================
   COLUMNS
   ========================================================= */

.jss-footer-column {
    min-width: 0 !important;
}

.jss-footer-column h3 {
    margin: 0 0 22px !important;

    padding: 0 0 12px !important;

    color: #fffdf4 !important;

    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    border-bottom: 1px solid rgba(197, 163, 91, 0.45) !important;
}


/* الهوية أكبر */
.jss-footer-identity h3 {
    font-size: 21px !important;
}


/* =========================================================
   TEXT
   ========================================================= */

.jss-main-footer p,
.jss-main-footer div,
.jss-main-footer span {
    line-height: 1.75;
}

.jss-footer-institution {
    margin: 0 0 20px !important;

    color: #d9dbcF !important;

    font-size: 15px !important;
}


/* =========================================================
   LINKS
   ========================================================= */

.jss-main-footer a {
    color: #e8e9e1 !important;

    text-decoration: none !important;

    transition:
        color .22s ease,
        transform .22s ease,
        opacity .22s ease !important;
}

.jss-main-footer a:hover {
    color: #d0ad58 !important;
}


/* =========================================================
   LISTS
   ========================================================= */

.jss-footer-column ul {
    list-style: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

.jss-footer-column li {
    margin: 0 0 10px !important;

    padding: 0 !important;

    color: #dadcd3 !important;

    font-size: 14.5px !important;

    line-height: 1.6 !important;
}


/* رابط مع حركة خفيفة */
.jss-footer-column li a {
    display: inline-block !important;
}

.jss-footer-ar .jss-footer-column li a:hover {
    transform: translateX(-3px);
}

.jss-footer-en .jss-footer-column li a:hover {
    transform: translateX(3px);
}


/* =========================================================
   CONTACT DETAILS
   ========================================================= */

.jss-contact-item {
    display: flex !important;

    align-items: center !important;

    gap: 9px !important;

    margin: 9px 0 !important;

    color: #dedfd7 !important;

    font-size: 14px !important;
}

.jss-contact-icon {
    flex: 0 0 18px !important;

    width: 18px !important;
    height: 18px !important;

    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;
}

.jss-contact-icon svg {
    width: 16px !important;
    height: 16px !important;

    fill: #c5a35b !important;
}


/* =========================================================
   SOCIAL ICONS
   ========================================================= */

.jss-social-links {
    display: flex !important;

    align-items: center !important;

    gap: 11px !important;

    margin-top: 22px !important;
}

.jss-social {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 40px !important;
    height: 40px !important;

    padding: 0 !important;

    border-radius: 50% !important;

    border: 1px solid rgba(255,255,255,.20) !important;

    background: rgba(255,255,255,.06) !important;

    box-sizing: border-box !important;

    transition:
        transform .22s ease,
        border-color .22s ease,
        background .22s ease !important;
}

.jss-social svg {
    width: 19px !important;
    height: 19px !important;

    fill: #fffdf4 !important;
}

.jss-social:hover {
    transform: translateY(-3px) !important;

    border-color: #c5a35b !important;

    background: rgba(197,163,91,.15) !important;
}


/* X */
.jss-social.jss-x:hover {
    background: #111 !important;
}

/* Instagram */
.jss-social.jss-instagram:hover {
    background:
        linear-gradient(
            135deg,
            #833ab4,
            #fd1d1d,
            #fcb045
        ) !important;
}

/* LinkedIn */
.jss-social.jss-linkedin:hover {
    background: #0a66c2 !important;
}

/* Email */
.jss-social.jss-email:hover {
    background: #59633f !important;
}


/* =========================================================
   BOTTOM BAR
   ========================================================= */

.jss-footer-bottom {
    display: flex !important;

    align-items: center !important;
    justify-content: space-between !important;

    gap: 30px !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 18px max(55px, calc((100% - 1390px) / 2)) !important;

    box-sizing: border-box !important;

    background: #20231d !important;

    border-top: 1px solid rgba(197,163,91,.35) !important;

    color: #cfd1c8 !important;

    font-size: 13px !important;

    line-height: 1.6 !important;
}

.jss-footer-bottom-links {
    display: flex !important;

    align-items: center !important;

    gap: 11px !important;

    white-space: nowrap !important;
}

.jss-footer-bottom a {
    color: #d9dacF !important;
}

.jss-footer-bottom a:hover {
    color: #d0ad58 !important;
}

.jss-footer-bottom span {
    color: #8e907f !important;
}


/* =========================================================
   ARABIC
   ========================================================= */

.jss-footer-ar {
    text-align: right !important;
}

.jss-footer-ar .jss-contact-item {
    flex-direction: row !important;
}

.jss-footer-ar .jss-social-links {
    justify-content: flex-start !important;
}


/* =========================================================
   ENGLISH
   ========================================================= */

.jss-footer-en {
    text-align: left !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1100px) {

    .jss-footer-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 38px !important;

        padding: 42px 35px !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 680px) {

    .jss-footer-grid {
        grid-template-columns: 1fr !important;

        gap: 32px !important;

        padding: 38px 24px !important;
    }

    .jss-footer-column h3 {
        margin-bottom: 15px !important;
    }

    .jss-footer-bottom {
        display: block !important;

        padding: 18px 24px !important;

        text-align: center !important;
    }

    .jss-footer-bottom-links {
        justify-content: center !important;

        margin-top: 11px !important;

        white-space: normal !important;

        flex-wrap: wrap !important;
    }

    .jss-social-links {
        justify-content: flex-start !important;
    }

}
/* =========================================================
   HIDE OLD OJS FOOTER CONTENT
   Keep the new JSS institutional footer
   ========================================================= */

/* إخفاء النصوص والمحتوى القديم المباشر داخل الفوتر */
.pkp_footer_content > p,
.pkp_footer_content > h1,
.pkp_footer_content > h2,
.pkp_footer_content > h3,
.pkp_footer_content > ul,
.pkp_footer_content > address,
.pkp_footer_content > img,
.pkp_footer_content > a:not(.jss-main-footer a) {
    display: none !important;
}

/* إخفاء شعار OJS القديم */
.pkp_brand_footer {
    display: none !important;
}

/* إزالة المسافات القديمة حول الفوتر */
.pkp_structure_footer_wrapper,
.pkp_structure_footer,
.pkp_footer_content {
    padding: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    width: 100% !important;
}

/* الفوتر الجديد بعرض الصفحة */
.jss-main-footer {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}
/* إخفاء شريط PKP / OJS القديم فوق الفوتر الجديد */
.pkp_brand_footer {
    display: none !important;
}

/* إزالة أي فراغ مرتبط به */
.pkp_structure_footer_wrapper .pkp_brand_footer {
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
/* إخفاء أي شريط OJS قديم أعلى الفوتر الجديد */
.pkp_structure_footer_wrapper > .pkp_structure_footer > *:not(.pkp_footer_content),
.pkp_structure_footer_wrapper .pkp_brand_footer,
.pkp_structure_footer_wrapper .pkp_footer_brand,
.pkp_structure_footer_wrapper .footer_brand,
.pkp_structure_footer_wrapper .brand_footer {
    display: none !important;
}

/* إزالة أي ارتفاع أو فراغ قديم */
.pkp_structure_footer_wrapper,
.pkp_structure_footer {
    min-height: 0 !important;
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* الفوتر الجديد يبدأ مباشرة */
.jss-main-footer {
    margin-top: 0 !important;
    border-top: 0 !important;
}
/* =========================================================
   REMOVE ORIGINAL OJS / PKP BRAND FOOTER
   ========================================================= */

div.pkp_structure_footer > div.pkp_brand_footer,
div.pkp_structure_footer > div.pkp_brand_footer[role="complementary"] {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

div.pkp_structure_footer > div.pkp_brand_footer::before,
div.pkp_structure_footer > div.pkp_brand_footer::after {
    content: none !important;
    display: none !important;
}

/* إزالة الخط/المساحة التي قد يصنعها العنصر الأب */
div.pkp_structure_footer::before,
div.pkp_structure_footer::after {
    content: none !important;
}
/* =========================================================
   CURRENT ISSUE — NATURAL CARD HEIGHT
   Prevent empty tall cards when no cover exists
   ========================================================= */

.page_index_journal
.current_issue
.obj_issue_toc
.jss-unified-articles {
    align-items: start !important;
}

/* كل بطاقة تأخذ طول محتواها فقط */
.page_index_journal
.current_issue
.obj_issue_toc
.jss-unified-articles > li {
    height: auto !important;
    min-height: 0 !important;
    align-self: start !important;
}

/* محتوى الدراسة لا يتمدد عموديًا */
.page_index_journal
.current_issue
.obj_issue_toc
.jss-unified-articles
.obj_article_summary {
    height: auto !important;
    min-height: 0 !important;
    justify-content: flex-start !important;
}

/* أزرار PDF لا تدفع لأسفل البطاقة */
.page_index_journal
.current_issue
.obj_issue_toc
.jss-unified-articles
.galleys_links,
.page_index_journal
.current_issue
.obj_issue_toc
.jss-unified-articles
.galleys {
    margin-top: 12px !important;
}

/* إذا ما في غلاف، لا نحجز أي مساحة له */
.page_index_journal
.current_issue
.obj_issue_toc
.jss-unified-articles
.cover:empty {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* إخفاء التسمية المكررة "كلمة العدد / Preface"
   والإبقاء على عنوان المقال الأصلي القابل للنقر */
.page_index_journal .jss-unified-articles .jss-preface-label {
    display: none !important;
}
/* =========================================================
   EDITOR'S CHOICE — spacing + stronger gold frame
   ========================================================= */

.page_index_journal .jss-editor-choice-block {
    /* مسافة واضحة عن الدراسات التي فوقه */
    margin-top: 30px !important;
    margin-bottom: 20px !important;

    /* إطار ذهبي أوضح */
    border: 2px solid #B58A38 !important;
    border-radius: 16px !important;

    /* خلفية دافئة خفيفة */
    background: #fffdf8 !important;

    /* ظل بسيط جداً */
    box-shadow: 0 4px 14px rgba(89, 76, 43, 0.08) !important;
}
/* إخفاء كلمة العدد / Preface من شريط العدد الحالي فقط */
.page_index_journal .jss-current-meta-value {
    display: none !important;
}
/* إظهار أحدث إعلان فقط */
.page_index_journal .cmp_announcements .obj_announcement_summary {
    display: none !important;
}

.page_index_journal .cmp_announcements .obj_announcement_summary:first-of-type {
    display: block !important;
}
/* =========================================================
   HOMEPAGE — SHOW LATEST ANNOUNCEMENT ONLY
   ========================================================= */

/* إخفاء بقية الإعلانات */
.pkp_page_index .cmp_announcements.highlight_first > .more {
    display: none !important;
}

/* جعل الإعلان الأحدث يمتد بعرض المساحة */
.pkp_page_index .cmp_announcements.highlight_first > .obj_announcement_summary {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    box-sizing: border-box !important;
}
/* =========================================================
   COMPACT LATEST ANNOUNCEMENT
   ========================================================= */

.pkp_page_index .cmp_announcements.highlight_first {
    margin: 18px 0 22px !important;
    padding: 0 !important;
    border: 0 !important;
}

.pkp_page_index .cmp_announcements.highlight_first > h2,
.pkp_page_index .cmp_announcements.highlight_first > a#homepageAnnouncements {
    display: none !important;
}

.pkp_page_index .cmp_announcements.highlight_first > .obj_announcement_summary {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;

    padding: 14px 18px !important;
    margin: 0 !important;

    background: #ffffff !important;
    border: 1px solid #d9dde2 !important;
    border-right: 4px solid #173B5F !important;
    border-radius: 10px !important;

    box-sizing: border-box !important;
}

/* =========================================================
   JSS — COMPACT IMPORTANT ANNOUNCEMENT
   ========================================================= */

/* الحاوية الرئيسية */
.pkp_page_index .cmp_announcements.highlight_first {
    margin: 20px 0 26px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

/* إخفاء عنوان "الإعلانات" */
.pkp_page_index .cmp_announcements.highlight_first > h2,
.pkp_page_index .cmp_announcements.highlight_first > a#homepageAnnouncements {
    display: none !important;
}

/* الإعلان */
.pkp_page_index .cmp_announcements.highlight_first >
.obj_announcement_summary {

    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 22px 30px !important;

    box-sizing: border-box !important;

    background: #4F592D !important;

    border: 1px solid #B99A45 !important;
    border-right: 5px solid #B99A45 !important;
    border-radius: 14px !important;

    /* أهم جزء: كل المحتوى في صف واحد */
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 25px !important;

    float: none !important;
}

/* =========================================================
   JSS — IMPORTANT ANNOUNCEMENT
   Clean White / Modern Academic Style
   ========================================================= */


/* ---------------------------------------------------------
   1. إظهار أحدث إعلان فقط
   --------------------------------------------------------- */

.pkp_page_index .cmp_announcements.highlight_first > .more {
    display: none !important;
}


/* ---------------------------------------------------------
   2. الحاوية
   --------------------------------------------------------- */

.pkp_page_index .cmp_announcements.highlight_first {
    margin: 20px 0 26px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}


/* إخفاء عنوان "الإعلانات" الافتراضي */
.pkp_page_index .cmp_announcements.highlight_first > h2,
.pkp_page_index .cmp_announcements.highlight_first > a#homepageAnnouncements {
    display: none !important;
}


/* ---------------------------------------------------------
   3. صندوق الإعلان
   --------------------------------------------------------- */

.pkp_page_index .cmp_announcements.highlight_first >
.obj_announcement_summary {

    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 19px 28px !important;

    box-sizing: border-box !important;

    /* خلفية بيضاء */
    background: #FFFFFF !important;

    /* فقط خط علوي وسفلي */
    border: 0 !important;
    border-top: 3px solid #3F5146 !important;
    border-bottom: 3px solid #3F5146 !important;

    border-radius: 10px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 24px !important;

    float: none !important;
}


/* ---------------------------------------------------------
   4. عنوان الإعلان
   --------------------------------------------------------- */

.pkp_page_index .cmp_announcements.highlight_first >
.obj_announcement_summary h2,

.pkp_page_index .cmp_announcements.highlight_first >
.obj_announcement_summary h3,

.pkp_page_index .cmp_announcements.highlight_first >
.obj_announcement_summary h4 {

    margin: 0 !important;

    color: #173B5F !important;

    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}


/* رابط العنوان */

.pkp_page_index .cmp_announcements.highlight_first >
.obj_announcement_summary h2 a,

.pkp_page_index .cmp_announcements.highlight_first >
.obj_announcement_summary h3 a,

.pkp_page_index .cmp_announcements.highlight_first >
.obj_announcement_summary h4 a {

    color: #173B5F !important;
    text-decoration: none !important;
}


/* Hover العنوان */

.pkp_page_index .cmp_announcements.highlight_first >
.obj_announcement_summary h2 a:hover,

.pkp_page_index .cmp_announcements.highlight_first >
.obj_announcement_summary h3 a:hover,

.pkp_page_index .cmp_announcements.highlight_first >
.obj_announcement_summary h4 a:hover {

    color: #0D6A8A !important;
}


/* ---------------------------------------------------------
   5. التاريخ
   --------------------------------------------------------- */

.pkp_page_index .cmp_announcements.highlight_first >
.obj_announcement_summary .date {

    margin: 0 !important;

    color: #666F72 !important;

    font-size: 14px !important;

    white-space: nowrap !important;
}


/* ---------------------------------------------------------
   6. اقرأ المزيد
   أزرق فاتح + لمسات ذهبية
   --------------------------------------------------------- */

.pkp_page_index .cmp_announcements.highlight_first >
.obj_announcement_summary > a,

.pkp_page_index .cmp_announcements.highlight_first >
.obj_announcement_summary > a:link,

.pkp_page_index .cmp_announcements.highlight_first >
.obj_announcement_summary > a:visited {

    display: inline-flex !important;
    align-items: center !important;

    gap: 7px !important;

    margin: 0 !important;

    /* أزرق حديث */
    color: #0D6A8A !important;

    font-size: 16px !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    white-space: nowrap !important;
}


/* Hover اقرأ المزيد */

.pkp_page_index .cmp_announcements.highlight_first >
.obj_announcement_summary > a:hover {

    color: #B68D2C !important;
}


/* ---------------------------------------------------------
   7. اليد بجانب اقرأ المزيد
   --------------------------------------------------------- */

.pkp_page_index .cmp_announcements.highlight_first >
.obj_announcement_summary > a::after {

    content: "👉";

    display: inline-block;

    margin-inline-start: 5px;

    font-size: 22px;

    animation: jssAnnouncementHand 1.15s ease-in-out infinite;
}


/* حركة اليد */

@keyframes jssAnnouncementHand {

    0%,
    100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-5px);
    }
}


/* ---------------------------------------------------------
   8. إضافة لمسة ذهبية صغيرة
   --------------------------------------------------------- */

.pkp_page_index .cmp_announcements.highlight_first >
.obj_announcement_summary > a::before {

    content: "◆";

    color: #B99A45 !important;

    font-size: 8px;

    margin-inline-end: 3px;
}


/* تقليل الحركة حسب إعداد الجهاز */

@media (prefers-reduced-motion: reduce) {

    .pkp_page_index .cmp_announcements.highlight_first >
    .obj_announcement_summary > a::after {

        animation: none !important;
    }
}


/* ---------------------------------------------------------
   9. الموبايل
   --------------------------------------------------------- */

@media (max-width: 700px) {

    .pkp_page_index .cmp_announcements.highlight_first >
    .obj_announcement_summary {

        padding: 15px 17px !important;

        flex-wrap: wrap !important;

        gap: 9px 15px !important;
    }


    .pkp_page_index .cmp_announcements.highlight_first >
    .obj_announcement_summary h2,

    .pkp_page_index .cmp_announcements.highlight_first >
    .obj_announcement_summary h3,

    .pkp_page_index .cmp_announcements.highlight_first >
    .obj_announcement_summary h4 {

        width: 100% !important;

        font-size: 17px !important;
    }


    .pkp_page_index .cmp_announcements.highlight_first >
    .obj_announcement_summary > a {

        font-size: 15px !important;
    }
}
/* =========================================================
   JSS — IMPORTANT ANNOUNCEMENT
   FINAL BILINGUAL DESIGN
   ========================================================= */


/* =========================================================
   1. SHOW LATEST ANNOUNCEMENT ONLY
   ========================================================= */

.pkp_page_index .cmp_announcements.highlight_first > .more {
    display: none !important;
}


/* =========================================================
   2. MAIN ANNOUNCEMENT SECTION
   ========================================================= */

.pkp_page_index .cmp_announcements.highlight_first {
    margin: 20px 0 26px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}


/* Hide default "Announcements" heading */
.pkp_page_index .cmp_announcements.highlight_first > h2,
.pkp_page_index .cmp_announcements.highlight_first > a#homepageAnnouncements {
    display: none !important;
}


/* =========================================================
   3. ANNOUNCEMENT CARD
   ========================================================= */

.pkp_page_index .cmp_announcements.highlight_first >
.obj_announcement_summary {

    width: 100% !important;
    max-width: 100% !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 20px 28px !important;

    box-sizing: border-box !important;

    background: #FFFFFF !important;

    border: 0 !important;
    border-top: 3px solid #3F5146 !important;
    border-bottom: 3px solid #3F5146 !important;

    border-radius: 10px !important;

    display: grid !important;
    align-items: center !important;

    column-gap: 28px !important;
    row-gap: 4px !important;

    float: none !important;
}


/* =========================================================
   4. ARABIC LAYOUT
   إعلان مهم | التاريخ | عنوان الإعلان
                         التفاصيل
   ========================================================= */

html[lang^="ar"] .pkp_page_index
.cmp_announcements.highlight_first >
.obj_announcement_summary {

    direction: rtl !important;

    grid-template-columns:
        auto
        auto
        minmax(0, 1fr) !important;

    grid-template-areas:
        "type date summary" !important;
}


/* =========================================================
   5. ENGLISH LAYOUT
   Important Announcement | date | Article title
                                   View Details
   ========================================================= */

html[lang^="en"] .pkp_page_index
.cmp_announcements.highlight_first >
.obj_announcement_summary {

    direction: ltr !important;

    grid-template-columns:
        auto
        auto
        minmax(0, 1fr) !important;

    grid-template-areas:
        "type date summary" !important;
}


/* =========================================================
   6. ANNOUNCEMENT TYPE
   ========================================================= */

.pkp_page_index .cmp_announcements.highlight_first >
.obj_announcement_summary > h3 {

    grid-area: type !important;

    margin: 0 !important;

    color: #173B5F !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    white-space: nowrap !important;
}


/* =========================================================
   7. DATE
   ========================================================= */

.pkp_page_index .cmp_announcements.highlight_first >
.obj_announcement_summary > .date {

    grid-area: date !important;

    margin: 0 !important;

    color: #737B7E !important;

    font-size: 13.5px !important;
    font-weight: 400 !important;

    white-space: nowrap !important;
}


/* =========================================================
   8. SUMMARY AREA
   ========================================================= */

.pkp_page_index .cmp_announcements.highlight_first >
.obj_announcement_summary > .summary {

    grid-area: summary !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;

    gap: 5px !important;
}


/* Arabic summary alignment */
html[lang^="ar"] .pkp_page_index
.cmp_announcements.highlight_first
.obj_announcement_summary > .summary {

    align-items: flex-start !important;
    text-align: right !important;
}


/* English summary alignment */
html[lang^="en"] .pkp_page_index
.cmp_announcements.highlight_first
.obj_announcement_summary > .summary {

    align-items: flex-start !important;
    text-align: left !important;
}


/* =========================================================
   9. ACTUAL ANNOUNCEMENT TITLE
   ========================================================= */

.pkp_page_index .cmp_announcements.highlight_first
.obj_announcement_summary .summary > p {

    margin: 0 !important;
    padding: 0 !important;

    color: #173B5F !important;

    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.45 !important;
}


/* =========================================================
   10. READ MORE / VIEW DETAILS
   ========================================================= */

.pkp_page_index .cmp_announcements.highlight_first
.obj_announcement_summary .summary .read_more {

    display: inline-flex !important;
    align-items: center !important;

    width: fit-content !important;

    margin: 2px 0 0 !important;
    padding: 0 !important;

    font-size: 0 !important;

    color: #0D6A8A !important;

    text-decoration: none !important;
    white-space: nowrap !important;
}


/* Arabic text */

html[lang^="ar"] .pkp_page_index
.cmp_announcements.highlight_first
.obj_announcement_summary .summary .read_more::before {

    content: "اطّلع على التفاصيل" !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    color: #0D6A8A !important;

    line-height: 1.4 !important;
}


/* English text */

html[lang^="en"] .pkp_page_index
.cmp_announcements.highlight_first
.obj_announcement_summary .summary .read_more::before {

    content: "View Details" !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    color: #0D6A8A !important;

    line-height: 1.4 !important;
}


/* =========================================================
   11. ANIMATED HAND
   ========================================================= */

.pkp_page_index .cmp_announcements.highlight_first
.obj_announcement_summary .summary .read_more::after {

    content: "👉" !important;

    display: inline-block !important;

    margin-inline-start: 8px !important;

    font-size: 21px !important;

    animation: jssAnnouncementHand 1.15s ease-in-out infinite;
}


@keyframes jssAnnouncementHand {

    0%,
    100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-4px);
    }
}


/* Hover */

.pkp_page_index .cmp_announcements.highlight_first
.obj_announcement_summary .summary .read_more:hover::before {

    color: #B68D2C !important;
}


/* Accessibility */

@media (prefers-reduced-motion: reduce) {

    .pkp_page_index .cmp_announcements.highlight_first
    .obj_announcement_summary .summary .read_more::after {

        animation: none !important;
    }
}


/* =========================================================
   12. MOBILE
   ========================================================= */

@media (max-width: 800px) {

    .pkp_page_index .cmp_announcements.highlight_first >
    .obj_announcement_summary {

        padding: 16px 18px !important;

        grid-template-columns: 1fr auto !important;

        column-gap: 15px !important;
        row-gap: 8px !important;
    }


    html[lang^="ar"] .pkp_page_index
    .cmp_announcements.highlight_first >
    .obj_announcement_summary {

        grid-template-areas:
            "type date"
            "summary summary" !important;
    }


    html[lang^="en"] .pkp_page_index
    .cmp_announcements.highlight_first >
    .obj_announcement_summary {

        grid-template-areas:
            "type date"
            "summary summary" !important;
    }


    .pkp_page_index .cmp_announcements.highlight_first
    .obj_announcement_summary .summary > p {

        font-size: 16px !important;
    }
}
/* ضبط محاذاة اليد بجانب View Details / اطّلع على التفاصيل */
.pkp_page_index .cmp_announcements.highlight_first
.obj_announcement_summary .summary .read_more::after {

    position: relative !important;
    top: -2px !important;

    margin-inline-start: 7px !important;

    vertical-align: middle !important;

    font-size: 21px !important;
}
/* =========================================================
   ENGLISH ONLY — HAND ON LEFT OF VIEW DETAILS
   ========================================================= */

html[lang^="en"] .pkp_page_index
.cmp_announcements.highlight_first
.obj_announcement_summary .summary .read_more {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 7px !important;
}

/* View Details */
html[lang^="en"] .pkp_page_index
.cmp_announcements.highlight_first
.obj_announcement_summary .summary .read_more::before {
    content: "View Details" !important;
    order: 2 !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0D6A8A !important;
}

/* اليد — يسار View Details */
html[lang^="en"] .pkp_page_index
.cmp_announcements.highlight_first
.obj_announcement_summary .summary .read_more::after {
    content: "👉" !important;
    order: 1 !important;

    position: relative !important;
    top: -1px !important;

    margin: 0 4px 0 0 !important;

    font-size: 21px !important;

    animation: jssAnnouncementHandEN 1.15s ease-in-out infinite;
}

/* حركة اليد */
@keyframes jssAnnouncementHandEN {
    0%, 100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(4px);
    }
}
/* =========================================================
   ENGLISH ONLY — HAND ON LEFT OF VIEW DETAILS
   ========================================================= */

html[lang^="en"] .pkp_page_index
.cmp_announcements.highlight_first
.obj_announcement_summary .summary .read_more {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 7px !important;
}

/* View Details */
html[lang^="en"] .pkp_page_index
.cmp_announcements.highlight_first
.obj_announcement_summary .summary .read_more::before {
    content: "View Details" !important;
    order: 2 !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0D6A8A !important;
}

/* اليد — يسار View Details */
html[lang^="en"] .pkp_page_index
.cmp_announcements.highlight_first
.obj_announcement_summary .summary .read_more::after {
    content: "👉" !important;
    order: 1 !important;

    position: relative !important;
    top: -1px !important;

    margin: 0 4px 0 0 !important;

    font-size: 21px !important;

    animation: jssAnnouncementHandEN 1.15s ease-in-out infinite;
}

/* حركة اليد */
@keyframes jssAnnouncementHandEN {
    0%, 100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(4px);
    }
}/* =========================================================
   ENGLISH ONLY — HAND ON LEFT OF VIEW DETAILS
   ========================================================= */

html[lang^="en"] .pkp_page_index
.cmp_announcements.highlight_first
.obj_announcement_summary .summary .read_more {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 7px !important;
}

/* View Details */
html[lang^="en"] .pkp_page_index
.cmp_announcements.highlight_first
.obj_announcement_summary .summary .read_more::before {
    content: "View Details" !important;
    order: 2 !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0D6A8A !important;
}

/* اليد — يسار View Details */
html[lang^="en"] .pkp_page_index
.cmp_announcements.highlight_first
.obj_announcement_summary .summary .read_more::after {
    content: "👉" !important;
    order: 1 !important;

    position: relative !important;
    top: -1px !important;

    margin: 0 4px 0 0 !important;

    font-size: 21px !important;

    animation: jssAnnouncementHandEN 1.15s ease-in-out infinite;
}

/* حركة اليد */
@keyframes jssAnnouncementHandEN {
    0%, 100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(4px);
    }
}
/* =========================================================
   ENGLISH ONLY — HAND ON LEFT OF VIEW DETAILS
   ========================================================= */

html[lang^="en"] .pkp_page_index
.cmp_announcements.highlight_first
.obj_announcement_summary .summary .read_more {
    display: inline-flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 7px !important;
}

/* View Details */
html[lang^="en"] .pkp_page_index
.cmp_announcements.highlight_first
.obj_announcement_summary .summary .read_more::before {
    content: "View Details" !important;
    order: 2 !important;

    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0D6A8A !important;
}

/* اليد — يسار View Details */
html[lang^="en"] .pkp_page_index
.cmp_announcements.highlight_first
.obj_announcement_summary .summary .read_more::after {
    content: "👉" !important;
    order: 1 !important;

    position: relative !important;
    top: -1px !important;

    margin: 0 4px 0 0 !important;

    font-size: 21px !important;

    animation: jssAnnouncementHandEN 1.15s ease-in-out infinite;
}

/* حركة اليد */
@keyframes jssAnnouncementHandEN {
    0%, 100% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(4px);
    }
}
.jss-doi-link {
    color: #6f7168;
    text-decoration: none;
    transition: all 0.2s ease;
}

.jss-doi-link:hover {
    color: #5d6c3d;
    text-decoration: underline;
}

/* =========================================================
   ARTICLE PAGE — RESTORE ORIGINAL WIDTH
   ========================================================= */

.page_article .pkp_structure_content {
    display: flex !important;
    align-items: flex-start !important;
    gap: 24px !important;

    max-width: 1500px !important;
    width: calc(100% - 40px) !important;

    margin: 0 auto !important;
    padding: 0 !important;
}

/* مساحة الدراسة */
.page_article .pkp_structure_main {
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 18px !important;

    box-sizing: border-box !important;
}

/* Sidebar */
.page_article .pkp_structure_sidebar {
    flex: 0 0 300px !important;
    width: 300px !important;
    max-width: 300px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}

/* العربي — الدراسة يمين / Sidebar يسار */
html[lang^="ar"] .page_article .pkp_structure_content {
    flex-direction: row !important;
}

/* English — article left / Sidebar right */
html[lang^="en"] .page_article .pkp_structure_content {
    flex-direction: row-reverse !important;
}
/* =========================================================
   NEXT ISSUE COUNTDOWN — RESTORED DESIGN
   ========================================================= */

.jss-next-issue-widget {
    width: 100% !important;
    padding: 18px 16px !important;

    background: #F8F7EF !important;
    border: 1px solid #D8BD82 !important;
    border-radius: 14px !important;

    box-sizing: border-box !important;
    text-align: center !important;
}

/* العنوان */
.jss-next-issue-title {
    margin: 0 0 5px !important;

    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    color: #4F592D !important;
}

/* Vol. / No. / Year */
.jss-next-issue-number {
    margin: 0 0 14px !important;

    font-size: 15px !important;
    line-height: 1.5 !important;

    color: #6D6A63 !important;
}

/* الأربع خانات */
.jss-next-clock {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    gap: 8px !important;

    width: 100% !important;
    margin: 12px 0 14px !important;
}

/* كل خانة */
.jss-next-time {
    min-width: 0 !important;

    padding: 10px 4px 9px !important;

    background: #FFFFFF !important;
    border: 1px solid #DED9C8 !important;
    border-radius: 10px !important;

    box-sizing: border-box !important;
    text-align: center !important;
}

/* الرقم */
.jss-next-time span {
    display: block !important;

    font-size: 23px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;

    color: #59633F !important;
}

/* Days / Hours / Min / Sec */
.jss-next-time small {
    display: block !important;

    margin-top: 4px !important;

    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.3 !important;

    color: #858277 !important;
}

/* تاريخ النشر */
.jss-next-date {
    margin-top: 4px !important;

    font-size: 13px !important;
    line-height: 1.5 !important;

    color: #68655D !important;
}

/* الموبايل */
@media (max-width: 600px) {

    .jss-next-clock {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
    }

    .jss-next-time span {
        font-size: 21px !important;
    }
}
/* =========================================================
   ARTICLE PAGE — WIDEN ACTUAL ARTICLE CONTENT
   ========================================================= */

@media (min-width: 992px) {

    .page_article .obj_article_details > .row {
        display: flex !important;
        align-items: flex-start !important;
        gap: 28px !important;
        width: 100% !important;
    }

    /* عنوان الباحث + DOI + Abstract + Chart */
    .page_article .obj_article_details .main_entry {
        float: none !important;
        width: auto !important;
        max-width: none !important;
        flex: 1 1 72% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* PDF / Citation / Issue / Section / License */
    .page_article .obj_article_details .entry_details {
        float: none !important;
        width: auto !important;
        max-width: none !important;
        flex: 0 0 26% !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}
/* =========================================================
   ARTICLE PAGE — RESTORE INNER DIVIDER
   ========================================================= */

@media (min-width: 992px) {

    /* العربي: خط فاصل بين الملخص والتفاصيل */
    html[lang^="ar"] .page_article .obj_article_details .main_entry {
        border-left: 1px solid #e3e0d6 !important;
        padding-left: 28px !important;
        box-sizing: border-box !important;
    }

    /* مسافة بسيطة من جهة التفاصيل */
    html[lang^="ar"] .page_article .obj_article_details .entry_details {
        padding-right: 6px !important;
        box-sizing: border-box !important;
    }

    /* الإنجليزي: يبقى الفاصل في الجهة المقابلة */
    html[lang^="en"] .page_article .obj_article_details .main_entry {
        border-right: 1px solid #e3e0d6 !important;
        padding-right: 28px !important;
        box-sizing: border-box !important;
    }
}
/* =========================================================
   ARTICLE PAGE — RESTORE CREAM CARDS
   ========================================================= */

/* الملخص */
.page_article .obj_article_details .abstract {
    margin: 24px 0 28px !important;
    padding: 26px 30px !important;

    background:
        linear-gradient(
            135deg,
            #fffef9 0%,
            #faf8ed 100%
        ) !important;

    border: 1px solid #ddd6b8 !important;
    border-radius: 12px !important;

    box-sizing: border-box !important;
}

/* عنوان الملخص */
.page_article .obj_article_details .abstract h2,
.page_article .obj_article_details .abstract h3 {
    margin: 0 0 16px !important;
    padding: 0 0 10px !important;

    color: #4f592d !important;

    border-bottom: 1px solid #e7e1ca !important;
}


/* =========================================================
   ARTICLE DETAILS — CREAM CARDS
   ========================================================= */

.page_article .obj_article_details .entry_details > .item {
    margin: 0 0 14px !important;
    padding: 18px !important;

    background: #fffef9 !important;

    border: 1px solid #ded5b4 !important;
    border-radius: 10px !important;

    box-shadow: none !important;
    box-sizing: border-box !important;
}


/* عناوين الصناديق الجانبية */
.page_article .obj_article_details .entry_details .item .label,
.page_article .obj_article_details .entry_details .item h2,
.page_article .obj_article_details .entry_details .item h3 {
    color: #59613b !important;
    font-weight: 700 !important;
}


/* DOI أيضًا بنفس الشكل */
.page_article .obj_article_details .doi {
    background: #fbfaf4 !important;

    border: 1px solid #ded7b9 !important;
    border-radius: 10px !important;

    padding: 14px 18px !important;
    box-sizing: border-box !important;
}
/* =========================================================
   NEXT ISSUE COUNTDOWN — COMPACT HEIGHT ONLY
   Keep current width unchanged
   ========================================================= */

.jss-next-issue-widget {
    height: auto !important;
    min-height: 0 !important;

    padding-top: 12px !important;
    padding-bottom: 12px !important;

    border-radius: 12px !important;
}

/* عنوان العدد القادم */
.jss-next-issue-title {
    margin-top: 0 !important;
    margin-bottom: 3px !important;

    line-height: 1.25 !important;
}

/* Vol / No / Year */
.jss-next-issue-number {
    margin-top: 0 !important;
    margin-bottom: 10px !important;

    line-height: 1.35 !important;
}

/* صف الساعة */
.jss-next-clock {
    margin-top: 8px !important;
    margin-bottom: 10px !important;

    gap: 8px !important;
}

/* خانات الأيام والساعات والدقائق والثواني */
.jss-next-time {
    padding-top: 8px !important;
    padding-bottom: 7px !important;

    min-height: 0 !important;
}

/* الرقم */
.jss-next-time span {
    line-height: 1 !important;
}

/* Days / Hours / Min / Sec */
.jss-next-time small {
    margin-top: 3px !important;
    line-height: 1.2 !important;
}

/* تاريخ النشر */
.jss-next-date {
    margin-top: 8px !important;
    margin-bottom: 0 !important;

    padding-top: 8px !important;

    line-height: 1.4 !important;
}
/* =========================================================
   ARTICLE INNER LAYOUT — WIDER ABSTRACT
   Arabic: details left
   English: details right
   ========================================================= */

@media (min-width: 1101px) {

    /* الحاوية الداخلية للمقال */
    .page_article .obj_article_details > .row {
        display: flex !important;
        align-items: flex-start !important;

        width: 100% !important;
        max-width: none !important;

        gap: 16px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* =====================================================
       MAIN ARTICLE CONTENT
       Authors + DOI + Abstract + Chart
       ===================================================== */

    .page_article .obj_article_details .main_entry {
        flex: 1 1 auto !important;

        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;

        margin: 0 !important;

        box-sizing: border-box !important;
    }

    /* =====================================================
       ARTICLE INFORMATION COLUMN
       PDF + Citation + Issue + License
       ===================================================== */

    .page_article .obj_article_details .entry_details {
        flex: 0 0 250px !important;

        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       ARABIC
       Information column LEFT — Article RIGHT
       ===================================================== */

    html[lang^="ar"] .page_article
    .obj_article_details > .row {
        flex-direction: row-reverse !important;
    }

    html[lang^="ar"] .page_article
    .obj_article_details .main_entry {
        padding-right: 0 !important;
        padding-left: 16px !important;
    }


    /* =====================================================
       ENGLISH
       Article LEFT — Information column RIGHT
       ===================================================== */

    html[lang^="en"] .page_article
    .obj_article_details > .row {
        flex-direction: row !important;
    }

    html[lang^="en"] .page_article
    .obj_article_details .main_entry {
        padding-left: 0 !important;
        padding-right: 16px !important;
    }
}
/* =========================================================
   ARTICLE TOP INFO — ONE UNIFIED CARD
   Author + DOI + Keywords
   ========================================================= */

/* نحول الجزء العلوي من main_entry إلى كتلة موحدة بصرياً */
.page_article .main_entry {
    position: relative !important;
}

/* المؤلف */
.page_article .main_entry .authors {
    margin: 0 !important;
    padding: 22px 24px 14px !important;

    background: #fffef9 !important;

    border: 1px solid #ded5b4 !important;
    border-bottom: 0 !important;
    border-radius: 12px 12px 0 0 !important;

    box-sizing: border-box !important;
}

/* DOI */
.page_article .main_entry .doi {
    margin: 0 !important;
    padding: 14px 24px !important;

    background: #fffef9 !important;

    border-left: 1px solid #ded5b4 !important;
    border-right: 1px solid #ded5b4 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-radius: 0 !important;

    box-sizing: border-box !important;
}

/* Keywords */
.page_article .main_entry .keywords {
    margin: 0 0 28px !important;
    padding: 14px 24px 22px !important;

    background: #fffef9 !important;

    border: 1px solid #ded5b4 !important;
    border-top: 0 !important;
    border-radius: 0 0 12px 12px !important;

    box-sizing: border-box !important;
}

/* خطوط فصل خفيفة داخل الإطار الواحد */
.page_article .main_entry .doi {
    border-top: 1px solid #eee7d2 !important;
}

.page_article .main_entry .keywords {
    border-top: 1px solid #eee7d2 !important;
}
/* =========================================================
   ARTICLE SIDE CARDS — GOLD TITLE DIVIDERS
   ========================================================= */

.page_article .entry_details .item .label,
.page_article .entry_details .item h2,
.page_article .entry_details .item h3 {
    display: block !important;

    margin: 0 0 14px !important;
    padding: 0 0 10px !important;

    color: #4f592d !important;
    font-size: 16px !important;
    font-weight: 700 !important;

    border-bottom: 1px solid #c6a252 !important;

    box-sizing: border-box !important;
}

/* العربي */
html[lang^="ar"] .page_article .entry_details .item .label,
html[lang^="ar"] .page_article .entry_details .item h2,
html[lang^="ar"] .page_article .entry_details .item h3 {
    text-align: right !important;
}

/* English */
html[lang^="en"] .page_article .entry_details .item .label,
html[lang^="en"] .page_article .entry_details .item h2,
html[lang^="en"] .page_article .entry_details .item h3 {
    text-align: left !important;
}
/* =========================================================
   JSS — ISSUE + SECTION
   ONE CARD / TWO COLUMNS — SAFE VERSION
   ========================================================= */

.page_article .obj_article_details .entry_details {
    display: flex !important;
    flex-wrap: wrap !important;
}

/* Issue */
.page_article .obj_article_details .entry_details > .item.issue {
    width: 50% !important;
    flex: 0 0 50% !important;

    margin: 0 0 16px !important;
    padding: 20px 18px !important;

    background: #fffef9 !important;

    border: 1px solid #ded5b4 !important;
    border-radius: 0 11px 11px 0 !important;

    box-sizing: border-box !important;
}

/* Section */
.page_article .obj_article_details .entry_details > .item.section {
    width: 50% !important;
    flex: 0 0 50% !important;

    margin: 0 0 16px !important;
    padding: 20px 18px !important;

    background: #fffef9 !important;

    border-top: 1px solid #ded5b4 !important;
    border-right: 0 !important;
    border-bottom: 1px solid #ded5b4 !important;
    border-left: 1px solid #ded5b4 !important;

    border-radius: 11px 0 0 11px !important;

    box-sizing: border-box !important;
}

/* الخط الذهبي تحت العنوان */
.page_article .entry_details > .item.issue .label,
.page_article .entry_details > .item.section .label {
    display: block !important;

    margin: 0 0 14px !important;
    padding: 0 0 10px !important;

    color: #4f592d !important;
    font-weight: 700 !important;

    border-bottom: 1px solid #c6a252 !important;
}


/* =========================================================
   ENGLISH
   Section LEFT | Issue RIGHT
   ========================================================= */

html[lang^="en"] .page_article
.entry_details > .item.section {
    order: 2 !important;
}

html[lang^="en"] .page_article
.entry_details > .item.issue {
    order: 3 !important;
}


/* =========================================================
   ARABIC
   Issue RIGHT | Section LEFT
   ========================================================= */

html[lang^="ar"] .page_article
.entry_details > .item.issue {
    order: 2 !important;
    direction: rtl !important;
    text-align: right !important;
}

html[lang^="ar"] .page_article
.entry_details > .item.section {
    order: 3 !important;
    direction: rtl !important;
    text-align: right !important;
}


/* بقية العناصر ترجع بعرض كامل */
.page_article .entry_details > .item.galleys,
.page_article .entry_details > .item.citation,
.page_article .entry_details > .item.copyright {
    width: 100% !important;
    flex: 0 0 100% !important;
}


/* MOBILE */
@media (max-width: 768px) {

    .page_article .entry_details > .item.issue,
    .page_article .entry_details > .item.section {
        width: 100% !important;
        flex: 0 0 100% !important;

        border: 1px solid #ded5b4 !important;
        border-radius: 10px !impor.item.published
.item.sectiontant;

        margin-bottom: 12px !important;
    }
}
/* =========================================================
   JSS STAY CONNECTED — COMPACT ALIGNMENT
   Arabic: left | English: right
   ========================================================= */

/* صندوق الاشتراك نفسه */
.jss-connect-ar,
.jss-connect-en {
    width: 440px !important;
    max-width: calc(100% - 40px) !important;
    box-sizing: border-box !important;

    background: #faf9ef !important;
    border: 1px solid #d8d2a8 !important;
    border-radius: 14px !important;

    padding: 20px 26px !important;
    margin-top: 22px !important;
    margin-bottom: 24px !important;
}

/* العربي — الصندوق يسار */
.jss-connect-ar {
    margin-left: 55px !important;
    margin-right: auto !important;
    text-align: center !important;
}

/* English — box on the right */
.jss-connect-en {
    margin-left: auto !important;
    margin-right: 55px !important;
    text-align: center !important;
}

/* الموبايل */
@media (max-width: 680px) {

    .jss-connect-ar,
    .jss-connect-en {
        width: auto !important;
        max-width: none !important;
        margin-left: 20px !important;
        margin-right: 20px !important;
        padding: 18px 20px !important;
    }
}
/* =====================================================
   JSS — STAY CONNECTED BANNER — CLEAN HORIZONTAL
   ===================================================== */

.jss-connect-banner {
    width: calc(100% - 70px) !important;
    max-width: 1600px !important;
    margin: 24px auto 30px !important;
    padding: 28px 34px !important;
    box-sizing: border-box !important;

    background: #faf9ef !important;
    border-top: 4px solid #b9973f !important;
    border-radius: 0 0 12px 12px !important;

    display: grid !important;
    grid-template-columns: 30% 1fr !important;
    align-items: center !important;
    gap: 30px !important;
}

/* English */
.jss-footer-en .jss-connect-banner {
    direction: ltr !important;
}

/* Arabic */
.jss-footer-ar .jss-connect-banner {
    direction: rtl !important;
}


/* TITLE */

.jss-connect-title {
    margin: 0 !important;
    color: #34451f !important;
    font-size: 24px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
}

.jss-footer-en .jss-connect-title {
    text-align: left !important;
}

.jss-footer-ar .jss-connect-title {
    text-align: right !important;
}


/* CONTENT SIDE */

.jss-connect-content {
    width: 100% !important;
    min-width: 0 !important;
}


/* EMAIL + BUTTON SAME ROW */

.jss-connect-action {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 165px !important;
    width: 100% !important;
    align-items: stretch !important;
}

/* Arabic reverses visual order */
.jss-footer-ar .jss-connect-action {
    direction: rtl !important;
}

.jss-footer-en .jss-connect-action {
    direction: ltr !important;
}


/* EMAIL FIELD */

.jss-connect-field {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 58px !important;

    display: flex !important;
    align-items: center !important;

    padding: 0 22px !important;
    box-sizing: border-box !important;

    background: #ffffff !important;
    border: 1px solid #c8bd87 !important;

    color: #777777 !important;
    font-size: 16px !important;
    line-height: 1.4 !important;

    text-decoration: none !important;
}

.jss-footer-en .jss-connect-field {
    justify-content: flex-start !important;
    text-align: left !important;
    border-radius: 7px 0 0 7px !important;
}

.jss-footer-ar .jss-connect-field {
    justify-content: flex-end !important;
    text-align: right !important;
    border-radius: 0 7px 7px 0 !important;
}


/* BUTTON */

.jss-connect-button {
    width: 165px !important;
    min-width: 165px !important;
    min-height: 58px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 22px !important;
    box-sizing: border-box !important;

    background: #66733a !important;
    border: 1px solid #66733a !important;

    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;

    text-decoration: none !important;
}

.jss-footer-en .jss-connect-button {
    border-radius: 0 7px 7px 0 !important;
}

.jss-footer-ar .jss-connect-button {
    border-radius: 7px 0 0 7px !important;
}

.jss-connect-button:hover,
.jss-connect-button:focus {
    background: #4f5d2d !important;
    color: #ffffff !important;
}


/* DESCRIPTION + PASSWORD */

.jss-connect-description {
    margin-top: 10px !important;
    color: #555555 !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
}

.jss-connect-password {
    margin-top: 3px !important;
    color: #666666 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
}

.jss-footer-en .jss-connect-description,
.jss-footer-en .jss-connect-password {
    text-align: left !important;
}

.jss-footer-ar .jss-connect-description,
.jss-footer-ar .jss-connect-password {
    text-align: right !important;
}


/* MOBILE */

@media (max-width: 900px) {
    .jss-connect-banner {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }

    .jss-connect-title {
        font-size: 21px !important;
    }
}

@media (max-width: 560px) {
    .jss-connect-action {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .jss-connect-field,
    .jss-connect-button {
        width: 100% !important;
        min-width: 0 !important;
        border-radius: 6px !important;
    }
}
/* =====================================================
   JSS — STAY CONNECTED — MATCH CURRENT HTML
   ===================================================== */

.jss-connect-banner {
    width: calc(100% - 70px) !important;
    max-width: 1600px !important;
    margin: 24px auto 30px !important;
    padding: 28px 34px !important;
    box-sizing: border-box !important;

    background: #faf9ef !important;
    border-top: 4px solid #b9973f !important;
    border-radius: 0 0 12px 12px !important;

    display: grid !important;
    align-items: center !important;
    gap: 28px !important;
}

/* ENGLISH */
.jss-connect-banner-en {
    grid-template-columns: 30% 1fr !important;
    grid-template-areas:
        "title subscribe"
        "note  note" !important;
    direction: ltr !important;
}

/* ARABIC */
.jss-connect-banner-ar {
    grid-template-columns: 1fr 30% !important;
    grid-template-areas:
        "subscribe title"
        "note note" !important;
    direction: rtl !important;
}


/* TITLE */
.jss-connect-title {
    grid-area: title !important;
    margin: 0 !important;
    color: #34451f !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

.jss-connect-banner-en .jss-connect-title {
    text-align: left !important;
}

.jss-connect-banner-ar .jss-connect-title {
    text-align: right !important;
}


/* EMAIL + BUTTON */
.jss-connect-subscribe {
    grid-area: subscribe !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 165px !important;
    width: 100% !important;
    min-width: 0 !important;
    align-items: stretch !important;
}

.jss-connect-banner-ar .jss-connect-subscribe {
    direction: rtl !important;
}


/* EMAIL FIELD */
.jss-connect-field {
    min-width: 0 !important;
    min-height: 58px !important;
    padding: 0 22px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    box-sizing: border-box !important;

    background: #ffffff !important;
    border: 1px solid #c8bd87 !important;

    color: #8a8a8a !important;
    font-size: 16px !important;
    text-decoration: none !important;
}

.jss-connect-banner-en .jss-connect-field {
    border-radius: 7px 0 0 7px !important;
}

.jss-connect-banner-ar .jss-connect-field {
    border-radius: 0 7px 7px 0 !important;
}


/* MAIL ICON */
.jss-connect-mail {
    color: #b9973f !important;
    font-size: 18px !important;
}


/* BUTTON */
.jss-connect-button {
    min-width: 165px !important;
    min-height: 58px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 22px !important;
    box-sizing: border-box !important;

    background: #66733a !important;
    border: 1px solid #66733a !important;

    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.jss-connect-banner-en .jss-connect-button {
    border-radius: 0 7px 7px 0 !important;
}

.jss-connect-banner-ar .jss-connect-button {
    border-radius: 7px 0 0 7px !important;
}

.jss-connect-button:hover {
    background: #4f5d2d !important;
    color: #ffffff !important;
}


/* NOTE */
.jss-connect-note {
    grid-area: note !important;

    margin-top: 2px !important;
    color: #555555 !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
}

.jss-connect-banner-en .jss-connect-note {
    text-align: left !important;
}

.jss-connect-banner-ar .jss-connect-note {
    text-align: right !important;
}


/* MOBILE */
@media (max-width: 900px) {

    .jss-connect-banner-en,
    .jss-connect-banner-ar {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "title"
            "subscribe"
            "note" !important;
    }
}

@media (max-width: 560px) {

    .jss-connect-subscribe {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
    }

    .jss-connect-field,
    .jss-connect-button {
        width: 100% !important;
        min-width: 0 !important;
        border-radius: 6px !important;
    }
}
/* JSS Stay Connected — Final Polish */

/* ضبط مستوى العنوان */
.jss-connect-title {
    align-self: center !important;
}

/* تقريب النص السفلي من خانة التسجيل */
.jss-connect-note {
    margin-top: -8px !important;
    color: #4f4f4f !important;
    line-height: 1.6 !important;
}

/* تقليل الفراغ داخل الصندوق */
.jss-connect-banner {
    row-gap: 20px !important;
}
.jss-connect-banner-en .jss-connect-field {
    justify-content: flex-start !important;
    gap: 10px !important;
}
/* Arabic Stay Connected title — one line */
.jss-connect-banner-ar .jss-connect-title {
    font-size: 14px !important;
    white-space: nowrap !important;
}
/* Arabic Stay Connected — give title more room */
.jss-connect-banner-ar {
    grid-template-columns: 68% 32% !important;
}

.jss-connect-banner-ar .jss-connect-title {
    font-size: 22px !important;
    white-space: nowrap !important;
}
.jss-connect-banner-ar .jss-connect-subscribe
/* Arabic banner — give more width to signup area */
.jss-connect-banner-ar {
    grid-template-columns: 78% 22% !important;
}
.jss-connect-banner-ar .jss-connect-title {
    transform: translateY(-12px);
}
/* Hide Stay Connected inside PDF/Galley viewer only */
.pkp_page_article.pkp_op_view .jss-connect-banner,
.pkp_page_article.pkp_op_view .jss-footer-ar > div[dir="rtl"]:first-child {
    display: none !important;
}