/**
 * ==========================================================================
 * AD-DHUHA: JURNAL PENDIDIKAN BAHASA ARAB DAN BUDAYA ISLAM
 * Custom Theme Stylesheet - Academic Pro Edition (v3.5)
 * Published by Universitas Jambi in collaboration with IMLA Indonesia
 * E-ISSN: 3025-5201 | P-ISSN: 3031-660X
 * ==========================================================================
 */

/* --------------------------------------------------------------------------
   1. GOOGLE FONTS & DESIGN SYSTEM VARIABLES
   -------------------------------------------------------------------------- */
/* Google Fonts: Plus Jakarta Sans (UI Modern), Playfair Display (Aksen Editorial), & Amiri / Noto Naskh (Teks Bahasa Arab) */
@import url('https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&family=Playfair+Display:ital,wght@0,600;0,700;1,400&display=swap');

:root {
  /* ========================================================================
     PALET WARNA UTAMA AD-DHUHA (Royal Islamic Navy & Dhuha Warm Gold)
     Cocok untuk Jurnal Pendidikan Bahasa Arab & Budaya Islam
     Jika ingin mengganti nuansa tema, cukup ubah kode warna HEX di bawah ini:
     ======================================================================== */

  /* 1. Primary Academic Navy Palette (Warna Biru Navy Utama) */
  --ad-primary: #0a2e5c;
  /* Biru Navy Utama */
  --ad-primary-dark: #061b36;
  /* Navy Gelap Pekat (Header ribbon, Footer, Judul Utama) */
  --ad-primary-light: #154580;
  /* Navy Terang untuk Hover & Aksen */
  --ad-primary-soft: #edf4fc;
  /* Biru Pucat untuk Latar Badge & Highlight */
  --ad-primary-border: #bcd3ed;
  /* Garis Batas Biru Halus */

  /* 2. Accent Warm Amber / Dhuha Gold (Aksen Emas Hangat Waktu Dhuha) */
  --ad-accent: #c47926;
  /* Emas Hangat / Warm Amber */
  --ad-accent-hover: #a86217;
  /* Emas Tua / Deep Bronze untuk Hover */
  --ad-accent-soft: #fdf5eb;
  /* Latar Belakang Lembut Nuansa Emas/Krem */
  --ad-accent-border: #f6d8b3;
  /* Border Keemasan Halus */
  --ad-accent-bright: #d97706;
  /* Emas Terang Berkilau */

  /* Alternatif Nuansa Warna (Tinggal copy-paste jika ingin mencoba gaya lain):
     - Gaya Royal Sapphire: --ad-primary: #0f3b72; --ad-accent: #d48817;
     - Gaya Islamic Emerald: --ad-primary: #0d4a3e; --ad-accent: #c28829;
  */

  /* Aliases untuk Kompatibilitas 100% dengan Kode Panduan Ad-Dhuha (--ij-*) */
  --ij-primary: var(--ad-primary);
  --ij-primary-dark: var(--ad-primary-dark);
  --ij-primary-light: var(--ad-primary-light);
  --ij-primary-soft: var(--ad-primary-soft);
  --ij-primary-border: var(--ad-primary-border);

  --ij-accent: var(--ad-accent);
  --ij-accent-hover: var(--ad-accent-hover);
  --ij-accent-soft: var(--ad-accent-soft);
  --ij-accent-border: var(--ad-accent-border);

  /* Semantic Colors */
  --ij-word-blue: #185abd;
  --ij-word-dark: #103f82;
  --ij-success: #0d9488;
  --ij-danger: #b91c1c;

  /* Neutral & Surface Palette */
  --ij-bg: #f4f7fb;
  --ij-surface: #ffffff;
  --ij-surface-alt: #f8fafc;
  --ij-text-main: #1e293b;
  --ij-text-muted: #64748b;
  --ij-text-light: #94a3b8;
  --ij-border: #e2e8f0;
  --ij-border-soft: #edf2f7;

  /* Elevation Shadows */
  --ij-shadow-xs: 0 1px 2px rgba(15, 23, 42, 0.04);
  --ij-shadow-sm: 0 2px 6px rgba(10, 46, 92, 0.06);
  --ij-shadow-md: 0 6px 18px -2px rgba(10, 46, 92, 0.08), 0 2px 6px rgba(0, 0, 0, 0.03);
  --ij-shadow-lg: 0 12px 28px -4px rgba(10, 46, 92, 0.12), 0 4px 10px rgba(0, 0, 0, 0.04);
  --ij-shadow-hover: 0 14px 32px -4px rgba(10, 46, 92, 0.16);

  /* Geometry & Animation */
  --ij-radius-sm: 6px;
  --ij-radius: 10px;
  --ij-radius-lg: 14px;
  --ij-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

/* --------------------------------------------------------------------------
   2. BASE RESET & TYPOGRAPHY
   -------------------------------------------------------------------------- */
html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Plus Jakarta Sans', 'Noto Naskh Arabic', 'Amiri', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  font-size: 14.5px !important;
  line-height: 1.65 !important;
  color: var(--ij-text-main) !important;
  background-color: var(--ij-bg) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  color: var(--ij-primary-dark) !important;
  letter-spacing: -0.015em;
  font-weight: 700;
}

a {
  color: var(--ij-primary);
  text-decoration: none;
  transition: var(--ij-transition);
}

a:hover,
a:focus {
  color: var(--ij-accent);
  text-decoration: none;
}

/* Dukungan Khusus Teks Bahasa Arab (Tipografi Naskh / Amiri yang Indah dan Terbaca) */
[lang="ar"],
:lang(ar),
.arabic_text,
.text_arabic,
[dir="rtl"] {
  font-family: 'Amiri', 'Noto Naskh Arabic', 'Traditional Arabic', serif !important;
  font-size: 1.15em;
  line-height: 1.85 !important;
  letter-spacing: 0;
}

/* --------------------------------------------------------------------------
   3. MAIN LAYOUT STRUCTURE
   -------------------------------------------------------------------------- */
/* Matikan semua garis semu / border default OJS yang membungkus konten dan menembus sidebar */
.pkp_structure_main:before,
.pkp_structure_main:after,
.pkp_structure_content:before,
.pkp_structure_content:after,
.pkp_structure_sidebar:before,
.pkp_structure_sidebar:after,
.pkp_structure_page:before,
.pkp_structure_page:after,
.has_sidebar:before,
.has_sidebar:after,
.page:before,
.page:after {
  display: none !important;
  content: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
  border: none !important;
}

.pkp_structure_page {
  max-width: 1260px !important;
  margin: 0 auto !important;
  background-color: transparent !important;
  box-shadow: none !important;
  border: none !important;
}

.pkp_structure_content {
  padding: 28px 0 54px 0 !important;
  background: transparent !important;
  display: flex !important;
  gap: 32px !important;
  border: none !important;
}

.pkp_structure_main {
  flex: 1 1 0% !important;
  min-width: 0 !important;
  padding: 0 !important;
  border: none !important;
  position: relative !important;
}

.pkp_structure_sidebar {
  width: 330px !important;
  flex: 0 0 330px !important;
  background: transparent !important;
  padding: 0 !important;
  border: none !important;
}

@media (max-width: 991px) {
  .pkp_structure_content {
    flex-direction: column !important;
    padding: 16px !important;
    gap: 24px !important;
  }

  .pkp_structure_sidebar {
    width: 100% !important;
    flex: none !important;
  }
}

/* --------------------------------------------------------------------------
   4. HEADER & LOGO BRANDING (Academic Luxury Edition)
   -------------------------------------------------------------------------- */
.pkp_structure_head {
  background: #061933 !important;
  border-bottom: none !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.25) !important;
  position: relative !important;
  z-index: 50 !important;
}

/* Institutional Top Ribbon */
.pkp_structure_head::before {
  content: "AD-DHUHA: JURNAL PENDIDIKAN BAHASA ARAB DAN BUDAYA ISLAM   •   UNIVERSITAS JAMBI   •   E-ISSN: 3025-5201   |   P-ISSN: 3031-660X" !important;
  display: block !important;
  background: #030c18 !important;
  color: #cbd5e1 !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.08em !important;
  text-align: center !important;
  padding: 8px 16px !important;
  border-bottom: 1px solid rgba(196, 121, 38, 0.45) !important;
  text-transform: uppercase !important;
}

.cmp_skip_to_content a {
  background: var(--ij-primary) !important;
  color: #fff !important;
  padding: 8px 16px !important;
  border-radius: var(--ij-radius-sm) !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

.pkp_head_wrapper {
  max-width: 1260px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: transparent !important;
}

/* Screen Reader Reset (Menghilangkan margin/tinggi tak kasat mata dari H1 di Beranda) */
.pkp_screen_reader,
.pkp_site_name_wrapper h1.pkp_screen_reader {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  border: 0 !important;
  display: block !important;
}

.pkp_site_nav_toggle {
  display: none !important;
}

/* Logo Banner Container with Academic Dark Seamless Blend */
.pkp_site_name_wrapper {
  padding: 22px 20px !important;
  background: #02070f radial-gradient(ellipse at center, #091a32 0%, #02070f 80%) !important;
  border-bottom: 1px solid rgba(196, 121, 38, 0.25) !important;
  text-align: center !important;
  position: relative !important;
}

.pkp_site_name {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  margin: 0 auto !important;
}

.pkp_site_name .is_img {
  display: inline-block !important;
  max-width: 100% !important;
  line-height: 0 !important;
  transition: var(--ij-transition) !important;
}

.pkp_site_name .is_img img {
  max-height: 155px !important;
  width: auto !important;
  max-width: 100% !important;
  height: auto !important;
  border-radius: 8px !important;
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
  transition: var(--ij-transition) !important;
}

.pkp_site_name .is_img:hover img {
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.9), 0 0 0 1px rgba(196, 121, 38, 0.5) !important;
}

/* --------------------------------------------------------------------------
   5. NAVIGATION BARS (Balanced Pro Alignment: Left Links, Right Utilities)
   -------------------------------------------------------------------------- */
.pkp_site_nav_menu {
  background: linear-gradient(180deg, #071930 0%, #041021 100%) !important;
  border-top: 2px solid var(--ij-accent) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  position: relative !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.3) !important;
  min-height: 52px !important;
  height: 52px !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
}

.pkp_navigation_primary_row {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 1 1 auto !important;
  min-height: 52px !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 0 !important;
  box-sizing: border-box !important;
  float: none !important;
  min-width: 0 !important;
}

.pkp_navigation_primary_wrapper {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  width: 100% !important;
  height: 52px !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
}

/* Primary Nav Menu List (Left Side - Strict Horizontal Alignment) */
#navigationPrimary,
.pkp_navigation_primary,
.pkp_site_nav_menu .pkp_navigation_primary {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  height: 52px !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  flex: 0 0 auto !important;
  float: none !important;
  gap: 2px !important;
}

#navigationPrimary>li,
.pkp_navigation_primary>li,
.pkp_site_nav_menu .pkp_navigation_primary>li {
  display: inline-flex !important;
  align-items: center !important;
  height: 52px !important;
  position: relative !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  vertical-align: top !important;
}

#navigationPrimary>li>a,
.pkp_navigation_primary>li>a,
.pkp_site_nav_menu .pkp_navigation_primary>li>a {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 16px !important;
  margin: 0 !important;
  height: 52px !important;
  line-height: 52px !important;
  box-sizing: border-box !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #cbd5e1 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  transition: var(--ij-transition) !important;
  background: transparent !important;
  border: none !important;
  border-bottom: 3px solid transparent !important;
  outline: none !important;
  position: relative !important;
  border-radius: 0 !important;
}

