/*
 * ═══════════════════════════════════════════════════════════════════
 *  EJBESS — Emirates Scholar Inner Pages Override Stylesheet
 *  Applies to all OJS inner pages:
 *  About, Aims & Scope, Editorial Board, Indexing, Archives,
 *  Article View, Submission Guidelines, Peer Review, Publishing Packages
 *  and all other static/custom pages.
 *
 *  HOW TO INSTALL:
 *  In OJS Admin → Website Settings → Appearance → Custom CSS
 *  Paste this entire file, or upload it as a custom CSS file.
 * ═══════════════════════════════════════════════════════════════════
 */

/* ─────────────────────────────────────────
   0. DESIGN TOKENS (matches homepage)
───────────────────────────────────────── */
:root {
  --esc-accent:       #1A5C8A;
  --esc-accent-mid:   #0E3D5E;
  --esc-accent-dark:  #082A42;
  --esc-accent-light: #2E80B8;
  --esc-accent-pale:  #D6EAF8;
  --esc-gold:         #C9962A;
  --esc-gold-light:   #E8B84B;
  --esc-gold-pale:    #F5E6C0;
  --esc-navy:         #07202F;
  --esc-navy-mid:     #0D2F44;
  --esc-cream:        #F4F8FB;
  --esc-cream-dark:   #DDE9F2;
  --esc-text:         #0D1F2D;
  --esc-text-mid:     #3A5568;
  --esc-text-light:   #6B8499;
  --esc-white:        #FFFFFF;
  --esc-radius:       4px;
  --esc-shadow-sm:    0 2px 8px rgba(7,32,47,0.08);
  --esc-shadow-md:    0 8px 32px rgba(7,32,47,0.14);
}

/* ─────────────────────────────────────────
   1. GLOBAL BASE
───────────────────────────────────────── */
*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  font-family: 'Tajawal', 'Segoe UI', Arial, sans-serif !important;
  background: var(--esc-cream) !important;
  color: var(--esc-text) !important;
  line-height: 1.7 !important;
  font-size: 15px !important;
}

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

a {
  color: var(--esc-accent);
  text-decoration: none;
  transition: color 0.18s;
}
a:hover {
  color: var(--esc-gold);
  text-decoration: underline;
}

img {
  max-width: 100%;
  height: auto;
}

/* ─────────────────────────────────────────
   2. TOP UTILITY BAR (#immersion_content_header)
───────────────────────────────────────── */
#immersion_content_header,
.pkp_structure_head {
  background: var(--esc-navy) !important;
  border-bottom: none !important;
  padding: 0 40px !important;
}

/* Publisher link strip */
.pkp_site_name,
#immersion_content_header a {
  color: var(--esc-gold-light) !important;
  font-family: 'Tajawal', sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0.04em !important;
  text-decoration: none !important;
}
#immersion_content_header a:hover {
  color: var(--esc-white) !important;
}

/* ─────────────────────────────────────────
   3. PRIMARY NAVIGATION
───────────────────────────────────────── */
.pkp_navigation_primary,
nav.pkp_nav_list,
.navbar,
#navigationPrimary {
  background: var(--esc-white) !important;
  border-bottom: 1px solid var(--esc-cream-dark) !important;
  box-shadow: var(--esc-shadow-sm) !important;
  padding: 0 40px !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
}

/* Nav logo */
.pkp_site_name img,
.navbar-brand img,
nav .site-logo img {
  height: 44px !important;
  width: auto !important;
  object-fit: contain !important;
}

/* Nav links */
.pkp_navigation_primary .pkp_nav_list > li > a,
nav.pkp_nav_list > li > a,
#navigationPrimary > li > a,
.nav-item > a,
.navbar-nav > li > a {
  font-family: 'Tajawal', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 500 !important;
  color: var(--esc-text-mid) !important;
  padding: 24px 16px !important;
  display: block !important;
  transition: color 0.18s !important;
  white-space: nowrap !important;
  border-bottom: 3px solid transparent !important;
}
.pkp_navigation_primary .pkp_nav_list > li > a:hover,
nav.pkp_nav_list > li > a:hover,
.pkp_navigation_primary .pkp_nav_list > li.in_path > a,
.pkp_navigation_primary .pkp_nav_list > li.current > a {
  color: var(--esc-navy) !important;
  border-bottom-color: var(--esc-accent) !important;
  text-decoration: none !important;
}

/* Submit CTA button in nav */
.pkp_navigation_primary .pkp_nav_list > li.pkp_nav_item_submission a,
a[href*="manuscript-submissions"],
.pkp_nav_list .cmp_button {
  background: var(--esc-gold) !important;
  color: var(--esc-white) !important;
  padding: 9px 20px !important;
  border-radius: var(--esc-radius) !important;
  margin-left: 8px !important;
  font-weight: 700 !important;
  border-bottom: none !important;
  transition: background 0.2s !important;
}
a[href*="manuscript-submissions"]:hover {
  background: var(--esc-navy) !important;
  color: var(--esc-white) !important;
  text-decoration: none !important;
}