#navigationPrimary>li>a:hover,
#navigationPrimary>li>a:focus,
#navigationPrimary>li.current>a,
#navigationPrimary>li.active>a,
.pkp_navigation_primary>li>a:hover,
.pkp_navigation_primary>li>a:focus,
.pkp_navigation_primary>li.current>a,
.pkp_navigation_primary>li.active>a,
/* Active State Navbar Otomatis via Body Class OJS (Pure CSS) */
body.pkp_page_editorialTeam #navigationPrimary a[href*="editorial"],
body.pkp_op_editorialMasthead #navigationPrimary a[href*="editorial"],
body.pkp_page_issue.pkp_op_current #navigationPrimary a[href*="/issue/current"],
body.pkp_page_issue.pkp_op_archive #navigationPrimary a[href*="/issue/archive"],
body.pkp_page_about.pkp_op_submissions #navigationPrimary a[href*="submissions"],
body.pkp_page_about.pkp_op_index #navigationPrimary>li:first-child a,
body.pkp_page_about.pkp_op_privacy #navigationPrimary>li:has(ul)>a,
body.pkp_page_about.pkp_op_contact #navigationPrimary>li:has(ul)>a {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border-bottom: 3px solid var(--ij-accent) !important;
}

/* Submenu aktif di dalam dropdown About */
body.pkp_page_about.pkp_op_privacy #navigationPrimary ul a[href*="privacy"],
body.pkp_page_about.pkp_op_contact #navigationPrimary ul a[href*="contact"] {
  background-color: var(--ij-primary-soft) !important;
  color: var(--ij-primary) !important;
  font-weight: 700 !important;
  border-left: 3px solid var(--ij-accent) !important;
  padding-left: 22px !important;
}

/* Penanda Khusus Menu yang Memiliki Sub-menu / Child (Dropdown Caret Indicator) */
#navigationPrimary>li>a::after,
.pkp_navigation_primary>li>a::after,
#navigationUser>li>a::after,
.pkp_navigation_user>li>a::after {
  display: none !important;
  content: none !important;
}

#navigationPrimary>li:has(ul)>a::after,
.pkp_navigation_primary>li:has(ul)>a::after,
#navigationPrimary>li>a[aria-haspopup="true"]::after,
.pkp_navigation_primary>li>a[aria-haspopup="true"]::after,
#navigationUser>li:has(ul)>a::after,
.pkp_navigation_user>li:has(ul)>a::after,
#navigationUser>li>a[aria-haspopup="true"]::after,
.pkp_navigation_user>li>a[aria-haspopup="true"]::after {
  display: inline-block !important;
  content: "\f107" !important;
  /* FontAwesome fa-angle-down */
  font-family: 'FontAwesome' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-size: 12px !important;
  line-height: 1 !important;
  margin-left: 6px !important;
  color: #cbd5e1 !important;
  vertical-align: middle !important;
  position: relative !important;
  top: -1px !important;
  transition: transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease !important;
}

/* Efek saat di-hover / dibuka: panah berputar 180° ke atas dengan warna aksen emas Ad-Dhuha */
#navigationPrimary>li:has(ul):hover>a::after,
#navigationPrimary>li:has(ul)>a:hover::after,
#navigationPrimary>li:has(ul)>a:focus::after,
#navigationPrimary>li:has(ul)>a[aria-expanded="true"]::after,
#navigationPrimary>li>a[aria-haspopup="true"]:hover::after,
#navigationPrimary>li:hover>a[aria-haspopup="true"]::after,
#navigationPrimary>li>a[aria-haspopup="true"][aria-expanded="true"]::after,
.pkp_navigation_primary>li:has(ul):hover>a::after,
.pkp_navigation_primary>li:has(ul)>a:hover::after,
#navigationUser>li:has(ul):hover>a::after,
#navigationUser>li:has(ul)>a:hover::after,
#navigationUser>li:has(ul)>a:focus::after,
#navigationUser>li:has(ul)>a[aria-expanded="true"]::after,
#navigationUser>li>a[aria-haspopup="true"]:hover::after,
#navigationUser>li:hover>a[aria-haspopup="true"]::after,
#navigationUser>li>a[aria-haspopup="true"][aria-expanded="true"]::after {
  color: var(--ij-accent) !important;
  transform: rotate(180deg) !important;
}

/* Dropdown Menu (Academic Pro - Seamless Hover Bridge) */
#navigationPrimary ul {
  background: #ffffff !important;
  border-radius: var(--ij-radius) !important;
  box-shadow: var(--ij-shadow-lg) !important;
  border: 1px solid var(--ij-border) !important;
  border-top: 3px solid var(--ij-accent) !important;
  padding: 8px 0 !important;
  min-width: 230px !important;
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  z-index: 1000 !important;
  display: block !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(6px) !important;
  pointer-events: none !important;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease !important;
}

/* Invisible Hover Bridge to prevent premature closing */
#navigationPrimary ul::before {
  content: "" !important;
  position: absolute !important;
  top: -24px !important;
  left: -12px !important;
  right: -12px !important;
  height: 24px !important;
  background: transparent !important;
  display: block !important;
}

/* Stays open on parent LI hover, focus, UL hover, or click (.show / aria-expanded) */
#navigationPrimary>li:hover>ul,
#navigationPrimary>li:focus-within>ul,
#navigationPrimary li:hover>ul,
#navigationPrimary ul:hover,
#navigationPrimary ul.show,
#navigationPrimary [aria-expanded="true"]+ul {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

#navigationPrimary ul li a {
  padding: 10px 18px !important;
  font-size: 13.5px !important;
  color: var(--ij-text-main) !important;
  text-transform: none !important;
  font-weight: 500 !important;
  display: block !important;
  border-bottom: 1px solid var(--ij-border-soft) !important;
  transition: var(--ij-transition) !important;
}

#navigationPrimary ul li:last-child a {
  border-bottom: none !important;
}

#navigationPrimary ul li a:hover {
  background-color: var(--ij-primary-soft) !important;
  color: var(--ij-primary) !important;
  padding-left: 22px !important;
}

/* Search Box (Positioned on the Right of Primary Row) */
.pkp_navigation_search_wrapper {
  margin-left: auto !important;
  margin-right: 0 !important;
  float: none !important;
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
}

.pkp_navigation_search_wrapper a,
.pkp_search .search_prompt {
  color: #e2e8f0 !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
  padding: 6px 14px !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: var(--ij-transition) !important;
}

.pkp_navigation_search_wrapper a:hover,
.pkp_search .search_prompt:hover {
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.35) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

/* User Navigation Wrapper (PINNED FIRMLY TO THE FAR RIGHT EDGE OF NAVBAR) */
#headerNavigationContainer #navigationUserWrapper,
.pkp_head_wrapper #navigationUserWrapper,
#navigationUserWrapper,
.has_site_logo #navigationUserWrapper,
.pkp_head_wrapper .pkp_navigation_user_wrapper,
.has_site_logo .pkp_navigation_user_wrapper,
.pkp_navigation_user_wrapper {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  float: none !important;
  z-index: 100 !important;
}

#headerNavigationContainer #navigationUser,
.pkp_navigation_user_wrapper #navigationUser,
#navigationUser.pkp_navigation_user,
.pkp_navigation_user {
  position: static !important;
  width: auto !important;
  max-width: none !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 8px !important;
  list-style: none !important;
  float: none !important;
}

#navigationUser>li {
  display: inline-flex !important;
  position: relative !important;
  width: auto !important;
  margin: 0 !important;
}

/* User Menu Link (General) */
#navigationUser>li>a {
  font-size: 12.5px !important;
  font-weight: 600 !important;
  padding: 6px 14px !important;
  border-radius: 30px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  transition: var(--ij-transition) !important;
  color: #cbd5e1 !important;
  background: rgba(255, 255, 255, 0.08) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

#navigationUser>li>a:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.18) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}

/* Logged In User Profile Pill (Gold Highlighted) */
#navigationUser>li.profile>a {
  background: linear-gradient(135deg, rgba(196, 121, 38, 0.28) 0%, rgba(196, 121, 38, 0.14) 100%) !important;
  border: 1px solid rgba(196, 121, 38, 0.5) !important;
  color: #ffffff !important;
  padding: 6px 14px !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25) !important;
}

#navigationUser>li.profile>a:hover {
  background: linear-gradient(135deg, rgba(196, 121, 38, 0.42) 0%, rgba(196, 121, 38, 0.22) 100%) !important;
  border-color: var(--ij-accent) !important;
  box-shadow: 0 4px 14px rgba(196, 121, 38, 0.45) !important;
  transform: translateY(-1px) !important;
}

#navigationUser>li.profile .task_count {
  background: var(--ij-accent) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  padding: 1px 7px !important;
  border-radius: 10px !important;
  line-height: 16px !important;
  display: inline-block !important;
  margin-left: 4px !important;
}

/* User Dropdown Menu (Academic Pro - Seamless Hover Bridge & Dashboard) */
#navigationUser ul {
  background: #ffffff !important;
  border-radius: var(--ij-radius) !important;
  box-shadow: var(--ij-shadow-lg) !important;
  border: 1px solid var(--ij-border) !important;
  border-top: 3px solid var(--ij-accent) !important;
  padding: 8px 0 !important;
  min-width: 200px !important;
  position: absolute !important;
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  z-index: 1000 !important;
  display: block !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transform: translateY(6px) !important;
  pointer-events: none !important;
  transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease !important;
}

/* Invisible Hover Bridge between User Button & Dropdown */
#navigationUser ul::before {
  content: "" !important;
  position: absolute !important;
  top: -24px !important;
  left: -12px !important;
  right: -12px !important;
  height: 24px !important;
  background: transparent !important;
  display: block !important;
}

/* Stays open on parent LI hover, focus, UL hover, or click (.show / aria-expanded) */
#navigationUser>li:hover>ul,
#navigationUser>li:focus-within>ul,
#navigationUser li:hover>ul,
#navigationUser ul:hover,
#navigationUser ul.show,
#navigationUser [aria-expanded="true"]+ul {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}

#navigationUser ul li a {
  padding: 9px 16px !important;
  font-size: 13.5px !important;
  color: var(--ij-text-main) !important;
  font-weight: 500 !important;
  display: block !important;
  border-bottom: 1px solid var(--ij-border-soft) !important;
  transition: var(--ij-transition) !important;
}

#navigationUser ul li:last-child a {
  border-bottom: none !important;
  color: #dc2626 !important;
}

#navigationUser ul li a:hover {
  background-color: var(--ij-primary-soft) !important;
  color: var(--ij-primary) !important;
  padding-left: 20px !important;
}

/* Logged Out Buttons (Daftar & Login) */
#navigationUser>li:last-child:not(.profile)>a {
  background: linear-gradient(135deg, var(--ij-accent) 0%, var(--ij-accent-hover) 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 8px rgba(196, 121, 38, 0.4) !important;
}

#navigationUser>li:last-child:not(.profile)>a:hover {
  box-shadow: 0 4px 12px rgba(196, 121, 38, 0.55) !important;
  transform: translateY(-1px) !important;
}

#navigationUser>li:not(:last-child):not(.profile)>a {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.25) !important;
}

#navigationUser>li:not(:last-child):not(.profile)>a:hover {
  background: rgba(255, 255, 255, 0.22) !important;
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.4) !important;
}