/* Dropdown menus */
.pkp_nav_list .pkp_nav_list,
.dropdown-menu,
.pkp_navigation_primary ul ul {
  background: var(--esc-white) !important;
  border: none !important;
  border-top: 3px solid var(--esc-accent) !important;
  box-shadow: var(--esc-shadow-md) !important;
  border-radius: 0 0 var(--esc-radius) var(--esc-radius) !important;
  min-width: 220px !important;
}
.pkp_nav_list .pkp_nav_list li a,
.dropdown-menu li a,
.dropdown-item {
  font-family: 'Tajawal', sans-serif !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  color: var(--esc-text-mid) !important;
  padding: 11px 20px !important;
  border-bottom: 1px solid #EEF4F8 !important;
  display: block !important;
  transition: background 0.15s, color 0.15s !important;
  border-left: none !important;
}
.pkp_nav_list .pkp_nav_list li a:hover,
.dropdown-item:hover {
  background: var(--esc-cream) !important;
  color: var(--esc-navy) !important;
  text-decoration: none !important;
}

/* ─────────────────────────────────────────
   4. PAGE BREADCRUMB / SUBHEADER
───────────────────────────────────────── */

/* ── BANNER ─────────────────────────────────────── */
.esc-banner {
  background: linear-gradient(135deg, #041523 0%, #0E3D5E 50%, #1A5C8A 100%);
  border-bottom: 3px solid #C9962A;
  font-family: 'Tajawal', 'Segoe UI', Arial, sans-serif;
  position: relative;
  overflow: hidden;
  margin:0 0 40px 0;
}

/* Grid texture */
.esc-banner::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
  background-size: 48px 48px;
  pointer-events: none;
}

/* Right glow */
.esc-banner::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 55% 120% at 92% 50%, rgba(46,128,184,0.2) 0%, transparent 70%);
  pointer-events: none;
}

/* Inner container */
.esc-banner-inner {
  position: relative;
  z-index: 1;
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 56px 36px;
}

/* ── BREADCRUMB ──────────────────────────────────── */
.esc-banner-breadcrumb {
  list-style: none;
  margin: 0 0 16px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
}

.esc-banner-breadcrumb li {
  display: flex;
  align-items: center;
  font-size: 12px;
  font-family: 'Tajawal', sans-serif;
}

.esc-banner-breadcrumb li + li::before {
  content: '›';
  color: rgba(255,255,255,0.3);
  margin: 0 8px;
  font-size: 15px;
  line-height: 1;
}

.esc-banner-breadcrumb a {
  color: #E8B84B;
  text-decoration: none;
  font-weight: 500;
  transition: color 0.18s;
}

.esc-banner-breadcrumb a:hover {
  color: #ffffff;
}

.esc-banner-breadcrumb .esc-current {
  color: rgba(255,255,255,0.5);
}

/* ── PAGE LABEL ──────────────────────────────────── */
.esc-banner-label {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: #C9962A;
  margin-bottom: 10px;
  font-family: 'Tajawal', sans-serif;
}

.esc-banner-label::before {
  content: '';
  display: block;
  width: 22px;
  height: 1px;
  background: #C9962A;
  flex-shrink: 0;
}

/* ── PAGE TITLE ──────────────────────────────────── */
.esc-banner-title {
  font-family: 'Tajawal', sans-serif;
  font-size: clamp(24px, 3.5vw, 40px);
  font-weight: 900;
  color: #ffffff;
  line-height: 1.18;
  margin: 0 0 12px;
  letter-spacing: -0.01em;
}

/* ── DESCRIPTION ─────────────────────────────────── */
.esc-banner-desc {
  font-family: 'Tajawal', sans-serif;
  font-size: 14px;
  color: rgba(200, 225, 240, 0.75);
  line-height: 1.65;
  max-width: 680px;
  margin: 0 0 22px;
}

/* ── META PILLS ROW ──────────────────────────────── */
.esc-banner-pills {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}

.esc-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(255,255,255,0.07);
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(200, 225, 240, 0.85);
  padding: 5px 13px;
  border-radius: 20px;
  font-size: 11px;
  font-weight: 500;
  font-family: 'Tajawal', sans-serif;
  white-space: nowrap;
  text-decoration: none;
}

.esc-pill-gold {
  background: rgba(201,150,42,0.15);
  border-color: rgba(201,150,42,0.3);
  color: #E8B84B;
}

.esc-pill-cta {
  background: #C9962A;
  border-color: #C9962A;
  color: #ffffff;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.2s, transform 0.15s;
}

.esc-pill-cta:hover {
  background: #ffffff;
  color: #07202F;
  transform: translateY(-1px);
}