/* ==========================================================================
   5B. RESPONSIVE HEADER & NAVBAR (Mobile Phone < 768px & Tablet 768px-991px)
   ========================================================================== */
@media (max-width: 991px) {

  /* Institutional Top Ribbon */
  .pkp_structure_head::before {
    font-size: 9.5px !important;
    padding: 6px 10px !important;
    letter-spacing: 0.04em !important;
    line-height: 1.4 !important;
  }

  /* Header Wrapper & Logo Container */
  .pkp_head_wrapper {
    width: 100% !important;
    padding: 0 !important;
  }

  .pkp_site_name_wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 12px 14px 10px 14px !important;
    position: relative !important;
    height: auto !important;
    min-height: 0 !important;
    background: #02070f radial-gradient(ellipse at center, #091a32 0%, #02070f 80%) !important;
    border-bottom: 1px solid rgba(196, 121, 38, 0.3) !important;
  }

  .pkp_site_name {
    order: 1 !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    overflow: visible !important;
    white-space: normal !important;
  }

  .pkp_site_name .is_img {
    display: inline-block !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    line-height: 0 !important;
  }

  .pkp_site_name .is_img img {
    max-height: 95px !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.6) !important;
  }

  /* Hamburger Toggle Button (Sleek Academic Bar) */
  .pkp_site_nav_toggle {
    order: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    width: 100% !important;
    height: 44px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    background: linear-gradient(180deg, #071930 0%, #041021 100%) !important;
    border: 1px solid rgba(196, 121, 38, 0.55) !important;
    border-radius: 6px !important;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.4) !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    z-index: 100 !important;
    text-decoration: none !important;
    outline: none !important;
  }

  .pkp_site_nav_toggle::before {
    content: "\f0c9   MENU UTAMA" !important;
    font-family: 'FontAwesome', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    color: #ffffff !important;
    letter-spacing: 0.06em !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
  }

  .pkp_site_nav_toggle::after {
    content: "\f107" !important;
    font-family: 'FontAwesome' !important;
    font-size: 17px !important;
    color: #c47926 !important;
    margin-left: auto !important;
    transition: transform 0.25s ease !important;
  }

  .pkp_site_nav_toggle--transform::before {
    content: "\f00d   TUTUP MENU" !important;
    color: #c47926 !important;
  }

  .pkp_site_nav_toggle--transform::after {
    content: "\f106" !important;
  }

  .pkp_site_nav_toggle>span {
    display: none !important;
  }

  /* Nav Menu Drawer: Hidden by default, Opens when toggled */
  .pkp_site_nav_menu {
    display: none !important;
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    background: #061933 !important;
    border-top: 2px solid #c47926 !important;
    border-bottom: 2px solid rgba(0, 0, 0, 0.4) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    flex-direction: column !important;
    z-index: 999 !important;
  }

  .pkp_site_nav_menu.pkp_site_nav_menu--isOpen {
    display: flex !important;
    flex-direction: column !important;
    animation: adFadeSlideDown 0.2s ease-out !important;
  }

  @keyframes adFadeSlideDown {
    from {
      opacity: 0;
      transform: translateY(-6px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .pkp_navigation_primary_row,
  .pkp_navigation_primary_wrapper {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  /* Primary Menu List items stacked vertically */
  #navigationPrimary,
  .pkp_navigation_primary,
  .pkp_site_nav_menu .pkp_navigation_primary {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important;
    list-style: none !important;
  }

  #navigationPrimary>li,
  .pkp_navigation_primary>li,
  .pkp_site_nav_menu .pkp_navigation_primary>li {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08) !important;
  }

  #navigationPrimary>li>a,
  .pkp_navigation_primary>li>a,
  .pkp_site_nav_menu .pkp_navigation_primary>li>a {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    width: 100% !important;
    height: auto !important;
    min-height: 44px !important;
    line-height: 1.4 !important;
    padding: 12px 18px !important;
    box-sizing: border-box !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #cbd5e1 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    background: transparent !important;
    border: none !important;
    border-left: 3px solid transparent !important;
    border-bottom: none !important;
  }

  #navigationPrimary>li>a:hover,
  #navigationPrimary>li>a:focus,
  #navigationPrimary>li.current>a,
  #navigationPrimary>li.active>a,
  .pkp_navigation_primary>li>a:hover,
  .pkp_navigation_primary>li>a:focus,
  .pkp_navigation_primary>li.current>a,
  .pkp_navigation_primary>li.active>a,
  body.pkp_page_editorialTeam #navigationPrimary a[href*="editorial"],
  body.pkp_op_editorialMasthead #navigationPrimary a[href*="editorial"],
  body.pkp_page_issue.pkp_op_current #navigationPrimary a[href*="/issue/current"],
  body.pkp_page_issue.pkp_op_archive #navigationPrimary a[href*="/issue/archive"],
  body.pkp_page_about.pkp_op_submissions #navigationPrimary a[href*="submissions"],
  body.pkp_page_about.pkp_op_index #navigationPrimary>li:first-child a,
  body.pkp_page_about.pkp_op_privacy #navigationPrimary>li:has(ul)>a,
  body.pkp_page_about.pkp_op_contact #navigationPrimary>li:has(ul)>a {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border-left: 3px solid var(--ij-accent) !important;
    border-bottom: none !important;
  }

  /* Submenu Dropdown on Mobile: Tertutup default, hanya terbuka saat diklik / disentuh (Opsi B) */
  #navigationPrimary ul {
    position: static !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    min-width: 100% !important;
    display: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: none !important;
    pointer-events: none !important;
    background: rgba(2, 7, 15, 0.5) !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 4px 0 6px 14px !important;
    box-sizing: border-box !important;
  }

  /* Terbuka saat parent item disentuh, diklik, atau difokuskan */
  #navigationPrimary>li:has(ul):hover>ul,
  #navigationPrimary>li:has(ul):focus-within>ul,
  #navigationPrimary>li:has(ul):active>ul,
  #navigationPrimary>li>a:focus+ul,
  #navigationPrimary>li:has(ul)>ul.show,
  #navigationPrimary>li:has(ul)>ul.open,
  body.pkp_page_about.pkp_op_privacy #navigationPrimary ul,
  body.pkp_page_about.pkp_op_contact #navigationPrimary ul {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    animation: adSubmenuSlide 0.2s ease-out !important;
  }

  @keyframes adSubmenuSlide {
    from {
      opacity: 0;
      transform: translateY(-4px);
    }

    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  /* Rotasi panah indikator saat terbuka */
  #navigationPrimary>li:has(ul):hover>a::after,
  #navigationPrimary>li:has(ul):focus-within>a::after,
  #navigationPrimary>li:has(ul):active>a::after,
  #navigationPrimary>li>a:focus::after,
  body.pkp_page_about.pkp_op_privacy #navigationPrimary>li:has(ul)>a::after,
  body.pkp_page_about.pkp_op_contact #navigationPrimary>li:has(ul)>a::after {
    color: var(--ij-accent) !important;
    transform: rotate(180deg) !important;
  }

  #navigationPrimary ul::before {
    display: none !important;
  }

  #navigationPrimary ul li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #navigationPrimary ul li a {
    display: block !important;
    padding: 9px 18px !important;
    font-size: 13px !important;
    color: #94a3b8 !important;
    border: none !important;
    border-left: 2px solid rgba(196, 121, 38, 0.3) !important;
    margin-bottom: 2px !important;
    background: transparent !important;
  }

  #navigationPrimary ul li a:hover {
    color: #ffffff !important;
    background: transparent !important;
    border-left-color: #c47926 !important;
    padding-left: 22px !important;
  }

  /* Search Box on Mobile */
  .pkp_navigation_search_wrapper {
    display: block !important;
    width: 100% !important;
    margin: 8px 0 0 0 !important;
    padding: 10px 16px !important;
    box-sizing: border-box !important;
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
  }

  .pkp_navigation_search_wrapper a,
  .pkp_search .search_prompt {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    padding: 10px 16px !important;
    font-size: 13px !important;
    box-sizing: border-box !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    color: #e2e8f0 !important;
  }

  /* User Navigation Wrapper (Login / Register) on Mobile */
  #headerNavigationContainer #navigationUserWrapper,
  .pkp_head_wrapper #navigationUserWrapper,
  #navigationUserWrapper,
  .has_site_logo #navigationUserWrapper,
  .pkp_head_wrapper .pkp_navigation_user_wrapper,
  .has_site_logo .pkp_navigation_user_wrapper,
  .pkp_navigation_user_wrapper {
    position: static !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 12px 16px 16px 16px !important;
    box-sizing: border-box !important;
    border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
    background: rgba(2, 7, 15, 0.6) !important;
    z-index: 10 !important;
  }

  #headerNavigationContainer #navigationUser,
  .pkp_navigation_user_wrapper #navigationUser,
  #navigationUser.pkp_navigation_user,
  .pkp_navigation_user {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
  }

  #navigationUser>li {
    display: block !important;
    flex: 1 1 120px !important;
    width: auto !important;
    margin: 0 !important;
  }

  #navigationUser>li>a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
    padding: 10px 12px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    border-radius: 6px !important;
    box-sizing: border-box !important;
  }

  #navigationUser>li:first-child:not(.profile)>a {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(255, 255, 255, 0.22) !important;
  }

  #navigationUser>li:last-child:not(.profile)>a {
    color: #ffffff !important;
    background: #c47926 !important;
    border: 1px solid #a86217 !important;
    box-shadow: 0 2px 8px rgba(196, 121, 38, 0.3) !important;
  }
}


/* --------------------------------------------------------------------------
   6. HERO CALLOUT SECTION ("Tentang Jurnal Ini")
   -------------------------------------------------------------------------- */
.pkp_page_index .homepage_about {
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
  border: 1px solid var(--ij-border) !important;
  border-top: 4px solid var(--ij-primary) !important;
  border-radius: var(--ij-radius-lg) !important;
  padding: 30px 36px !important;
  margin-bottom: 32px !important;
  box-shadow: var(--ij-shadow-sm) !important;
  position: relative !important;
  overflow: hidden !important;
}

.pkp_page_index .homepage_about::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  width: 160px !important;
  height: 160px !important;
  background: radial-gradient(circle, rgba(196, 121, 38, 0.08) 0%, transparent 70%) !important;
  pointer-events: none !important;
}

.pkp_page_index .homepage_about h2 {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--ij-primary-dark) !important;
  margin-top: 0 !important;
  margin-bottom: 20px !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid var(--ij-border) !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.pkp_page_index .homepage_about h2::after {
  content: "" !important;
  position: absolute !important;
  bottom: -2px !important;
  left: 0 !important;
  width: 80px !important;
  height: 2px !important;
  background: var(--ij-accent) !important;
}

.pkp_page_index .homepage_about h2::before {
  content: "\f02d" !important;
  font-family: "FontAwesome" !important;
  color: var(--ij-accent) !important;
  font-size: 20px !important;
}

.pkp_page_index .homepage_about .content {
  font-size: 15px !important;
  line-height: 1.8 !important;
  color: #334155 !important;
  text-align: justify !important;
}

/* --------------------------------------------------------------------------
   7. CURRENT ISSUE (Terbitan Terkini)
   -------------------------------------------------------------------------- */
.pkp_page_index .current_issue {
  margin-bottom: 36px !important;
}