/* ── ANIMATIONS ──────────────────────────────────── */
@keyframes escFadeUp {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

.esc-banner-breadcrumb { animation: escFadeUp 0.4s ease 0.05s both; }
.esc-banner-label      { animation: escFadeUp 0.4s ease 0.12s both; }
.esc-banner-title      { animation: escFadeUp 0.4s ease 0.18s both; }
.esc-banner-desc       { animation: escFadeUp 0.4s ease 0.24s both; }
.esc-banner-pills      { animation: escFadeUp 0.4s ease 0.30s both; }

/* ── RESPONSIVE ──────────────────────────────────── */
@media (max-width: 768px) {
  .esc-banner-inner {
    padding: 28px 20px 24px;
  }
  .esc-banner-title {
    font-size: clamp(20px, 6vw, 28px);
  }
  .esc-pill {
    font-size: 10px;
    padding: 4px 10px;
  }
}





.pkp_structure_page,
.page_header,
.pkp_page_header {
  background: linear-gradient(135deg, var(--esc-accent-dark) 0%, var(--esc-accent) 100%) !important;
  color: var(--esc-white) !important;
  padding: 40px 56px 36px !important;
  margin-bottom: 0 !important;
  border-bottom: 3px solid var(--esc-gold) !important;
}

/* Page title */
.pkp_structure_page h1,
.page_header h1,
.pkp_page_header h1,
h1.page-header {
  font-family: 'Tajawal', sans-serif !important;
  font-size: clamp(24px, 3vw, 38px) !important;
  font-weight: 900 !important;
  color: var(--esc-white) !important;
  line-height: 1.2 !important;
  margin: 0 0 8px !important;
}

.archived-issue__title{
    font-size:16px;
    padding: 15px 0;
    margin:0;
}

/* Breadcrumbs */
.pkp_breadcrumbs,
ol.breadcrumb,
.breadcrumb {
  background: transparent !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  gap: 6px !important;
  align-items: center !important;
  flex-wrap: wrap !important;
}
.pkp_breadcrumbs li,
.breadcrumb-item {
  font-family: 'Tajawal', sans-serif !important;
  font-size: 12px !important;
  color: rgba(255,255,255,0.65) !important;
}
.pkp_breadcrumbs li a,
.breadcrumb-item a {
  color: var(--esc-gold-light) !important;
  text-decoration: none !important;
}
.pkp_breadcrumbs li::before,
.breadcrumb-item + .breadcrumb-item::before {
  content: '›' !important;
  color: rgba(255,255,255,0.3) !important;
  margin: 0 4px !important;
}

/* ─────────────────────────────────────────
   5. MAIN CONTENT AREA
───────────────────────────────────────── */
#main-content,
.pkp_structure_main,
main,
.pkp_main_wrapper {
  width: 90% !important;
  padding: 0 !important;
  margin: 0 auto;
  margin-bottom:60px;
}

/* Content inner container */
.pkp_structure_content,
.container,
.page_content,
.pkp_page_content {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 48px 56px !important;
}

/* ─────────────────────────────────────────
   5. Article Details
───────────────────────────────────────── */

.authors-string{
    margin:0;
    padding:0;
}
.authors-string__item{
    list-style:none;
    float:left;
}
.article-page__galleys{
    margin:40px 0;
    padding:0;
    display:block;
}
.primary-galleys, .list-galleys{
    margin:0;
    padding:0;
    display:block;
}

.list-galleys li{
    list-style:none;
}


/* ─────────────────────────────────────────
   6. SIDEBAR
───────────────────────────────────────── */
.pkp_structure_sidebar,
.sidebar,
aside {
  background: var(--esc-cream) !important;
  border-left: 1px solid var(--esc-cream-dark) !important;
  padding: 32px 28px !important;
}

/* Sidebar blocks */
.pkp_block,
.sidebar .block {
  background: var(--esc-white) !important;
  border: 1px solid var(--esc-cream-dark) !important;
  border-radius: var(--esc-radius) !important;
  padding: 20px !important;
  margin-bottom: 20px !important;
  box-shadow: var(--esc-shadow-sm) !important;
  position: relative !important;
  overflow: hidden !important;
}
.pkp_block::before,
.sidebar .block::before {
  content: '' !important;
  position: absolute !important;
  top: 0; left: 0; right: 0 !important;
  height: 3px !important;
  background: var(--esc-accent) !important;
}

/* Sidebar block titles */
.pkp_block h2,
.pkp_block h3,
.sidebar .block h2,
.sidebar .block h3 {
  font-family: 'Tajawal', sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--esc-accent) !important;
  margin: 0 0 14px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--esc-cream-dark) !important;
}

/* Sidebar lists */
.pkp_block ul,
.sidebar ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
.pkp_block ul li,
.sidebar ul li {
  border-bottom: 1px solid var(--esc-cream-dark) !important;
  padding: 0 !important;
}
.pkp_block ul li:last-child,
.sidebar ul li:last-child {
  border-bottom: none !important;
}
.pkp_block ul li a,
.sidebar ul li a {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 9px 0 !important;
  font-size: 13px !important;
  color: var(--esc-text-mid) !important;
  font-family: 'Tajawal', sans-serif !important;
  transition: color 0.15s, padding-left 0.2s !important;
}
.pkp_block ul li a::before {
  content: '›' !important;
  color: var(--esc-gold) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  flex-shrink: 0 !important;
}
.pkp_block ul li a:hover,
.sidebar ul li a:hover {
  color: var(--esc-accent) !important;
  padding-left: 6px !important;
  text-decoration: none !important;
}

/* Journal cover in sidebar */
.pkp_block img,
.sidebar .coverImage img,
.cover img {
  border-radius: var(--esc-radius) !important;
  box-shadow: var(--esc-shadow-md) !important;
  width: 100% !important;
  height: auto !important;
  display: block !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
}
.pkp_block img:hover,
.sidebar .coverImage img:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 12px 36px rgba(7,32,47,0.2) !important;
}

/* Journal info pills (ISSN, frequency, etc.) */
.pkp_block .value,
.pkp_block .label {
  font-family: 'Tajawal', sans-serif !important;
}

/* ─────────────────────────────────────────
   7. ISSUE ARCHIVE PAGE
   Cards float left, cover 200px height auto width
───────────────────────────────────────── */

/* Page title */
.pkp_page_issue_archive h1,
.page_header h1,
#main-content h1 {
  font-family: 'Tajawal', sans-serif !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  color: var(--esc-navy) !important;
  margin: 0 0 32px !important;
  padding-bottom: 16px !important;
  border-bottom: 2px solid var(--esc-cream-dark) !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}
.pkp_page_issue_archive h1::before {
  content: '' !important;
  display: inline-block !important;
  width: 4px !important;
  height: 28px !important;
  background: linear-gradient(180deg, var(--esc-accent) 0%, var(--esc-gold) 100%) !important;
  border-radius: 2px !important;
  flex-shrink: 0 !important;
}

/* Archive container — clearfix */
.issues_archive,
.pkp_issues_archive,
#pkp-issues-archive,
.pkp_page_issue_archive .issues_archive {
  display: block !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 -10px !important;
}

/* Each issue card — float left */
.obj_issue_summary,
.issue_summary,
.pkp_structure_content .obj_issue_summary {
  float: left !important;
  width: auto !important;
  margin: 0 10px 28px !important;
  background: var(--esc-white) !important;
  border: 1px solid var(--esc-cream-dark) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
  box-shadow: var(--esc-shadow-sm) !important;
  transition: transform 0.22s, box-shadow 0.22s, border-color 0.22s !important;
  position: relative !important;
  display: inline-block !important;
  vertical-align: top !important;
}

/* Animated top accent bar */
.obj_issue_summary::before {
  content: '' !important;
  position: absolute !important;
  top: 0; left: 0; right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, var(--esc-accent) 0%, var(--esc-accent-light) 100%) !important;
  transform: scaleX(0) !important;
  transform-origin: left !important;
  transition: transform 0.3s ease !important;
  z-index: 1 !important;
}
.obj_issue_summary:hover {
  transform: translateY(-6px) !important;
  box-shadow: var(--esc-shadow-md) !important;
  border-color: rgba(26,92,138,0.3) !important;
}
.obj_issue_summary:hover::before {
  transform: scaleX(1) !important;
}

/* Cover image wrapper link */
.obj_issue_summary > a:first-child,
.obj_issue_summary .cover,
.obj_issue_summary .cover a {
  display: block !important;
  overflow: hidden !important;
  background: var(--esc-accent-dark) !important;
  line-height: 0 !important;
}

/* Cover image — 200px height, auto width */
.obj_issue_summary .cover img,
.obj_issue_summary > a:first-child img,
.obj_issue_summary img {
  height: 200px !important;
  width: auto !important;
  max-width: none !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  transition: transform 0.3s ease !important;
}
.obj_issue_summary:hover img {
  transform: scale(1.04) !important;
}

/* Card body */
.obj_issue_summary .obj_issue_summary_details {
  padding: 14px 16px 16px !important;
  min-width: 160px !important;
  max-width: 220px !important;
}

/* Issue title */
.obj_issue_summary .obj_issue_summary_title,
.obj_issue_summary h2,
.obj_issue_summary h3 {
  font-family: 'Tajawal', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--esc-navy) !important;
  padding: 14px 16px 4px !important;
  margin: 0 !important;
  line-height: 1.35 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}
.obj_issue_summary h2 a,
.obj_issue_summary h3 a {
  color: var(--esc-navy) !important;
  text-decoration: none !important;
  transition: color 0.15s !important;
}
.obj_issue_summary:hover h2 a,
.obj_issue_summary:hover h3 a {
  color: var(--esc-accent) !important;
}

/* Volume / date info */
.obj_issue_summary .published,
.obj_issue_summary .series,
.obj_issue_summary .description,
.obj_issue_summary p {
  font-size: 11px !important;
  color: var(--esc-text-light) !important;
  padding: 3px 16px 14px !important;
  margin: 0 !important;
  font-family: 'Tajawal', sans-serif !important;
  display: block !important;
}

/* Volume badge pill */
.obj_issue_summary .series,
.obj_issue_summary .vol-badge {
  display: inline-block !important;
  background: var(--esc-accent-pale) !important;
  color: var(--esc-accent) !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.04em !important;
  padding: 3px 10px !important;
  border-radius: 10px !important;
  margin: 4px 16px 8px !important;
}

/* Clearfix after archive list */
.issues_archive::after,
.pkp_issues_archive::after,
#pkp-issues-archive::after {
  content: '' !important;
  display: table !important;
  clear: both !important;
}

/* Archive page section header strip */
.pkp_page_issue_archive .page_content > h1,
.issue_archive_header {
  background: linear-gradient(135deg, var(--esc-accent-dark) 0%, var(--esc-accent) 100%) !important;
  color: var(--esc-white) !important;
  padding: 36px 56px !important;
  margin: 0 0 40px !important;
  font-size: 26px !important;
  font-weight: 900 !important;
  border-bottom: 3px solid var(--esc-gold) !important;
}



/* Article list within issue page */
.obj_article_summary,
.article_summary,
.pkp_article_list .obj_article_summary {
  border-bottom: 1px solid var(--esc-cream-dark) !important;
  padding: 24px 0 !important;
  display: grid !important;
  grid-template-columns: 1fr auto !important;
  gap: 20px !important;
  align-items: start !important;
  transition: background 0.15s !important;
}
.obj_article_summary:last-child {
  border-bottom: none !important;
}
.obj_article_summary:hover {
  background: var(--esc-cream) !important;
  margin: 0 -24px !important;
  padding: 24px 24px !important;
  border-radius: var(--esc-radius) !important;
}

/* Article title */
.obj_article_summary h3,
.obj_article_summary .title,
.article-summary-title {
  font-family: 'Tajawal', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--esc-navy) !important;
  margin: 0 0 8px !important;
  line-height: 1.4 !important;
}
.obj_article_summary h3 a,
.obj_article_summary .title a {
  color: var(--esc-navy) !important;
  text-decoration: none !important;
  transition: color 0.15s !important;
}
.obj_article_summary h3 a:hover,
.obj_article_summary .title a:hover {
  color: var(--esc-accent) !important;
  text-decoration: none !important;
}