.pkp_page_index .current_issue>h2 {
  font-size: 20px !important;
  color: var(--ij-primary-dark) !important;
  padding-bottom: 10px !important;
  margin-bottom: 20px !important;
  border-bottom: 2px solid var(--ij-border) !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.pkp_page_index .current_issue>h2::after {
  content: "" !important;
  position: absolute !important;
  bottom: -2px !important;
  left: 0 !important;
  width: 80px !important;
  height: 2px !important;
  background: var(--ij-accent) !important;
}

/* Issue Card Container */
.obj_issue_toc {
  background: #ffffff !important;
  border: 1px solid var(--ij-border) !important;
  border-top: 4px solid var(--ij-primary) !important;
  border-radius: var(--ij-radius-lg) !important;
  box-shadow: var(--ij-shadow-sm) !important;
  padding: 30px 36px !important;
  margin-bottom: 24px !important;
}

.obj_issue_toc .heading {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 20px !important;
  align-items: center !important;
  padding-bottom: 20px !important;
  margin-bottom: 20px !important;
  border-bottom: 1px solid var(--ij-border-soft) !important;
}

/* Issue Cover Image */
.obj_issue_toc .cover img {
  max-width: 140px !important;
  height: auto !important;
  border-radius: var(--ij-radius-sm) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
  border: 1px solid var(--ij-border) !important;
  transition: var(--ij-transition) !important;
}

.obj_issue_toc .cover:hover img {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 18px rgba(10, 46, 92, 0.2) !important;
}

/* Issue Title & Meta */
.obj_issue_toc .heading .title,
.pkp_page_index .current_issue .current_issue_title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--ij-primary) !important;
  margin: 0 0 8px 0 !important;
}

.obj_issue_toc .heading .published {
  font-size: 13px !important;
  color: var(--ij-text-muted) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: var(--ij-primary-soft) !important;
  padding: 5px 14px !important;
  border-radius: 20px !important;
  font-weight: 500 !important;
}

.obj_issue_toc .heading .published::before {
  content: "\f073" !important;
  font-family: "FontAwesome" !important;
  color: var(--ij-primary) !important;
}

/* Full Issue Galleys (Terbitan Utuh) */
.obj_issue_toc .galleys {
  margin: 14px 0 20px 0 !important;
}

.obj_issue_toc .galleys h2,
.obj_issue_toc .galleys h3 {
  font-size: 14px !important;
  color: var(--ij-text-muted) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
  margin-bottom: 8px !important;
}

/* Section Header (Artikel) */
.obj_issue_toc .section h2 {
  font-size: 16px !important;
  color: var(--ij-primary) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  margin: 20px 0 16px 0 !important;
  padding: 8px 16px !important;
  background: var(--ij-primary-soft) !important;
  border-left: 4px solid var(--ij-accent) !important;
  border-bottom: none !important;
  border-radius: 0 var(--ij-radius-sm) var(--ij-radius-sm) 0 !important;
}

/* --------------------------------------------------------------------------
   8. MODERN ARTICLE CARDS (Daftar Artikel)
   -------------------------------------------------------------------------- */
.cmp_article_list.articles {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 16px !important;
}

.cmp_article_list.articles>li {
  margin: 0 !important;
  padding: 0 !important;
}

/* Article Card Body */
.obj_article_summary {
  background: #ffffff !important;
  border: 1px solid var(--ij-border) !important;
  border-radius: var(--ij-radius) !important;
  padding: 20px 24px !important;
  box-shadow: var(--ij-shadow-xs) !important;
  transition: var(--ij-transition) !important;
  position: relative !important;
  border-left: 3px solid transparent !important;
}

.obj_article_summary:hover {
  transform: translateY(-2px) !important;
  box-shadow: var(--ij-shadow-md) !important;
  border-color: var(--ij-primary-border) !important;
  border-left-color: var(--ij-accent) !important;
}

/* Article Title */
.obj_article_summary>.title {
  font-size: 16.5px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  margin: 0 0 10px 0 !important;
}

.obj_article_summary>.title a {
  color: var(--ij-primary-dark) !important;
  transition: var(--ij-transition) !important;
}

.obj_article_summary>.title a:hover {
  color: var(--ij-accent) !important;
}

/* Authors */
.obj_article_summary .authors {
  font-size: 13.5px !important;
  color: var(--ij-text-muted) !important;
  margin-bottom: 14px !important;
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.obj_article_summary .authors::before {
  content: "\f007" !important;
  font-family: "FontAwesome" !important;
  color: var(--ij-primary) !important;
  font-size: 12px !important;
}

/* PDF Galley Download Button */
.obj_article_summary .galleys_links,
.obj_issue_toc .galleys_links {
  list-style: none !important;
  padding: 0 !important;
  margin: 8px 0 0 0 !important;
}

.obj_galley_link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: linear-gradient(135deg, var(--ij-primary) 0%, var(--ij-primary-light) 100%) !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  font-size: 12.5px !important;
  padding: 7px 18px !important;
  border-radius: var(--ij-radius-sm) !important;
  border: none !important;
  box-shadow: 0 2px 6px rgba(10, 46, 92, 0.25) !important;
  transition: var(--ij-transition) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.04em !important;
}

.obj_galley_link::before {
  content: "\f1c1" !important;
  font-family: "FontAwesome" !important;
  font-size: 13px !important;
}

.obj_galley_link:hover {
  background: linear-gradient(135deg, var(--ij-accent) 0%, var(--ij-accent-hover) 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(196, 121, 38, 0.4) !important;
  transform: translateY(-1px) !important;
}

/* "Lihat semua terbitan" Button */
.pkp_page_index .read_more,
.pkp_page_index a[href*="issue/archive"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  font-weight: 700 !important;
  font-size: 13.5px !important;
  color: var(--ij-primary) !important;
  padding: 11px 24px !important;
  background: #ffffff !important;
  border: 1px solid var(--ij-border) !important;
  border-radius: 30px !important;
  box-shadow: var(--ij-shadow-xs) !important;
  margin-top: 20px !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  transition: var(--ij-transition) !important;
  position: relative !important;
}

/* Reset panah bawaan OJS agar sejajar persis di tengah tombol */
.pkp_page_index .read_more:after,
.pkp_page_index a[href*="issue/archive"]:after {
  content: "\f054" !important;
  font-family: "FontAwesome" !important;
  font-size: 11px !important;
  position: static !important;
  top: auto !important;
  right: auto !important;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--ij-accent) !important;
  transition: transform 0.2s ease, color 0.2s ease !important;
}

.pkp_page_index .read_more:hover,
.pkp_page_index a[href*="issue/archive"]:hover {
  background: var(--ij-primary) !important;
  color: #ffffff !important;
  border-color: var(--ij-primary) !important;
  box-shadow: 0 4px 14px rgba(10, 46, 92, 0.25) !important;
  transform: translateY(-1px) !important;
  text-decoration: none !important;
}

.pkp_page_index .read_more:hover:after,
.pkp_page_index a[href*="issue/archive"]:hover:after {
  color: #ffffff !important;
  transform: translateX(4px) !important;
}

/* --------------------------------------------------------------------------
   8.5. INNER PAGES STYLING (Model Arsip: Breadcrumbs & Title di Luar, Card Dimulai di Bawah Title)
   -------------------------------------------------------------------------- */

/* 1. Universal Breadcrumbs: Selalu Berada di LUAR & di ATAS Card pada Kanvas Halaman */
.cmp_breadcrumbs {
  margin-bottom: 16px !important;
  padding: 0 !important;
  border-bottom: none !important;
  width: 100% !important;
}

.cmp_breadcrumbs ol {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 13px !important;
}

.cmp_breadcrumbs li {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--ij-text-muted) !important;
}

.cmp_breadcrumbs a {
  color: var(--ij-primary) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  transition: var(--ij-transition) !important;
}

.cmp_breadcrumbs a:hover {
  color: var(--ij-accent) !important;
  text-decoration: underline !important;
}

.cmp_breadcrumbs .separator {
  color: #cbd5e1 !important;
  font-size: 12px !important;
}

.cmp_breadcrumbs .current,
.cmp_breadcrumbs [aria-current="page"] {
  color: #475569 !important;
  font-weight: 600 !important;
}

/* 2. Halaman Statis: Breadcrumb & Title di LUAR (Persis Arsip), Card Dimulai di Bawah Title */
.page_about,
.page_submissions,
.page_editorialTeam,
.page_masthead,
.page_contact,
.page_privacy,
.page_search,
.page_announcement,
.page_information,
.page_login,
.page_register {
  position: relative !important;
  margin-top: 140px !important;
  background: #ffffff !important;
  border: 1px solid var(--ij-border) !important;
  border-top: 4px solid var(--ij-primary) !important;
  border-radius: var(--ij-radius-lg) !important;
  padding: 32px 38px !important;
  margin-bottom: 32px !important;
  box-shadow: var(--ij-shadow-sm) !important;
  overflow: visible !important;
}

/* Mengangkat Breadcrumbs ke Luar Card di Atas Title (Persis Arsip) */
.page_about>.cmp_breadcrumbs,
.page_submissions>.cmp_breadcrumbs,
.page_editorialTeam>.cmp_breadcrumbs,
.page_masthead>.cmp_breadcrumbs,
.page_contact>.cmp_breadcrumbs,
.page_privacy>.cmp_breadcrumbs,
.page_search>.cmp_breadcrumbs,
.page_announcement>.cmp_breadcrumbs,
.page_information>.cmp_breadcrumbs,
.page_login>.cmp_breadcrumbs,
.page_register>.cmp_breadcrumbs {
  position: absolute !important;
  top: -128px !important;
  left: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: none !important;
  z-index: 10 !important;
}

/* Reset margin-top elemen pertama di dalam Card agar pas dengan padding atas */
.page_about>p:first-of-type,
.page_submissions>.cmp_notification:first-of-type,
.page_submissions>.author_guidelines:first-of-type,
.page_contact>.contact_section:first-of-type,
.page_privacy>p:first-of-type,
.page_search>.cmp_form:first-of-type,
.page_login>p:first-of-type,
.page_register>p:first-of-type {
  margin-top: 0 !important;
}

/* 3. Universal Signature Page Title (H1) */
.pkp_structure_main h1,
.pkp_structure_main .page_title,
.pkp_structure_main .title_issue {
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--ij-primary-dark) !important;
  padding-bottom: 12px !important;
  margin: 0 0 24px 0 !important;
  border-bottom: 2px solid var(--ij-border) !important;
  position: relative !important;
  display: block !important;
  line-height: 1.4 !important;
}

.pkp_structure_main h1::after,
.pkp_structure_main .page_title::after,
.pkp_structure_main .title_issue::after {
  content: "" !important;
  position: absolute !important;
  bottom: -2px !important;
  left: 0 !important;
  width: 80px !important;
  height: 2px !important;
  background: var(--ij-accent) !important;
  display: block !important;
}

/* Mengangkat H1 Title ke Luar Card di Bawah Breadcrumb dengan Posisi Absolut Bersih */
.page_about>h1,
.page_submissions>h1,
.page_editorialTeam>h1,
.page_masthead>h1,
.page_contact>h1,
.page_privacy>h1,
.page_search>h1,
.page_announcement>h1,
.page_information>h1,
.page_login>h1,
.page_register>h1 {
  position: absolute !important;
  top: -86px !important;
  left: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding-bottom: 12px !important;
  border-bottom: 2px solid var(--ij-border) !important;
  z-index: 10 !important;
}