/* Authors list */
.obj_article_summary .authors,
.obj_article_summary .author {
  font-size: 13px !important;
  color: var(--esc-text-mid) !important;
  font-style: italic !important;
  margin-bottom: 6px !important;
  font-family: 'Tajawal', sans-serif !important;
}

/* Article meta (DOI, dates) */
.obj_article_summary .doi,
.obj_article_summary .published,
.article-doi {
  font-size: 11px !important;
  color: var(--esc-text-light) !important;
  font-family: 'Tajawal', sans-serif !important;
}

/* Article download / PDF links */
.obj_article_summary .galleys_links a,
.obj_article_summary .download_button,
.galley-link,
a[href*="/pdf"],
.pdf_link a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: var(--esc-accent) !important;
  color: var(--esc-white) !important;
  padding: 7px 14px !important;
  border-radius: 3px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  font-family: 'Tajawal', sans-serif !important;
  text-decoration: none !important;
  transition: background 0.2s !important;
  white-space: nowrap !important;
}
.obj_article_summary .galleys_links a:hover,
a[href*="/pdf"]:hover {
  background: var(--esc-navy) !important;
  color: var(--esc-white) !important;
  text-decoration: none !important;
}

/* Open Access icon / badge */
.openAccess_icon,
.pkp_helpers_align_left img[src*="OpenAccess"],
img[alt*="Open Access"] {
  height: 22px !important;
  width: auto !important;
  vertical-align: middle !important;
  margin-right: 6px !important;
  opacity: 0.85 !important;
}

/* ─────────────────────────────────────────
   8. ARTICLE DETAIL PAGE
───────────────────────────────────────── */
.obj_article_details {
  max-width: 820px !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

/* Article detail title */
.obj_article_details h1,
.obj_article_details .page_title {
  font-family: 'Tajawal', sans-serif !important;
  font-size: clamp(22px, 3vw, 32px) !important;
  font-weight: 900 !important;
  color: var(--esc-navy) !important;
  line-height: 1.25 !important;
  margin-bottom: 20px !important;
}

/* Article meta block */
.obj_article_details .article_meta,
.article_details_block {
  background: var(--esc-cream) !important;
  border: 1px solid var(--esc-cream-dark) !important;
  border-radius: 6px !important;
  padding: 24px !important;
  margin-bottom: 28px !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
  gap: 16px !important;
}
.article_detail_row {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}
.article_detail_label {
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--esc-accent-light) !important;
}
.article_detail_value {
  font-size: 14px !important;
  color: var(--esc-navy) !important;
  font-weight: 500 !important;
}

/* Authors block on detail page */
.obj_article_details .authors,
.authors_list {
  background: var(--esc-white) !important;
  border: 1px solid var(--esc-cream-dark) !important;
  border-radius: var(--esc-radius) !important;
  padding: 20px 24px !important;
  margin-bottom: 24px !important;
}
.obj_article_details .authors h2,
.authors_list h2 {
  font-family: 'Tajawal', sans-serif !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--esc-accent) !important;
  margin: 0 0 12px !important;
}
.obj_article_details .authors .author,
.authors_list li {
  font-family: 'Tajawal', sans-serif !important;
  font-size: 14px !important;
  color: var(--esc-text-mid) !important;
  padding: 6px 0 !important;
  border-bottom: 1px solid var(--esc-cream-dark) !important;
}
.obj_article_details .authors .author:last-child,
.authors_list li:last-child {
  border-bottom: none !important;
}

/* Abstract section */
.obj_article_details .abstract,
#articleAbstract,
section.abstract {
  background: var(--esc-white) !important;
  border-left: 4px solid var(--esc-accent) !important;
  border-radius: 0 var(--esc-radius) var(--esc-radius) 0 !important;
  padding: 24px 28px !important;
  margin-bottom: 28px !important;
}
.obj_article_details .abstract h2,
#articleAbstract h2,
section.abstract h2 {
  font-family: 'Tajawal', sans-serif !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--esc-accent) !important;
  margin: 0 0 12px !important;
}
.obj_article_details .abstract p {
  font-size: 15px !important;
  color: var(--esc-text-mid) !important;
  line-height: 1.8 !important;
  margin: 0 !important;
}

/* Keywords */
.obj_article_details .keywords,
.article_keywords,
#articleKeywords {
  margin-bottom: 24px !important;
}
.obj_article_details .keywords .label,
.article_keywords .label {
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
  color: var(--esc-text-light) !important;
  margin-right: 6px !important;
}
.obj_article_details .keywords .value,
.keyword-tag {
  display: inline-block !important;
  background: var(--esc-accent-pale) !important;
  color: var(--esc-accent) !important;
  border: 1px solid rgba(26,92,138,0.2) !important;
  padding: 3px 10px !important;
  border-radius: 12px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  margin: 2px !important;
}

/* Article downloads section */
.obj_article_details .galleys,
.article_galley_link {
  display: flex !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin-bottom: 28px !important;
}
.obj_article_details .galleys a,
.article_galley_link a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 11px 22px !important;
  background: var(--esc-accent) !important;
  color: var(--esc-white) !important;
  border-radius: var(--esc-radius) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  font-family: 'Tajawal', sans-serif !important;
  text-decoration: none !important;
  transition: background 0.2s, transform 0.15s !important;
  box-shadow: 0 2px 8px rgba(26,92,138,0.3) !important;
}
.obj_article_details .galleys a:hover,
.article_galley_link a:hover {
  background: var(--esc-navy) !important;
  transform: translateY(-1px) !important;
  text-decoration: none !important;
}