/* 4. Subheadings & Tipografi Konten Halaman */
.page h2,
.page_submissions h2,
.page_about h2 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--ij-primary) !important;
  margin: 28px 0 14px 0 !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid var(--ij-border-soft) !important;
}

/* ==========================================================================
   4b. UNIFIKASI HALAMAN STATIS PLUGIN (Static Pages: Editorial Team, Reviewers, dll.)
   Otomatis dibungkus Card Putih Mewah & Judul Signature persis halaman bawaan
   ========================================================================== */
.pkp_structure_main>.page:not([class*="page_"]),
body[class*="pkp_page_"] .pkp_structure_main>.page:not(.page_index_journal):not([class*="page_"]) {
  position: relative !important;
  margin-top: 108px !important;
  background: #ffffff !important;
  border: 1px solid var(--ij-border) !important;
  border-top: 4px solid var(--ij-primary) !important;
  border-radius: var(--ij-radius-lg) !important;
  padding: 32px 38px !important;
  margin-bottom: 32px !important;
  box-shadow: 0 4px 16px -2px rgba(10, 46, 92, 0.08), 0 2px 6px rgba(0, 0, 0, 0.03) !important;
  overflow: visible !important;
}

/* Mengangkat Judul Utama Halaman Statis ke Luar Card dengan Signature Accent Line */
.pkp_structure_main>.page:not([class*="page_"])>h2:first-child,
body[class*="pkp_page_"] .pkp_structure_main>.page:not(.page_index_journal):not([class*="page_"])>h2:first-child {
  position: absolute !important;
  top: -94px !important;
  left: 0 !important;
  width: 100% !important;
  margin: 0 !important;
  padding-bottom: 12px !important;
  font-size: 22px !important;
  font-weight: 700 !important;
  color: var(--ij-primary-dark) !important;
  border-bottom: 2px solid var(--ij-border) !important;
  line-height: 1.4 !important;
  z-index: 10 !important;
  display: block !important;
}

/* Simulasi Breadcrumb di Atas Judul Halaman Statis */
.pkp_structure_main>.page:not([class*="page_"])>h2:first-child::before,
body[class*="pkp_page_"] .pkp_structure_main>.page:not(.page_index_journal):not([class*="page_"])>h2:first-child::before {
  content: "Beranda  /  " !important;
  display: block !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: var(--ij-text-muted) !important;
  margin-bottom: 8px !important;
  letter-spacing: 0.01em !important;
}

.pkp_structure_main>.page:not([class*="page_"])>h2:first-child::after,
body[class*="pkp_page_"] .pkp_structure_main>.page:not(.page_index_journal):not([class*="page_"])>h2:first-child::after {
  content: "" !important;
  position: absolute !important;
  bottom: -2px !important;
  left: 0 !important;
  width: 80px !important;
  height: 2px !important;
  background: var(--ij-accent) !important;
  display: block !important;
}

/* Reset margin elemen pertama di dalam Card halaman statis */
.pkp_structure_main>.page:not([class*="page_"])>*:nth-child(2),
body[class*="pkp_page_"] .pkp_structure_main>.page:not(.page_index_journal):not([class*="page_"])>*:nth-child(2) {
  margin-top: 0 !important;
}

/* Card Kotak Tahapan di dalam Halaman Peer Review (Kontras Jelas & Hover Halus) */
.page_peer_review div[style*="border-left"] {
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-left: 4px solid var(--ij-primary) !important;
  border-radius: 8px !important;
  padding: 14px 20px !important;
  box-shadow: 0 1px 3px rgba(10, 46, 92, 0.04) !important;
  transition: all 0.2s ease !important;
}

.page_peer_review div[style*="border-left"]:hover {
  background: #f1f6fd !important;
  border-color: #bcd3ed !important;
  border-left-color: var(--ij-accent) !important;
  transform: translateX(4px) !important;
  box-shadow: 0 4px 12px rgba(10, 46, 92, 0.08) !important;
}

/* Card Kotak Biaya Publikasi (Author Fees: Article Submission & APC) */
.page_author_fees div[style*="grid"]>div:first-child {
  background: #edf4fc !important;
  border: 1px solid #bcd3ed !important;
  border-top: 4px solid var(--ij-primary) !important;
  border-radius: 10px !important;
  padding: 24px 20px !important;
  text-align: center !important;
  box-shadow: 0 2px 8px rgba(10, 46, 92, 0.05) !important;
  transition: all 0.25s ease !important;
}

.page_author_fees div[style*="grid"]>div:last-child {
  background: #fdf5eb !important;
  border: 1px solid #f6d8b3 !important;
  border-top: 4px solid var(--ij-accent) !important;
  border-radius: 10px !important;
  padding: 24px 20px !important;
  text-align: center !important;
  box-shadow: 0 2px 8px rgba(196, 121, 38, 0.06) !important;
  transition: all 0.25s ease !important;
}

.page_author_fees div[style*="grid"]>div:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 8px 22px rgba(10, 46, 92, 0.12) !important;
}

/* Kotak Template Wajib Deklarasi AI (Declaration of Generative AI) */
.page_ai_policy div[style*="border-left"] {
  background: #fdfaf6 !important;
  border: 1px solid #f6e6d5 !important;
  border-left: 4px solid var(--ij-accent) !important;
  border-radius: 8px !important;
  padding: 18px 24px !important;
  margin: 18px 0 !important;
  box-shadow: 0 2px 8px rgba(196, 121, 38, 0.05) !important;
  line-height: 1.8 !important;
}

/* Profil Pimpinan Editor (Editor-in-Chief & Managing Editor) - Ultra Minimalist & High-End */
.ad_chief_card {
  background: #ffffff !important;
  border: 1px solid #eef2f6 !important;
  border-radius: 12px !important;
  padding: 24px 20px 22px !important;
  text-align: center !important;
  box-shadow: 0 1px 4px rgba(10, 46, 92, 0.03) !important;
  transform: none !important;
  transition: border-color 0.25s ease, box-shadow 0.25s ease !important;
}

.ad_chief_card:hover {
  border-color: #cbd5e1 !important;
  box-shadow: 0 4px 14px rgba(10, 46, 92, 0.06) !important;
}

.ad_chief_photo_wrap {
  width: 96px !important;
  height: 96px !important;
  margin: 0 auto 14px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  border: 2px solid #ffffff !important;
  box-shadow: 0 2px 8px rgba(10, 46, 92, 0.08) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  cursor: pointer !important;
}

.ad_chief_photo_wrap img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
  transition: transform 0.35s ease !important;
}

.ad_chief_photo_wrap:hover {
  box-shadow: 0 4px 16px rgba(10, 46, 92, 0.16) !important;
}

.ad_chief_photo_wrap:hover img {
  transform: scale(1.06) !important;
}

.ad_chief_role {
  display: block !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  color: var(--ij-accent) !important;
  text-transform: uppercase !important;
  letter-spacing: 0.07em !important;
  margin: 0 0 4px 0 !important;
}

.ad_chief_name {
  margin: 0 0 3px 0 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--ij-primary-dark) !important;
  line-height: 1.3 !important;
}

.ad_chief_affiliation {
  margin: 0 0 14px 0 !important;
  font-size: 13px !important;
  color: var(--ij-text-muted) !important;
  line-height: 1.4 !important;
}

/* Badge Tombol Google Scholar & Scopus - Minimalist Pill */
.ad_badge_link {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  background: #f8fafc !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 20px !important;
  padding: 4px 12px !important;
  font-size: 11.5px !important;
  font-weight: 500 !important;
  color: #475569 !important;
  text-decoration: none !important;
  transition: all 0.2s ease !important;
}

.ad_badge_scholar:hover {
  background: #eff6ff !important;
  border-color: #93c5fd !important;
  color: #1d4ed8 !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 6px rgba(59, 130, 246, 0.15) !important;
}

.ad_badge_scopus:hover {
  background: #fff7ed !important;
  border-color: #fdba74 !important;
  color: #c2410c !important;
  transform: translateY(-1px) !important;
  box-shadow: 0 2px 6px rgba(249, 115, 22, 0.15) !important;
}

.page h3,
.page_submissions h3,
.page_about h3 {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: var(--ij-primary-dark) !important;
  margin: 20px 0 10px 0 !important;
}

.page p {
  font-size: 15px !important;
  line-height: 1.8 !important;
  color: #334155 !important;
  margin-bottom: 16px !important;
}

.page ul:not(.pkp_nav_list):not(.issues_archive):not(.cmp_article_list):not(.galleys_links),
.page ol {
  font-size: 14.5px !important;
  line-height: 1.8 !important;
  color: #334155 !important;
  padding-left: 24px !important;
  margin-bottom: 20px !important;
}

.page li {
  margin-bottom: 6px !important;
}

/* 5. Halaman Arsip: Breadcrumb & Judul di Luar, Tiap Terbitan Adalah Card (Identik Home) */
.page_issue_archive {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 32px 0 !important;
}

.page_issue_archive>.cmp_breadcrumbs {
  position: static !important;
  margin-bottom: 16px !important;
}

.page_issue_archive>h1 {
  position: static !important;
  margin: 0 0 24px 0 !important;
}

ul.issues_archive {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 24px !important;
}

ul.issues_archive>li {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
}

/* Card Tiap Terbitan Arsip: SAMA PERSIS DENGAN CARD DI HOME (.obj_issue_toc) */
.obj_issue_summary {
  background: #ffffff !important;
  border: 1px solid var(--ij-border) !important;
  border-top: 4px solid var(--ij-primary) !important;
  border-radius: var(--ij-radius-lg) !important;
  box-shadow: var(--ij-shadow-sm) !important;
  padding: 26px !important;
  margin-bottom: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 22px !important;
  align-items: center !important;
  transition: var(--ij-transition) !important;
}

.obj_issue_summary:hover {
  transform: translateY(-2px) !important;
  box-shadow: var(--ij-shadow-md) !important;
  border-color: var(--ij-primary-border) !important;
  border-top-color: var(--ij-accent) !important;
}

.obj_issue_summary .cover {
  flex: 0 0 140px !important;
  max-width: 140px !important;
  display: block !important;
}

.obj_issue_summary .cover img {
  max-width: 140px !important;
  width: 140px !important;
  height: auto !important;
  border-radius: var(--ij-radius-sm) !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12) !important;
  border: 1px solid var(--ij-border) !important;
  transition: var(--ij-transition) !important;
  display: block !important;
}

.obj_issue_summary:hover .cover img {
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 18px rgba(10, 46, 92, 0.2) !important;
}

.obj_issue_summary h2 {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  flex: 1 1 300px !important;
}

.obj_issue_summary h2 a.title {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: var(--ij-primary) !important;
  margin: 0 0 8px 0 !important;
  display: block !important;
  text-decoration: none !important;
  transition: var(--ij-transition) !important;
}

.obj_issue_summary h2 a.title:hover {
  color: var(--ij-accent) !important;
}

.obj_issue_summary .series {
  font-size: 13px !important;
  color: var(--ij-primary-dark) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  background: var(--ij-primary-soft) !important;
  padding: 5px 14px !important;
  border-radius: 20px !important;
  font-weight: 600 !important;
}

.obj_issue_summary .series::before {
  content: "\f073" !important;
  font-family: "FontAwesome" !important;
  color: var(--ij-accent) !important;
  font-size: 12px !important;
}

.obj_issue_summary .description {
  width: 100% !important;
  font-size: 14.5px !important;
  line-height: 1.7 !important;
  color: #475569 !important;
  margin-top: 8px !important;
  padding-top: 14px !important;
  border-top: 1px solid var(--ij-border-soft) !important;
}

/* 6. Halaman Terbitan Spesifik & Halaman Artikel */
.page_issue,
.page_article {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 0 32px 0 !important;
}

.page_issue>.cmp_breadcrumbs,
.page_article>.cmp_breadcrumbs {
  position: static !important;
  margin-bottom: 16px !important;
}

.page_issue>h1 {
  position: static !important;
  margin: 0 0 24px 0 !important;
}

.page_issue .obj_issue_toc,
.obj_article_details {
  background: #ffffff !important;
  border: 1px solid var(--ij-border) !important;
  border-top: 4px solid var(--ij-primary) !important;
  border-radius: var(--ij-radius-lg) !important;
  padding: 32px 38px !important;
  box-shadow: var(--ij-shadow-sm) !important;
  margin-bottom: 24px !important;
}

/* 7. Clean Alert / Notification Box */
.cmp_notification {
  background: #eff6ff !important;
  border: 1px solid #bfdbfe !important;
  border-left: 4px solid var(--ij-primary) !important;
  border-radius: var(--ij-radius) !important;
  padding: 16px 20px !important;
  margin-bottom: 24px !important;
  color: #1e3a8a !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
}

.cmp_notification a {
  color: var(--ij-primary) !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
}

/* 8. Penyesuaian Responsif Mobile */
@media (max-width: 767px) {

  .page_about,
  .page_submissions,
  .page_editorialTeam,
  .page_masthead,
  .page_contact,
  .page_privacy,
  .page_search,
  .page_announcement,
  .page_information,
  .page_login,
  .page_register {
    margin-top: 136px !important;
    padding: 22px 18px !important;
  }

  .page_about>.cmp_breadcrumbs,
  .page_submissions>.cmp_breadcrumbs,
  .page_editorialTeam>.cmp_breadcrumbs,
  .page_masthead>.cmp_breadcrumbs,
  .page_contact>.cmp_breadcrumbs,
  .page_privacy>.cmp_breadcrumbs,
  .page_search>.cmp_breadcrumbs,
  .page_announcement>.cmp_breadcrumbs,
  .page_information>.cmp_breadcrumbs,
  .page_login>.cmp_breadcrumbs,
  .page_register>.cmp_breadcrumbs {
    top: -124px !important;
  }

  .page_about>h1,
  .page_submissions>h1,
  .page_editorialTeam>h1,
  .page_masthead>h1,
  .page_contact>h1,
  .page_privacy>h1,
  .page_search>h1,
  .page_announcement>h1,
  .page_information>h1,
  .page_login>h1,
  .page_register>h1 {
    top: -82px !important;
    font-size: 20px !important;
  }

  .pkp_structure_main>.page:not([class*="page_"]),
  body[class*="pkp_page_"] .pkp_structure_main>.page:not(.page_index_journal):not([class*="page_"]) {
    margin-top: 68px !important;
    padding: 22px 18px !important;
  }

  .pkp_structure_main>.page:not([class*="page_"])>h2:first-child,
  body[class*="pkp_page_"] .pkp_structure_main>.page:not(.page_index_journal):not([class*="page_"])>h2:first-child {
    top: -56px !important;
    font-size: 20px !important;
  }

  .obj_issue_summary {
    flex-direction: column !important;
    align-items: flex-start !important;
    padding: 20px !important;
  }

  .obj_issue_summary .cover {
    max-width: 100% !important;
    margin-bottom: 12px !important;
  }

  .page_author_fees div[style*="grid"] {
    grid-template-columns: 1fr !important;
  }
}

/* --------------------------------------------------------------------------
   9. SIDEBAR WIDGETS (Modern Academic Sidebar)
   -------------------------------------------------------------------------- */
.pkp_block {
  background: #ffffff !important;
  border: 1px solid var(--ij-border) !important;
  border-radius: var(--ij-radius) !important;
  margin-bottom: 24px !important;
  box-shadow: var(--ij-shadow-sm) !important;
  overflow: hidden !important;
  transition: var(--ij-transition) !important;
}

.pkp_block:hover {
  box-shadow: var(--ij-shadow-md) !important;
  border-color: var(--ij-primary-border) !important;
}

/* Widget Header Title */
.pkp_block .title {
  display: block !important;
  background: linear-gradient(135deg, var(--ij-primary-dark) 0%, var(--ij-primary) 100%) !important;
  color: #ffffff !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
  padding: 12px 18px !important;
  margin: 0 !important;
  border-left: 4px solid var(--ij-accent) !important;
  border-bottom: none !important;
}

.pkp_block .content {
  padding: 18px !important;
  font-size: 14px !important;
  color: var(--ij-text-main) !important;
}

/* A. Template Button (DOCX) */
#customblock-template .content {
  padding: 16px 18px !important;
}

#customblock-template p {
  margin: 0 0 12px 0 !important;
  padding: 0 !important;
}

#customblock-template p:last-child {
  margin-bottom: 0 !important;
}

.ij_template_box,
.ad_template_box {
  text-align: center;
}