/* DOI / citation block */
.obj_article_details .doi,
.doi_block {
  background: var(--esc-cream) !important;
  border: 1px solid var(--esc-cream-dark) !important;
  border-radius: var(--esc-radius) !important;
  padding: 14px 18px !important;
  font-size: 13px !important;
  color: var(--esc-text-mid) !important;
  font-family: 'Tajawal', sans-serif !important;
  margin-bottom: 16px !important;
  word-break: break-all !important;
}
.obj_article_details .doi a {
  color: var(--esc-accent) !important;
  font-weight: 600 !important;
}

/* ─────────────────────────────────────────
   9. EDITORIAL BOARD PAGE
───────────────────────────────────────── */
.pkp_editorial_board_list,
#editorialTeamMembers,
.editorial_team {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)) !important;
  gap: 20px !important;
  margin-top: 32px !important;
}

.editorialTeam_role,
.editorial_group,
.editorial_team h2 {
  font-family: 'Tajawal', sans-serif !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: var(--esc-accent) !important;
  padding: 6px 14px !important;
  background: var(--esc-accent-pale) !important;
  border-radius: 12px !important;
  display: inline-block !important;
  margin-bottom: 16px !important;
}

.editorialTeam_entry,
.editorial_member {
  background: var(--esc-white) !important;
  border: 1px solid var(--esc-cream-dark) !important;
  border-radius: 6px !important;
  padding: 20px 22px !important;
  box-shadow: var(--esc-shadow-sm) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
}
.editorialTeam_entry::before,
.editorial_member::before {
  content: '' !important;
  position: absolute !important;
  top: 0; left: 0; right: 0 !important;
  height: 3px !important;
  background: linear-gradient(90deg, var(--esc-accent) 0%, var(--esc-accent-light) 100%) !important;
}
.editorialTeam_entry:hover,
.editorial_member:hover {
  transform: translateY(-3px) !important;
  box-shadow: var(--esc-shadow-md) !important;
}

.editorialTeam_entry .name,
.editorial_member .member-name,
.editorial_member strong {
  font-family: 'Tajawal', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--esc-navy) !important;
  display: block !important;
  margin-bottom: 4px !important;
}
.editorialTeam_entry .affiliation,
.editorialTeam_entry .url,
.editorial_member .affiliation {
  font-size: 12.5px !important;
  color: var(--esc-text-light) !important;
  font-family: 'Tajawal', sans-serif !important;
  line-height: 1.5 !important;
}
.editorialTeam_entry .country {
  display: inline-block !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--esc-gold) !important;
  margin-top: 6px !important;
}

/* ─────────────────────────────────────────
   10. STATIC / CUSTOM CONTENT PAGES
   (About, Aims & Scope, Policies, Guidelines)
───────────────────────────────────────── */
.pkp_page_about .pkp_structure_main,
.pkp_page_custom .pkp_structure_main,
.pkp_page_editorialteam .pkp_structure_main {
  background: var(--esc-white) !important;
}

/* Prose content area */
.pkp_structure_content h1,
.page_content h1 {
  font-family: 'Tajawal', sans-serif !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  color: var(--esc-navy) !important;
  margin-bottom: 24px !important;
  padding-bottom: 16px !important;
  border-bottom: 2px solid var(--esc-cream-dark) !important;
}
.pkp_structure_content h2,
.page_content h2 {
  font-family: 'Tajawal', sans-serif !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  color: var(--esc-navy) !important;
  margin: 36px 0 16px !important;
  padding-left: 16px !important;
  border-left: 4px solid var(--esc-accent) !important;
}
.pkp_structure_content h3,
.page_content h3 {
  font-family: 'Tajawal', sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  color: var(--esc-navy) !important;
  margin: 28px 0 12px !important;
}
.pkp_structure_content p,
.page_content p {
  font-family: 'Tajawal', sans-serif !important;
  font-size: 15px !important;
  color: var(--esc-text-mid) !important;
  line-height: 1.8 !important;
  margin-bottom: 18px !important;
}
.pkp_structure_content ul,
.pkp_structure_content ol,
.page_content ul,
.page_content ol {
  padding-left: 20px !important;
  margin-bottom: 18px !important;
}
.pkp_structure_content li,
.page_content li {
  font-size: 14.5px !important;
  color: var(--esc-text-mid) !important;
  line-height: 1.75 !important;
  margin-bottom: 6px !important;
  font-family: 'Tajawal', sans-serif !important;
}
.pkp_structure_content strong,
.page_content strong {
  color: var(--esc-navy) !important;
  font-weight: 700 !important;
}
.pkp_structure_content blockquote,
.page_content blockquote {
  border-left: 4px solid var(--esc-gold) !important;
  background: var(--esc-gold-pale) !important;
  padding: 16px 20px !important;
  border-radius: 0 var(--esc-radius) var(--esc-radius) 0 !important;
  margin: 20px 0 !important;
  font-style: italic !important;
  color: var(--esc-text-mid) !important;
}

/* Tables in content */
.pkp_structure_content table,
.page_content table {
  width: 100% !important;
  border-collapse: collapse !important;
  margin-bottom: 24px !important;
  font-size: 14px !important;
  font-family: 'Tajawal', sans-serif !important;
}
.pkp_structure_content table th {
  background: var(--esc-navy) !important;
  color: var(--esc-white) !important;
  padding: 12px 16px !important;
  text-align: left !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 0.04em !important;
}
.pkp_structure_content table td {
  padding: 11px 16px !important;
  border-bottom: 1px solid var(--esc-cream-dark) !important;
  color: var(--esc-text-mid) !important;
}
.pkp_structure_content table tr:hover td {
  background: var(--esc-cream) !important;
}

/* ─────────────────────────────────────────
   11. PUBLISHING PACKAGES PAGE
───────────────────────────────────────── */
.publishing_packages,
.pkp_publishing_packages {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 24px !important;
  margin-top: 32px !important;
}

.package_card,
.publishing_package {
  background: var(--esc-white) !important;
  border: 1px solid var(--esc-cream-dark) !important;
  border-radius: 8px !important;
  padding: 28px 24px !important;
  box-shadow: var(--esc-shadow-sm) !important;
  position: relative !important;
  overflow: hidden !important;
  transition: transform 0.22s, box-shadow 0.22s !important;
}
.package_card::before {
  content: '' !important;
  position: absolute !important;
  top: 0; left: 0; right: 0 !important;
  height: 4px !important;
  background: linear-gradient(90deg, var(--esc-gold) 0%, var(--esc-gold-light) 100%) !important;
}
.package_card:hover {
  transform: translateY(-5px) !important;
  box-shadow: var(--esc-shadow-md) !important;
}
.package_card h3,
.publishing_package h3 {
  font-family: 'Tajawal', sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: var(--esc-navy) !important;
  margin-bottom: 8px !important;
}
.package_price {
  font-family: 'Tajawal', sans-serif !important;
  font-size: 28px !important;
  font-weight: 900 !important;
  color: var(--esc-accent) !important;
  margin-bottom: 16px !important;
}
.package_price span {
  font-size: 14px !important;
  color: var(--esc-text-light) !important;
  font-weight: 400 !important;
}

/* ─────────────────────────────────────────
   12. SUBMISSION GUIDELINES / FORM PAGES
───────────────────────────────────────── */
.pkp_form,
form.pkp_form {
  background: var(--esc-white) !important;
  border: 1px solid var(--esc-cream-dark) !important;
  border-radius: 6px !important;
  padding: 32px !important;
  box-shadow: var(--esc-shadow-sm) !important;
}

.pkp_form .label,
.pkp_form label {
  font-family: 'Tajawal', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: var(--esc-navy) !important;
  margin-bottom: 6px !important;
  display: block !important;
}

.pkp_form input[type="text"],
.pkp_form input[type="email"],
.pkp_form textarea,
.pkp_form select {
  width: 100% !important;
  padding: 11px 14px !important;
  border: 1px solid var(--esc-cream-dark) !important;
  border-radius: var(--esc-radius) !important;
  font-family: 'Tajawal', sans-serif !important;
  font-size: 14px !important;
  color: var(--esc-text) !important;
  background: var(--esc-cream) !important;
  transition: border-color 0.2s, box-shadow 0.2s !important;
  outline: none !important;
}
.pkp_form input:focus,
.pkp_form textarea:focus,
.pkp_form select:focus {
  border-color: var(--esc-accent) !important;
  box-shadow: 0 0 0 3px rgba(26,92,138,0.1) !important;
  background: var(--esc-white) !important;
}

.pkp_form .button,
.pkp_form button[type="submit"],
.pkp_form .pkp_button {
  background: var(--esc-accent) !important;
  color: var(--esc-white) !important;
  padding: 12px 28px !important;
  border-radius: var(--esc-radius) !important;
  border: none !important;
  font-family: 'Tajawal', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
}
.pkp_form button[type="submit"]:hover {
  background: var(--esc-navy) !important;
}

/* ─────────────────────────────────────────
   13. INDEXING PAGE
───────────────────────────────────────── */
.indexing_list,
.pkp_indexing {
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 16px !important;
  margin-top: 28px !important;
}
.indexing_item {
  background: var(--esc-white) !important;
  border: 1px solid var(--esc-cream-dark) !important;
  border-radius: 6px !important;
  padding: 18px 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  box-shadow: var(--esc-shadow-sm) !important;
  transition: border-color 0.2s, transform 0.2s !important;
}
.indexing_item:hover {
  border-color: var(--esc-accent) !important;
  transform: translateY(-2px) !important;
}
.indexing_item img {
  height: 36px !important;
  width: auto !important;
  object-fit: contain !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
.indexing_item_name {
  font-family: 'Tajawal', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: var(--esc-navy) !important;
}
.indexing_item_type {
  font-size: 11px !important;
  color: var(--esc-text-light) !important;
  margin-top: 2px !important;
}

/* ─────────────────────────────────────────
   14. PAGINATION
───────────────────────────────────────── */
.pkp_helpers_pagination,
.pagination,
nav[aria-label="pagination"] {
  display: flex !important;
  gap: 6px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 40px 0 !important;
  flex-wrap: wrap !important;
}
.pkp_helpers_pagination a,
.pagination .page-item .page-link,
.page-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 38px !important;
  height: 38px !important;
  padding: 0 12px !important;
  border: 1px solid var(--esc-cream-dark) !important;
  border-radius: var(--esc-radius) !important;
  font-size: 13px !important;
  color: var(--esc-text-mid) !important;
  background: var(--esc-white) !important;
  font-family: 'Tajawal', sans-serif !important;
  transition: all 0.2s !important;
  text-decoration: none !important;
}
.pkp_helpers_pagination a:hover,
.page-link:hover {
  background: var(--esc-accent) !important;
  color: var(--esc-white) !important;
  border-color: var(--esc-accent) !important;
}
.pkp_helpers_pagination a.current,
.page-item.active .page-link {
  background: var(--esc-accent) !important;
  color: var(--esc-white) !important;
  border-color: var(--esc-accent) !important;
  font-weight: 700 !important;
}