.ij_template_btn,
.ad_template_btn {
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  background: linear-gradient(135deg, #185abd 0%, #0e3d82 100%) !important;
  color: #ffffff !important;
  padding: 12px 16px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  box-shadow: 0 4px 12px rgba(14, 61, 130, 0.22) !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  text-align: left !important;
  text-decoration: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.ij_template_btn:hover,
.ad_template_btn:hover {
  background: linear-gradient(135deg, #1d68d8 0%, #124c9e 100%) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 18px rgba(14, 61, 130, 0.35) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Varian Tombol Template Naskah Bahasa Arab (Nuansa Emas Hangat Dhuha) */
.ij_template_btn.is_arabic,
.ij_template_btn_arabic,
.ad_template_btn_arabic {
  background: linear-gradient(135deg, #c47926 0%, #94530c 100%) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 4px 12px rgba(196, 121, 38, 0.25) !important;
}

.ij_template_btn.is_arabic:hover,
.ij_template_btn_arabic:hover,
.ad_template_btn_arabic:hover {
  background: linear-gradient(135deg, #d4842c 0%, #a85e0e 100%) !important;
  box-shadow: 0 6px 18px rgba(196, 121, 38, 0.38) !important;
  transform: translateY(-2px) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

.ij_template_icon,
.ad_template_icon,
.ij_tpl_icon,
.ad_tpl_icon {
  font-size: 22px !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 38px !important;
  height: 38px !important;
  background: rgba(255, 255, 255, 0.16) !important;
  border-radius: 6px !important;
  flex-shrink: 0 !important;
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.25) !important;
}

.ij_template_text,
.ad_template_text,
.ij_tpl_text,
.ad_tpl_text {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  line-height: 1.25 !important;
}

.ij_template_text strong,
.ad_template_text strong,
.ij_tpl_text strong,
.ad_tpl_text strong {
  display: block !important;
  font-size: 13.5px !important;
  font-weight: 800 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.3 !important;
  color: #ffffff !important;
  margin: 0 0 2px 0 !important;
}

.ij_template_text small,
.ad_template_text small,
.ij_tpl_text small,
.ad_tpl_text small {
  display: block !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  opacity: 0.9 !important;
  line-height: 1.35 !important;
  color: rgba(255, 255, 255, 0.92) !important;
  margin: 0 !important;
}

/* B. Reviewer Invitation Block */
.ij_reviewer_box,
.ad_reviewer_box,
.ad_reviewer_box {
  text-align: center;
}

.ij_reviewer_box p {
  font-size: 13.5px !important;
  line-height: 1.6 !important;
  color: var(--ij-text-muted) !important;
  margin-bottom: 14px !important;
}

.ij_reviewer_btn,
.ad_reviewer_btn,
.ad_reviewer_btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: linear-gradient(135deg, var(--ij-primary) 0%, var(--ij-primary-light) 100%) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 9px 18px !important;
  border-radius: var(--ij-radius-sm) !important;
  box-shadow: var(--ij-shadow-xs) !important;
  transition: var(--ij-transition) !important;
}

.ij_reviewer_btn:hover {
  background: linear-gradient(135deg, var(--ij-accent) 0%, var(--ij-accent-hover) 100%) !important;
  color: #ffffff !important;
  transform: translateY(-1px) !important;
}

/* C. Additional Menu / Editorial Links (Alsinatuna Style) */
.ij_menu_list,
.ad_menu_list,
.ad_menu_list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.ij_menu_list li {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid var(--ij-border-soft) !important;
}

.ij_menu_list li:last-child {
  border-bottom: none !important;
}

.ij_menu_list a {
  display: flex !important;
  align-items: center !important;
  padding: 11px 14px !important;
  color: var(--ij-text-main) !important;
  font-weight: 600 !important;
  font-size: 13.5px !important;
  transition: var(--ij-transition) !important;
  border-left: 3px solid transparent !important;
  position: relative !important;
}

.ij_menu_list a i {
  width: 20px !important;
  color: var(--ij-primary) !important;
  margin-right: 10px !important;
  text-align: center !important;
  font-size: 14px !important;
  transition: var(--ij-transition) !important;
}

.ij_menu_list a::after {
  content: "›" !important;
  font-size: 18px !important;
  color: var(--ij-text-light) !important;
  margin-left: auto !important;
  transition: var(--ij-transition) !important;
}

.ij_menu_list a:hover {
  background-color: var(--ij-primary-soft) !important;
  color: var(--ij-primary) !important;
  border-left-color: var(--ij-accent) !important;
  padding-left: 18px !important;
}

.ij_menu_list a:hover i {
  color: var(--ij-accent) !important;
}

.ij_menu_list a:hover::after {
  color: var(--ij-accent) !important;
  transform: translateX(4px) !important;
}

/* Active State untuk Additional Menu (Sidebar 11 Halaman Kebijakan & Alur Publikasi) */
.ij_menu_list li.active a,
.ij_menu_list li.current a,
.ij_menu_list a.active,
body.pkp_page_editorialTeam .ij_menu_list a[href*="editorialTeam"],
body.pkp_op_editorialMasthead .ij_menu_list a[href*="editorial"],
body.pkp_page_reviewers .ij_menu_list a[href*="reviewers"],
body.pkp_page_PublicationEthics .ij_menu_list a[href*="PublicationEthics"],
body.pkp_page_Plagiarismepolicy .ij_menu_list a[href*="Plagiarismepolicy"],
body.pkp_page_focusandscope .ij_menu_list a[href*="focusandscope"],
body.pkp_page_Peerreviewprocess .ij_menu_list a[href*="Peerreviewprocess"],
body.pkp_page_Openaccessstatement .ij_menu_list a[href*="Openaccessstatement"],
body.pkp_page_AuthorGuideline .ij_menu_list a[href*="AuthorGuideline"],
body.pkp_page_AuthorFees .ij_menu_list a[href*="AuthorFees"],
body.pkp_page_Copyrightslicences .ij_menu_list a[href*="Copyrightslicences"],
body.pkp_page_aipolicy .ij_menu_list a[href*="aipolicy"] {
  background: linear-gradient(90deg, #edf4fc 0%, #f8fafc 100%) !important;
  color: var(--ij-primary) !important;
  font-weight: 700 !important;
  border-left: 4px solid var(--ij-accent) !important;
  padding-left: 18px !important;
}

.ij_menu_list li.active a i,
.ij_menu_list a.active i,
body.pkp_page_editorialTeam .ij_menu_list a[href*="editorialTeam"] i,
body.pkp_op_editorialMasthead .ij_menu_list a[href*="editorial"] i,
body.pkp_page_reviewers .ij_menu_list a[href*="reviewers"] i,
body.pkp_page_PublicationEthics .ij_menu_list a[href*="PublicationEthics"] i,
body.pkp_page_Plagiarismepolicy .ij_menu_list a[href*="Plagiarismepolicy"] i,
body.pkp_page_focusandscope .ij_menu_list a[href*="focusandscope"] i,
body.pkp_page_Peerreviewprocess .ij_menu_list a[href*="Peerreviewprocess"] i,
body.pkp_page_Openaccessstatement .ij_menu_list a[href*="Openaccessstatement"] i,
body.pkp_page_AuthorGuideline .ij_menu_list a[href*="AuthorGuideline"] i,
body.pkp_page_AuthorFees .ij_menu_list a[href*="AuthorFees"] i,
body.pkp_page_Copyrightslicences .ij_menu_list a[href*="Copyrightslicences"] i,
body.pkp_page_aipolicy .ij_menu_list a[href*="aipolicy"] i {
  color: var(--ij-accent) !important;
  transform: scale(1.1) !important;
}

.ij_menu_list li.active a::after,
.ij_menu_list a.active::after,
body.pkp_page_editorialTeam .ij_menu_list a[href*="editorialTeam"]::after,
body.pkp_op_editorialMasthead .ij_menu_list a[href*="editorial"]::after,
body.pkp_page_reviewers .ij_menu_list a[href*="reviewers"]::after,
body.pkp_page_PublicationEthics .ij_menu_list a[href*="PublicationEthics"]::after,
body.pkp_page_Plagiarismepolicy .ij_menu_list a[href*="Plagiarismepolicy"]::after,
body.pkp_page_focusandscope .ij_menu_list a[href*="focusandscope"]::after,
body.pkp_page_Peerreviewprocess .ij_menu_list a[href*="Peerreviewprocess"]::after,
body.pkp_page_Openaccessstatement .ij_menu_list a[href*="Openaccessstatement"]::after,
body.pkp_page_AuthorGuideline .ij_menu_list a[href*="AuthorGuideline"]::after,
body.pkp_page_AuthorFees .ij_menu_list a[href*="AuthorFees"]::after,
body.pkp_page_Copyrightslicences .ij_menu_list a[href*="Copyrightslicences"]::after,
body.pkp_page_aipolicy .ij_menu_list a[href*="aipolicy"]::after {
  color: var(--ij-accent) !important;
  font-weight: 700 !important;
  transform: translateX(4px) !important;
}

/* D. Indexing Logos Grid */
.ij_indexing_grid,
.ad_indexing_grid {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  text-align: center !important;
}

.ij_index_item,
.ad_index_item,
.ad_index_item {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 12px !important;
  background: #ffffff !important;
  border: 1px solid var(--ij-border) !important;
  border-radius: var(--ij-radius-sm) !important;
  transition: var(--ij-transition) !important;
  box-shadow: var(--ij-shadow-xs) !important;
}

.ij_index_item img {
  max-height: 52px !important;
  width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  transition: var(--ij-transition) !important;
}

.ij_index_item:hover {
  border-color: var(--ij-primary) !important;
  box-shadow: var(--ij-shadow-md) !important;
  transform: translateY(-2px) !important;
}

/* E. Tools Grid (Grammarly, Mendeley, Turnitin) */
.ij_tools_grid,
.ad_tools_grid,
.ad_tools_grid {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 16px !important;
  flex-wrap: wrap !important;
}

.ij_tools_grid a {
  display: inline-block !important;
  transition: var(--ij-transition) !important;
}

.ij_tools_grid img {
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  padding: 6px !important;
  background: #ffffff !important;
  border: 1px solid var(--ij-border) !important;
  box-shadow: var(--ij-shadow-xs) !important;
  transition: var(--ij-transition) !important;
  object-fit: contain !important;
}

.ij_tools_grid a:hover img {
  border-color: var(--ij-accent) !important;
  box-shadow: 0 6px 14px rgba(196, 121, 38, 0.35) !important;
  transform: scale(1.1) !important;
}

/* F. Visitor Block */
#customblock-visitor .content,
#customblock-visitorstatistics .content,
.block_custom_visitor .content,
.pkp_block_visitor .content {
  text-align: center !important;
}

#customblock-visitor img,
#customblock-visitorstatistics img,
.block_custom_visitor img,
.pkp_block_visitor img {
  max-width: 100% !important;
  height: auto !important;
  margin: 0 auto !important;
  display: inline-block !important;
  border-radius: var(--ij-radius-sm) !important;
}

/* G. ISSN Digital Badges */
.ij_issn_container,
.ad_issn_container,
.ad_issn_container {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.ij_issn_badge,
.ad_issn_badge,
.ad_issn_badge {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 10px 14px !important;
  background: linear-gradient(135deg, #ffffff 0%, var(--ij-primary-soft) 100%) !important;
  border: 1px solid var(--ij-primary-border) !important;
  border-radius: var(--ij-radius-sm) !important;
  transition: var(--ij-transition) !important;
  box-shadow: var(--ij-shadow-xs) !important;
}

.ij_issn_type,
.ad_issn_type,
.ad_issn_type {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: var(--ij-primary) !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.ij_issn_val,
.ad_issn_val,
.ad_issn_val {
  font-family: monospace !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: var(--ij-accent) !important;
  background: #ffffff !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  border: 1px solid var(--ij-border) !important;
}

.ij_issn_badge:hover {
  background: var(--ij-primary) !important;
  border-color: var(--ij-primary) !important;
  box-shadow: var(--ij-shadow-sm) !important;
  transform: translateY(-1px) !important;
}

.ij_issn_badge:hover .ij_issn_type,
.ad_issn_type,
.ad_issn_type {
  color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   10. ARTICLE DETAILS PAGE (Modern, Clean & Borderless Layout)
   -------------------------------------------------------------------------- */
.obj_article_details {
  background: #ffffff !important;
  border: 1px solid var(--ij-border) !important;
  border-top: 4px solid var(--ij-primary) !important;
  border-radius: var(--ij-radius-lg) !important;
  padding: 36px 40px !important;
  box-shadow: var(--ij-shadow-sm) !important;
  margin-bottom: 32px !important;
}

/* 1. Hapus Semua Garis Pembatas Bawaan OJS (.row, kolom, dan item) */
.obj_article_details .row,
.obj_article_details .main_entry,
.obj_article_details .entry_details,
.obj_article_details .entry_details .item,
.obj_article_details .item {
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
}

.obj_article_details .row {
  margin-top: 24px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 32px !important;
}

.obj_article_details .main_entry {
  flex: 1 1 60% !important;
  width: auto !important;
  float: none !important;
  padding: 0 !important;
}

.obj_article_details .entry_details {
  flex: 0 0 280px !important;
  width: 280px !important;
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* 2. Judul Artikel: Bersih & Elegan, Tanpa Garis Bawah yang Memotong Subtitle */
.obj_article_details h1,
.obj_article_details .page_title,
.obj_article_details .main_entry h1 {
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: var(--ij-primary-dark) !important;
  margin: 0 0 8px 0 !important;
  padding-bottom: 0 !important;
  border: none !important;
  border-bottom: none !important;
}

.obj_article_details h1::after,
.obj_article_details .page_title::after,
.obj_article_details .main_entry h1::after {
  display: none !important;
  content: none !important;
}

/* 3. Subtitle Artikel: Rapi & Menyatu */
.obj_article_details .subtitle {
  font-size: 16px !important;
  font-weight: 500 !important;
  color: #64748b !important;
  line-height: 1.5 !important;
  margin: 0 0 18px 0 !important;
  border: none !important;
}

/* 4. Penulis */
.obj_article_details .authors {
  font-size: 15px !important;
  color: var(--ij-primary) !important;
  font-weight: 600 !important;
  margin-bottom: 20px !important;
  border: none !important;
}

/* 5. Section Labels (Kata Kunci, Abstrak, Referensi): Bersih Tanpa Garis Berlebih */
.obj_article_details .item.abstract .label,
.obj_article_details .item.references .label,
.obj_article_details .item.keywords .label {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: var(--ij-primary-dark) !important;
  border: none !important;
  border-bottom: none !important;
  padding: 0 !important;
  margin-bottom: 8px !important;
  display: block !important;
}

.obj_article_details .item.keywords .label {
  display: inline !important;
  margin-bottom: 0 !important;
}

.obj_article_details .abstract,
.obj_article_details .item.abstract p {
  font-size: 14.5px !important;
  line-height: 1.8 !important;
  color: #334155 !important;
  text-align: justify !important;
  margin-top: 6px !important;
}

.obj_article_details .item.references .value,
.obj_article_details .item.references p {
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: #475569 !important;
}

.obj_article_details .item {
  padding: 12px 0 !important;
}

/* --------------------------------------------------------------------------
   11. PROFESSIONAL FOOTER (Kaki Halaman Sesuai Referensi UIN SGD / JTA)
   -------------------------------------------------------------------------- */
.pkp_structure_footer_wrapper {
  background: #ffffff !important;
  border-top: 1px solid #e2e8f0 !important;
  color: #1e293b !important;
  margin-top: 40px !important;
  padding: 32px 0 0 0 !important;
}

.pkp_structure_footer {
  max-width: 1260px !important;
  margin: 0 auto !important;
  padding: 0 20px !important;
}

.pkp_footer_content {
  padding: 0 !important;
  margin: 0 !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  color: #1e293b !important;
}

.pkp_footer_content p {
  margin-bottom: 8px !important;
  color: #334155 !important;
}

.pkp_footer_content strong {
  color: #0f172a !important;
  font-size: inherit !important;
  display: inline !important;
}

.pkp_footer_content a {
  color: #0a2e5c !important;
  text-decoration: none !important;
}

.pkp_footer_content a:hover {
  color: var(--ij-accent) !important;
  text-decoration: underline !important;
}

/* Bottom Bar (Strip Navy & Gold Polos di Bawah Halaman - Teks PKP Dihide) */
.pkp_brand_footer {
  background: #061b36 !important;
  border-top: 3px solid #c47926 !important;
  margin: 18px -20px 0 -20px !important;
  padding: 0 !important;
  height: 24px !important;
  min-height: 24px !important;
  line-height: 0 !important;
  font-size: 0 !important;
  text-align: center !important;
  border-radius: 0 !important;
  overflow: hidden !important;
}

.pkp_brand_footer * {
  display: none !important;
}

/* --------------------------------------------------------------------------
   12. HOMEPAGE INTRO CARD (Academic Navy & Gold Edition)
   -------------------------------------------------------------------------- */
/* Sembunyikan card 'Tentang Jurnal Ini' lama bawaan OJS di bawahnya */
.pkp_page_index .homepage_about {
  display: none !important;
}

/* Susun urutan beranda: Pindahkan Isi Tambahan (.additional_content) ke paling atas di atas Terbitan Terkini */
.page_index_journal,
.pkp_page_index .pkp_structure_main {
  display: flex !important;
  flex-direction: column !important;
}

.page_index_journal .additional_content,
.pkp_page_index .additional_content {
  order: 1 !important;
  margin-bottom: 24px !important;
}

.page_index_journal .current_issue,
.pkp_page_index .current_issue {
  order: 3 !important;
}

/* Container Card Intro Jurnal */
.ij_intro_card,
.els_intro_card {
  background: #ffffff !important;
  border: 1px solid var(--ij-border) !important;
  border-top: 4px solid var(--ij-primary) !important;
  border-radius: var(--ij-radius-lg, 12px) !important;
  box-shadow: var(--ij-shadow-md, 0 4px 16px rgba(10, 46, 92, 0.08)) !important;
  display: grid !important;
  grid-template-columns: 165px minmax(0, 1fr) !important;
  gap: 30px !important;
  align-items: center !important;
  margin: 0 0 28px !important;
  padding: 28px 32px !important;
  transition: var(--ij-transition) !important;
}

.ij_intro_card:hover,
.els_intro_card:hover {
  box-shadow: var(--ij-shadow-hover, 0 10px 24px rgba(10, 46, 92, 0.12)) !important;
}

.ij_intro_cover img,
.els_intro_cover img {
  display: block !important;
  width: 155px !important;
  max-width: 155px !important;
  height: auto !important;
  max-height: 230px !important;
  object-fit: cover !important;
  border: 1px solid var(--ij-border) !important;
  border-radius: var(--ij-radius-sm, 6px) !important;
  box-shadow: 0 4px 12px rgba(10, 46, 92, 0.1) !important;
}

.ij_intro_body,
.els_intro_body {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}

/* Badges Atas */
.ij_badges,
.els_badges {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 12px !important;
}

.ij_badge_item,
.els_badges span {
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 10px !important;
  background: var(--ij-primary-soft, #edf4fc) !important;
  border: 1px solid var(--ij-primary-border, #bcd3ed) !important;
  border-radius: var(--ij-radius-sm, 6px) !important;
  color: var(--ij-primary-dark, #061b36) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
}

.ij_badge_oa,
.els_badges span.els_badge_oa,
.els_badges span:first-child {
  gap: 5px !important;
  background: var(--ij-accent-soft, #fdf5eb) !important;
  border-color: var(--ij-accent-border, #f6d8b3) !important;
  color: var(--ij-accent-hover, #a86217) !important;
}

.ij_badge_oa i,
.els_badges .fa-unlock-alt {
  color: var(--ij-accent, #c47926) !important;
  font-size: 12px !important;
}

.ij_badge_issn b,
.els_issn_badge b {
  color: var(--ij-text-muted, #64748b) !important;
  margin-right: 4px !important;
}

.ij_badge_issn a,
.els_issn_badge a {
  color: var(--ij-primary, #0a2e5c) !important;
  text-decoration: none !important;
  font-weight: 700 !important;
}

.ij_badge_issn a:hover,
.els_issn_badge a:hover {
  color: var(--ij-accent, #c47926) !important;
  text-decoration: underline !important;
}

/* Judul Jurnal */
.ij_intro_title,
.els_intro_body h2 {
  margin: 0 0 12px !important;
  color: var(--ij-primary-dark, #061b36) !important;
  font-size: 23px !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
  letter-spacing: -0.015em !important;
}

/* Informasi & Metadata */
.ij_journal_description,
.els_journal_description {
  color: var(--ij-text-main, #334155) !important;
  font-size: 13.5px !important;
  line-height: 1.75 !important;
  margin: 0 0 16px !important;
}

.ij_journal_description p,
.els_journal_description p {
  margin: 0 !important;
}

.ij_journal_description strong,
.els_journal_description strong {
  color: var(--ij-primary-dark, #0f172a) !important;
  font-weight: 700 !important;
}

.ij_journal_description a,
.els_journal_description a {
  color: var(--ij-primary, #0a2e5c) !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.ij_journal_description a:hover,
.els_journal_description a:hover {
  color: var(--ij-accent, #c47926) !important;
  text-decoration: underline !important;
}

.ij_crossref_logo {
  height: 13px !important;
  vertical-align: middle !important;
  margin-left: 2px !important;
}

/* Tombol Aksi */
.ij_intro_actions,
.els_intro_actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 12px !important;
  margin-top: 14px !important;
}

.ij_button,
.els_button,
.els_intro_actions a {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 9px 18px !important;
  border-radius: var(--ij-radius-sm, 6px) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
  transition: var(--ij-transition) !important;
  cursor: pointer !important;
}

/* Tombol 1: About the Journal (Primary Academic Navy) */
.els_intro_actions a:first-child,
.ij_btn_about,
.els_button:not(.els_button_submit):first-child {
  background: linear-gradient(135deg, var(--ij-primary) 0%, var(--ij-primary-light) 100%) !important;
  border: 1px solid var(--ij-primary) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(10, 46, 92, 0.2) !important;
}

.els_intro_actions a:first-child:hover,
.ij_btn_about:hover,
.els_button:not(.els_button_submit):first-child:hover {
  background: linear-gradient(135deg, var(--ij-primary-dark) 0%, var(--ij-primary) 100%) !important;
  border-color: var(--ij-primary-dark) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(10, 46, 92, 0.35) !important;
}

/* Tombol 2: Submit your Manuscript (Warm Amber / Gold CTA Senada Aksen) */
.els_intro_actions a:nth-child(2),
.ij_btn_submit,
.els_button_submit {
  background: linear-gradient(135deg, var(--ij-accent) 0%, var(--ij-accent-hover) 100%) !important;
  border: 1px solid var(--ij-accent-hover) !important;
  color: #ffffff !important;
  box-shadow: 0 2px 6px rgba(196, 121, 38, 0.25) !important;
}

.els_intro_actions a:nth-child(2):hover,
.ij_btn_submit:hover,
.els_button_submit:hover {
  background: linear-gradient(135deg, var(--ij-accent-hover) 0%, #8c4e0c 100%) !important;
  border-color: #8c4e0c !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 14px rgba(196, 121, 38, 0.45) !important;
}

.ij_button i,
.els_button i,
.els_intro_actions a i {
  font-size: 11px !important;
}

@media (max-width: 768px) {

  .ij_intro_card,
  .els_intro_card {
    grid-template-columns: 1fr !important;
    text-align: center !important;
    padding: 22px !important;
    gap: 20px !important;
  }

  .ij_intro_cover img,
  .els_intro_cover img {
    margin: 0 auto !important;
  }

  .ij_badges,
  .els_badges {
    justify-content: center !important;
  }

  .ij_intro_actions,
  .els_intro_actions {
    justify-content: center !important;
  }
}

/* --------------------------------------------------------------------------
   13. FOOTER INDEXING & EDITORIAL OFFICE CARD (Presisi Horizontal & Vertikal)
   -------------------------------------------------------------------------- */
/* Container Logo Indeksasi Bawah (3 Logo Horizontal: Scholar, Dimensions, Garuda) */
.ad_footer_indexing_wrapper {
  margin: 0 auto 16px auto !important;
  text-align: center !important;
  max-width: 820px !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.ad_footer_indexing_title {
  font-size: 13px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: #64748b !important;
  margin-bottom: 12px !important;
  display: block !important;
  text-align: center !important;
}

/* Grid 3 Kolom yang Presisi Sama Lebar dengan Kotak Editorial Office */
.ad_footer_indexing_grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 14px !important;
  width: 100% !important;
  max-width: 820px !important;
  margin: 0 auto !important;
  box-sizing: border-box !important;
}

/* Card Tiap Logo Indeksasi: Presisi Vertikal & Horizontal */
.ad_footer_index_card {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 6px !important;
  padding: 6px 14px !important;
  width: 100% !important;
  height: 60px !important;
  box-sizing: border-box !important;
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) !important;
  text-decoration: none !important;
}

.ad_footer_index_card img {
  max-height: 40px !important;
  max-width: 85% !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  display: block !important;
  margin: auto !important;
  transition: transform 0.25s ease !important;
}

.ad_footer_index_card:hover {
  transform: translateY(-2px) !important;
  border-color: #c47926 !important;
  box-shadow: 0 4px 12px rgba(196, 121, 38, 0.22) !important;
}

.ad_footer_index_card:hover img {
  transform: scale(1.04) !important;
}

/* Kotak Editorial Office (Presisi: Horizontal Left & Vertical Center, Selaras Lebar dengan Logo) */
.ad_footer_office_card {
  background: #f4f8fd !important;
  border: 2px solid #0a2e5c !important;
  border-top: 4px solid #c47926 !important;
  border-radius: 6px !important;
  padding: 22px 28px !important;
  margin: 0 auto 0 auto !important;
  max-width: 820px !important;
  width: 100% !important;
  color: #1e293b !important;
  box-shadow: 0 4px 16px rgba(10, 46, 92, 0.07) !important;
  text-align: left !important;
  box-sizing: border-box !important;
  display: block !important;
}

.ad_footer_office_title {
  font-size: 16px !important;
  font-weight: 800 !important;
  color: #061b36 !important;
  letter-spacing: 0.05em !important;
  margin: 0 0 14px 0 !important;
  text-transform: uppercase !important;
  text-align: left !important;
  width: 100% !important;
}

.ad_footer_info_item {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  flex-wrap: nowrap !important;
  gap: 12px !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  color: #1e293b !important;
  margin: 0 0 9px 0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.ad_footer_info_item:last-child {
  margin-bottom: 0 !important;
}

.ad_footer_info_item span,
.ad_footer_info_item strong {
  color: #1e293b !important;
}

.ad_footer_info_text {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  text-align: left !important;
  line-height: 1.55 !important;
}

.ad_footer_icon {
  flex: 0 0 20px !important;
  width: 20px !important;
  min-width: 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  font-size: 14px !important;
  line-height: 1 !important;
}

/* Warna icon sesuai tema Ad-Dhuha (Navy & Gold) */
.ad_footer_icon_univ {
  color: #0a2e5c !important;
}

.ad_footer_icon_pin {
  color: #c47926 !important;
}

.ad_footer_icon_issn {
  color: #0a2e5c !important;
}

.ad_footer_icon_mail {
  color: #c47926 !important;
}

.ad_footer_info_item a {
  color: #0a2e5c !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.ad_footer_info_item a:hover {
  color: #c47926 !important;
  text-decoration: underline !important;
}

/* TAMPILAN RESPONSIVE MOBILE (< 768px) */
@media (max-width: 768px) {
  .ad_footer_indexing_wrapper {
    max-width: 100% !important;
    padding: 0 10px !important;
    margin-bottom: 12px !important;
  }

  .ad_footer_indexing_grid {
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    max-width: 100% !important;
  }

  .ad_footer_index_card {
    height: 48px !important;
    padding: 4px 6px !important;
    border-radius: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .ad_footer_index_card img {
    max-height: 28px !important;
    max-width: 88% !important;
    margin: auto !important;
    display: block !important;
  }

  .ad_footer_office_card {
    max-width: 100% !important;
    padding: 16px 14px !important;
    border-radius: 6px !important;
    margin: 0 10px 0 10px !important;
    width: auto !important;
    text-align: left !important;
  }

  .ad_footer_office_title {
    font-size: 15px !important;
    margin-bottom: 10px !important;
    text-align: left !important;
  }

  .ad_footer_info_item {
    font-size: 12.5px !important;
    line-height: 1.5 !important;
    gap: 10px !important;
    margin-bottom: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: left !important;
    flex-wrap: nowrap !important;
  }

  .ad_footer_icon {
    flex: 0 0 18px !important;
    width: 18px !important;
    min-width: 18px !important;
    font-size: 13px !important;
  }

  .ad_footer_info_text {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    text-align: left !important;
  }

  .pkp_brand_footer {
    margin: 16px -10px 0 -10px !important;
  }
}