/* ─────────────────────────────────────────
   15. NOTIFICATION / ALERTS
───────────────────────────────────────── */
.pkp_notification,
.alert,
.notification {
  border-radius: var(--esc-radius) !important;
  padding: 14px 18px !important;
  font-family: 'Tajawal', sans-serif !important;
  font-size: 14px !important;
  border: none !important;
  margin-bottom: 16px !important;
}
.pkp_notification.notifySuccess,
.alert-success {
  background: #E8F5E9 !important;
  color: #1B5E20 !important;
  border-left: 4px solid #4CAF50 !important;
}
.pkp_notification.notifyError,
.alert-danger {
  background: #FFEBEE !important;
  color: #B71C1C !important;
  border-left: 4px solid #F44336 !important;
}
.pkp_notification.notifyWarning,
.alert-warning {
  background: var(--esc-gold-pale) !important;
  color: #7D5E00 !important;
  border-left: 4px solid var(--esc-gold) !important;
}
.pkp_notification.notifyInfo,
.alert-info {
  background: var(--esc-accent-pale) !important;
  color: var(--esc-accent-mid) !important;
  border-left: 4px solid var(--esc-accent) !important;
}

/* ─────────────────────────────────────────
   16. SITE FOOTER
───────────────────────────────────────── */
.pkp_structure_footer,
footer,
.site-footer {
  background: #07202F !important;
  color: #5A7A8A !important;
  padding: 40px 56px !important;
  font-family: 'Tajawal', sans-serif !important;
  font-size: 12px !important;
  border-top: 3px solid var(--esc-accent) !important;
}

.pkp_structure_footer a,
footer a {
  color: var(--esc-gold-light) !important;
  text-decoration: none !important;
  transition: color 0.15s !important;
}
.pkp_structure_footer a:hover,
footer a:hover {
  color: var(--esc-white) !important;
}

/* Footer logo */
.pkp_structure_footer img,
footer img {
  height: 40px !important;
  width: auto !important;
  opacity: 0.75 !important;
  filter: brightness(0) invert(1) !important;
  box-shadow: none !important;
}
.pkp_structure_footer .pkp_footer_logo {
  margin-bottom: 12px !important;
}
.pkp_structure_footer .pkp_footer_tagline {
  font-size: 12px !important;
  color: #3A6070 !important;
  margin-top: 4px !important;
}

/* Footer links row */
.pkp_structure_footer .pkp_footer_links,
footer .footer-links {
  display: flex !important;
  gap: 20px !important;
  flex-wrap: wrap !important;
  margin-top: 12px !important;
}

/* ─────────────────────────────────────────
   17. RESPONSIVE — MOBILE ≤ 768px
───────────────────────────────────────── */
@media (max-width: 768px) {

  .pkp_navigation_primary,
  nav.pkp_nav_list,
  #navigationPrimary {
    padding: 0 16px !important;
  }

  .pkp_structure_content,
  .container,
  .page_content {
    padding: 28px 20px !important;
  }

  .pkp_structure_page,
  .page_header {
    padding: 28px 20px 24px !important;
  }

  .pkp_structure_page h1,
  .page_header h1 {
    font-size: 22px !important;
  }

  .pkp_editorial_board_list,
  #editorialTeamMembers {
    grid-template-columns: 1fr !important;
  }

  .issues_archive,
  .pkp_issues_archive {
    margin: 0 -6px !important;
  }
  .obj_issue_summary {
    margin: 0 6px 20px !important;
  }
  .obj_issue_summary img {
    height: 160px !important;
  }

  .obj_article_summary {
    grid-template-columns: 1fr !important;
  }

  .pkp_structure_footer,
  footer {
    padding: 28px 20px !important;
    text-align: center !important;
  }

  .pkp_structure_footer .pkp_footer_links,
  footer .footer-links {
    justify-content: center !important;
  }
}

@media (max-width: 480px) {
  .obj_issue_summary {
    float: none !important;
    display: block !important;
    width: calc(100% - 0px) !important;
    margin: 0 0 20px !important;
  }
  .obj_issue_summary img {
    height: 180px !important;
    width: 100% !important;
    object-fit: cover !important;
  }
}

/* ─────────────────────────────────────────
   18. UTILITY HELPERS
───────────────────────────────────────── */

/* Section label style (matches homepage) */
.esc-section-label {
  font-size: 10.5px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  color: var(--esc-accent-light) !important;
  font-weight: 800 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}
.esc-section-label::before {
  content: '' !important;
  width: 24px !important;
  height: 1px !important;
  background: var(--esc-accent-light) !important;
  display: block !important;
}

/* Gold accent badge */
.esc-badge {
  display: inline-block !important;
  background: rgba(201,150,42,0.15) !important;
  color: var(--esc-gold) !important;
  border: 1px solid rgba(201,150,42,0.3) !important;
  padding: 3px 10px !important;
  border-radius: 10px !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

/* Blue accent badge */
.esc-badge-blue {
  background: var(--esc-accent-pale) !important;
  color: var(--esc-accent) !important;
  border-color: rgba(26,92,138,0.2) !important;
}

/* Smooth scroll */
html {
  scroll-behavior: smooth !important;
}

/* Focus styles (accessibility) */
a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 2px solid var(--esc-accent) !important;
  outline-offset: 3px !important;
}