/*
 * UMPO JOURNAL — CURRENT ISSUE CSS V2
 * Target: OJS 3.3.0.21 (default frontend theme)
 * No Custom JavaScript required.
 * Paste this file's contents into:
 * Settings > Website > Appearance > Advanced > Journal Style Sheet
 *
 * Note: CSS styles elements already present in OJS. CSS alone cannot fetch
 * or create DOI, author affiliations, or numeric usage statistics.
 */

:root {
  --umpo-navy: #123b67;
  --umpo-blue: #1d5d95;
  --umpo-blue-soft: #eef5fb;
  --umpo-ink: #17212b;
  --umpo-muted: #647383;
  --umpo-border: #dfe7ef;
  --umpo-paper: #ffffff;
  --umpo-canvas: #f5f8fc;
  --umpo-radius: 16px;
  --umpo-radius-sm: 10px;
  --umpo-shadow: 0 8px 28px rgba(18, 59, 103, .08);
  --umpo-shadow-hover: 0 14px 34px rgba(18, 59, 103, .14);
}

/* Current Issue: use available width and hide the sidebar on this page only */
.pkp_page_index .current_issue,
.page_index_journal .current_issue {
  width: 100%;
  max-width: none;
}

.pkp_page_index .current_issue .pkp_structure_main,
.page_index_journal .current_issue .pkp_structure_main {
  width: 100%;
  max-width: none;
}


.pkp_page_index .current_issue .obj_issue_toc,
.page_index_journal .current_issue .obj_issue_toc,
.pkp_page_index .current_issue .sections,
.page_index_journal .current_issue .sections {
  width: 100%;
  max-width: none;
}

/* Issue heading */
.pkp_page_index .current_issue_title,
.page_index_journal .current_issue_title {
  margin: 0 0 28px;
  padding: 28px 30px;
  color: #fff;
  background: linear-gradient(135deg, var(--umpo-navy), var(--umpo-blue));
  border: 0;
  border-radius: var(--umpo-radius);
  box-shadow: var(--umpo-shadow);
}

.pkp_page_index .current_issue_title h2,
.pkp_page_index .current_issue_title h3,
.page_index_journal .current_issue_title h2,
.page_index_journal .current_issue_title h3 {
  margin: 0;
  padding: 0;
  color: #fff;
  border: 0;
  font-size: clamp(1.35rem, 2.4vw, 2rem);
  line-height: 1.3;
  font-weight: 750;
}

/* Section headings */
.pkp_page_index .current_issue .section h2,
.pkp_page_index .current_issue .section h3,
.page_index_journal .current_issue .section h2,
.page_index_journal .current_issue .section h3 {
  margin: 26px 0 15px;
  padding-bottom: 10px;
  color: var(--umpo-navy);
  border-bottom: 1px solid var(--umpo-border);
  font-size: 1.08rem;
  font-weight: 750;
}

/* Article list spacing */
.pkp_page_index .current_issue .cmp_article_list,
.page_index_journal .current_issue .cmp_article_list {
  margin: 0;
  padding: 0;
}

.pkp_page_index .current_issue .cmp_article_list > li,
.page_index_journal .current_issue .cmp_article_list > li {
  margin: 0 0 20px;
  padding: 0;
  list-style: none;
}

/* Article cards — stock OJS article summary */
.pkp_page_index .current_issue .obj_article_summary,
.page_index_journal .current_issue .obj_article_summary {
  position: relative;
  margin: 0;
  padding: 25px 28px 23px;
  overflow: hidden;
  background: var(--umpo-paper);
  border: 1px solid var(--umpo-border);
  border-radius: var(--umpo-radius);
  box-shadow: var(--umpo-shadow);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.pkp_page_index .current_issue .obj_article_summary::before,
.page_index_journal .current_issue .obj_article_summary::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 4px;
  background: linear-gradient(180deg, var(--umpo-navy), #75acd8);
  content: "";
}

.pkp_page_index .current_issue .obj_article_summary:hover,
.page_index_journal .current_issue .obj_article_summary:hover {
  transform: translateY(-2px);
  border-color: #c9d8e7;
  box-shadow: var(--umpo-shadow-hover);
}

/* Article title */
.pkp_page_index .current_issue .obj_article_summary .title,
.page_index_journal .current_issue .obj_article_summary .title {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: clamp(1.05rem, 1.5vw, 1.32rem);
  font-weight: 750;
  line-height: 1.5;
}

.pkp_page_index .current_issue .obj_article_summary .title a,
.page_index_journal .current_issue .obj_article_summary .title a {
  color: var(--umpo-ink);
  text-decoration: none;
}

.pkp_page_index .current_issue .obj_article_summary .title a:hover,
.page_index_journal .current_issue .obj_article_summary .title a:hover {
  color: var(--umpo-blue);
}

.pkp_page_index .current_issue .obj_article_summary .subtitle,
.page_index_journal .current_issue .obj_article_summary .subtitle {
  display: block;
  margin-top: 5px;
  color: var(--umpo-muted);
  font-size: .92em;
  font-weight: 500;
}

/* Authors and other stock metadata */
.pkp_page_index .current_issue .obj_article_summary .meta,
.page_index_journal .current_issue .obj_article_summary .meta {
  margin-top: 14px;
  padding-top: 14px;
  color: var(--umpo-muted);
  border-top: 1px solid var(--umpo-border);
  font-size: .9rem;
  line-height: 1.65;
}

.pkp_page_index .current_issue .obj_article_summary .authors,
.page_index_journal .current_issue .obj_article_summary .authors {
  margin: 0 0 6px;
  color: #344454;
  font-weight: 650;
}

.pkp_page_index .current_issue .obj_article_summary .pages,
.page_index_journal .current_issue .obj_article_summary .pages,
.pkp_page_index .current_issue .obj_article_summary .published,
.page_index_journal .current_issue .obj_article_summary .published {
  display: inline-block;
  margin: 3px 14px 0 0;
  color: var(--umpo-muted);
  font-size: .84rem;
}

/* Cover image, if an article has one */
.pkp_page_index .current_issue .obj_article_summary .cover,
.page_index_journal .current_issue .obj_article_summary .cover {
  margin: 0 0 16px;
}

.pkp_page_index .current_issue .obj_article_summary .cover img,
.page_index_journal .current_issue .obj_article_summary .cover img {
  display: block;
  max-width: 100%;
  max-height: 250px;
  width: auto;
  border-radius: var(--umpo-radius-sm);
}

/* Galley / PDF links */
.pkp_page_index .current_issue .galleys_links,
.page_index_journal .current_issue .galleys_links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 17px 0 0;
  padding: 0;
  list-style: none;
}

.pkp_page_index .current_issue .galleys_links li,
.page_index_journal .current_issue .galleys_links li {
  margin: 0;
  padding: 0;
}

.pkp_page_index .current_issue .galleys_links a,
.page_index_journal .current_issue .galleys_links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 39px;
  padding: 8px 15px;
  color: #fff !important;
  background: var(--umpo-navy);
  border: 1px solid var(--umpo-navy);
  border-radius: 9px;
  font-size: .82rem;
  font-weight: 750;
  line-height: 1.3;
  text-decoration: none;
  transition: background .18s ease, transform .18s ease;
}

.pkp_page_index .current_issue .galleys_links a:hover,
.page_index_journal .current_issue .galleys_links a:hover {
  background: #0c2c4d;
  border-color: #0c2c4d;
  transform: translateY(-1px);
}

/* Links and keyboard accessibility */
.pkp_page_index .current_issue a:focus-visible,
.page_index_journal .current_issue a:focus-visible {
  outline: 3px solid rgba(29, 93, 149, .35);
  outline-offset: 3px;
}

/* Optional styles for metadata if a template/plugin already outputs these classes.
   These rules do not create DOI, affiliation, or statistics data. */
.pkp_page_index .current_issue .umpo_article_metadata,
.page_index_journal .current_issue .umpo_article_metadata {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 17px;
  padding: 13px;
  background: var(--umpo-canvas);
  border: 1px solid #e5ebf1;
  border-radius: var(--umpo-radius-sm);
}

.pkp_page_index .current_issue .umpo_meta_item,
.page_index_journal .current_issue .umpo_meta_item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
  padding: 10px;
  background: #fff;
  border: 1px solid #e6ebf0;
  border-radius: 9px;
}

.pkp_page_index .current_issue .umpo_meta_label,
.page_index_journal .current_issue .umpo_meta_label {
  display: block;
  margin-bottom: 4px;
  color: #7a8794;
  font-size: .7rem;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.pkp_page_index .current_issue .umpo_doi a,
.page_index_journal .current_issue .umpo_doi a {
  color: var(--umpo-blue);
  font-size: .85rem;
  font-weight: 650;
  overflow-wrap: anywhere;
  text-decoration: none;
}

.pkp_page_index .current_issue .umpo_doi a:hover,
.page_index_journal .current_issue .umpo_doi a:hover {
  text-decoration: underline;
}

.pkp_page_index .current_issue .umpo_affiliation,
.page_index_journal .current_issue .umpo_affiliation {
  grid-column: 1 / -1;
}

.pkp_page_index .current_issue .umpo_affiliation_list,
.page_index_journal .current_issue .umpo_affiliation_list {
  color: #445464;
  font-size: .85rem;
  line-height: 1.55;
}

/* Tablet */
@media (max-width: 900px) {
  .pkp_page_index .current_issue .umpo_article_metadata,
  .page_index_journal .current_issue .umpo_article_metadata {
    grid-template-columns: 1fr;
  }

  .pkp_page_index .current_issue .umpo_affiliation,
  .page_index_journal .current_issue .umpo_affiliation {
    grid-column: auto;
  }
}

/* Mobile */
@media (max-width: 640px) {
  .pkp_page_index .current_issue_title,
  .page_index_journal .current_issue_title {
    margin-bottom: 20px;
    padding: 21px 19px;
    border-radius: 12px;
  }

  .pkp_page_index .current_issue .obj_article_summary,
  .page_index_journal .current_issue .obj_article_summary {
    padding: 20px 17px 19px;
    border-radius: 12px;
  }

  .pkp_page_index .current_issue .obj_article_summary .meta,
  .page_index_journal .current_issue .obj_article_summary .meta {
    font-size: .86rem;
  }

  .pkp_page_index .current_issue .umpo_article_metadata,
  .page_index_journal .current_issue .umpo_article_metadata {
    grid-template-columns: 1fr;
    padding: 8px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pkp_page_index .current_issue .obj_article_summary,
  .page_index_journal .current_issue .obj_article_summary,
  .pkp_page_index .current_issue .galleys_links a,
  .page_index_journal .current_issue .galleys_links a {
    transition: none;
  }
}

/* =====================================================
   UMPO SIDEBAR V2 — EKUILIBRIUM
   OJS 3.3.0.21 | No Custom JavaScript
   ===================================================== */

.umpo-journal-sidebar {
  --sidebar-blue: var(--umpo-blue, #123b67);
  --sidebar-blue-hover: var(--umpo-blue-2, #1d5d95);
  --sidebar-text: var(--umpo-text, #17212b);
  --sidebar-muted: var(--umpo-muted, #667382);
  --sidebar-border: var(--umpo-border, #dfe6ed);
  --sidebar-soft: var(--umpo-blue-soft, #eef5fb);

  width: 100%;
  margin: 0;
  color: var(--sidebar-text);
  font-family: inherit;
  font-size: 14px;
  line-height: 1.5;
  box-sizing: border-box;
}

.umpo-journal-sidebar *,
.umpo-journal-sidebar *::before,
.umpo-journal-sidebar *::after {
  box-sizing: border-box;
}

/* SECTION CARD */
.umpo-journal-sidebar .umpo-sidebar-section {
  margin: 0 0 20px;
  padding: 17px;
  background: #fff;
  border: 1px solid var(--sidebar-border);
  border-radius: 14px;
  box-shadow: 0 6px 20px rgba(18, 59, 103, .06);
  overflow: hidden;
}

/* SECTION HEADING */
.umpo-journal-sidebar .umpo-sidebar-heading {
  margin: 0 0 15px;
  padding: 0 0 11px;
  border: 0;
  border-bottom: 1px solid var(--sidebar-border);
  color: var(--sidebar-blue);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: .045em;
  text-transform: uppercase;
}

/* CERTIFICATE */
.umpo-journal-sidebar .umpo-certificate {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border-radius: 10px;
  text-align: center;
  text-decoration: none;
  transition: background .2s ease;
}

.umpo-journal-sidebar .umpo-certificate:hover {
  background: var(--sidebar-soft);
}

.umpo-journal-sidebar .umpo-certificate img {
  display: block;
  width: 78%;
  max-width: 210px;
  height: auto;
  object-fit: contain;
  transition: transform .2s ease;
}

.umpo-journal-sidebar .umpo-certificate:hover img {
  transform: scale(1.025);
}

.umpo-journal-sidebar .umpo-certificate span {
  color: var(--sidebar-blue);
  font-size: 12px;
  font-weight: 750;
}

/* PARTNER LOGOS */
.umpo-journal-sidebar .umpo-partner-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: 10px;
}

.umpo-journal-sidebar .umpo-partner-grid a {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 0;
  min-height: 100px;
  padding: 10px;
  background: #fff;
  border: 1px solid #edf0f4;
  border-radius: 10px;
  transition: background .2s ease, border-color .2s ease;
}

.umpo-journal-sidebar .umpo-partner-grid a:hover {
  background: var(--sidebar-soft);
  border-color: #c9d9e8;
}

.umpo-journal-sidebar .umpo-partner-grid img {
  display: block;
  width: 100%;
  max-width: 125px;
  max-height: 95px;
  height: auto;
  object-fit: contain;
}

/* NAVIGATION */
.umpo-journal-sidebar .umpo-sidebar-menu {
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.umpo-journal-sidebar .umpo-sidebar-link {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 43px;
  padding: 10px 11px;
  color: var(--sidebar-text);
  background: #fff;
  border: 1px solid transparent;
  border-radius: 9px;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.4;
  text-decoration: none;
  transition:
    color .18s ease,
    background .18s ease,
    border-color .18s ease;
}

.umpo-journal-sidebar .umpo-sidebar-link:hover {
  color: var(--sidebar-blue);
  background: var(--sidebar-soft);
  border-color: #dce8f2;
  text-decoration: none;
}

.umpo-journal-sidebar .umpo-menu-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 29px;
  width: 29px;
  height: 29px;
  border-radius: 8px;
  background: var(--sidebar-soft);
  color: var(--sidebar-blue);
  font-size: 15px;
  line-height: 1;
}

.umpo-journal-sidebar .umpo-sidebar-link > span:nth-child(2) {
  flex: 1;
  min-width: 0;
}

.umpo-journal-sidebar .umpo-menu-arrow {
  margin-left: auto;
  color: #8796a5;
  font-size: 12px;
}

/* DROPDOWN SUMMARY */
.umpo-journal-sidebar .umpo-sidebar-dropdown {
  margin: 0;
  padding: 0;
  border: 1px solid var(--sidebar-border);
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
}

.umpo-journal-sidebar .umpo-sidebar-dropdown > summary {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 47px;
  padding: 9px 11px;
  color: var(--sidebar-text);
  background: #fff;
  cursor: pointer;
  list-style: none;
  font-size: 13px;
  font-weight: 750;
  transition: background .18s ease, color .18s ease;
}

.umpo-journal-sidebar .umpo-sidebar-dropdown > summary::-webkit-details-marker {
  display: none;
}

.umpo-journal-sidebar .umpo-sidebar-dropdown > summary::marker {
  content: "";
}

.umpo-journal-sidebar .umpo-sidebar-dropdown > summary:hover,
.umpo-journal-sidebar .umpo-sidebar-dropdown[open] > summary {
  color: var(--sidebar-blue);
  background: var(--sidebar-soft);
}

.umpo-journal-sidebar .umpo-sidebar-dropdown > summary .umpo-menu-icon {
  flex: 0 0 29px;
}

.umpo-journal-sidebar .umpo-sidebar-dropdown > summary > span:nth-child(2) {
  flex: 1;
}

/* CHEVRON */
.umpo-journal-sidebar .umpo-dropdown-chevron {
  width: 8px;
  height: 8px;
  margin-right: 3px;
  border-right: 2px solid #7b8998;
  border-bottom: 2px solid #7b8998;
  transform: rotate(45deg) translateY(-2px);
  transition: transform .2s ease;
}

.umpo-journal-sidebar .umpo-sidebar-dropdown[open]
.umpo-dropdown-chevron {
  transform: rotate(225deg) translate(-1px, -1px);
}

/* DROPDOWN ITEMS */
.umpo-journal-sidebar .umpo-dropdown-content {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 7px 9px 10px 18px;
  border-top: 1px solid var(--sidebar-border);
  background: #fbfcfe;
}

.umpo-journal-sidebar .umpo-dropdown-content a {
  display: block;
  position: relative;
  padding: 9px 8px 9px 17px;
  border-radius: 7px;
  color: #4b5b6b;
  font-size: 12px;
  font-weight: 550;
  line-height: 1.45;
  text-decoration: none;
  overflow-wrap: anywhere;
  transition: color .18s ease, background .18s ease;
}

.umpo-journal-sidebar .umpo-dropdown-content a::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 16px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #9aafc2;
}

.umpo-journal-sidebar .umpo-dropdown-content a:hover {
  color: var(--sidebar-blue);
  background: #eaf2f9;
  text-decoration: none;
}

.umpo-journal-sidebar .umpo-dropdown-content a:hover::before {
  background: var(--sidebar-blue);
}

/* WEBSITE ANALYTICS */
.umpo-journal-sidebar .umpo-sidebar-counter {
  margin: 0 0 20px;
  padding: 15px;
  border: 1px solid var(--sidebar-border);
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 6px 20px rgba(18, 59, 103, .05);
  text-align: center;
}

.umpo-journal-sidebar .umpo-counter-label {
  margin-bottom: 12px;
  color: var(--sidebar-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.umpo-journal-sidebar .umpo-sidebar-counter a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 9px;
  color: var(--sidebar-blue);
  font-size: 12px;
  font-weight: 750;
  text-decoration: none;
}

.umpo-journal-sidebar .umpo-sidebar-counter img {
  display: block;
  max-width: 100%;
  height: auto;
}

.umpo-journal-sidebar .umpo-sidebar-counter a:hover {
  color: var(--sidebar-blue-hover);
  text-decoration: underline;
}

/* KEYBOARD ACCESSIBILITY */
.umpo-journal-sidebar a:focus-visible,
.umpo-journal-sidebar summary:focus-visible {
  outline: 3px solid rgba(29, 93, 149, .35);
  outline-offset: 3px;
}

/* MOBILE */
@media (max-width: 640px) {
  .umpo-journal-sidebar .umpo-sidebar-section {
    padding: 14px;
    margin-bottom: 15px;
  }

  .umpo-journal-sidebar .umpo-partner-grid a {
    min-height: 85px;
    padding: 8px;
  }

  .umpo-journal-sidebar .umpo-sidebar-link,
  .umpo-journal-sidebar .umpo-sidebar-dropdown > summary {
    min-height: 45px;
  }
}


/* ---------- 1. Design tokens (scoped as add-on variables) ---------- */
:root {
  --eku-v3-navy: #15345b;
  --eku-v3-blue: #2563a6;
  --eku-v3-blue-soft: #edf5fc;
  --eku-v3-text: #253449;
  --eku-v3-muted: #64748b;
  --eku-v3-border: #e2e8f0;
  --eku-v3-surface: #ffffff;
  --eku-v3-surface-soft: #f7f9fc;
  --eku-v3-radius: 12px;
  --eku-v3-shadow: 0 8px 24px rgba(15, 35, 65, .08);
  --eku-v3-shadow-hover: 0 12px 28px rgba(15, 35, 65, .13);
}

/* ---------- 2. Paragraph alignment ---------- */
/* Global paragraph justification as requested. */
.pkp_page_article .item.abstract p,
.pkp_page_article .item.full_text p,
.pkp_page_index .current_issue p {
  text-align: justify;
  text-justify: inter-word;
}

/* Keep compact UI text readable and avoid awkward justification. */
.pkp_navigation_primary_wrapper1 p,
.pkp_navigation_primary_wrapper1 .sidebar_title,
.pkp_navigation_primary_wrapper1 li,
.pkp_navigation_primary_wrapper1 a,
.pkp_site_nav_menu p,
.pkp_navigation_primary p,
.pkp_navigation_user p,
.pkp_footer p {
  text-align: left;
}

/* ---------- 3. Custom sidebar block from supplied HTML ---------- */
.pkp_navigation_primary_wrapper1 {
  color: var(--eku-v3-text);
  font-family: inherit;
  line-height: 1.6;
}

.pkp_navigation_primary_wrapper1 .sidebar_title {
  position: relative;
  margin: 22px 0 12px;
  padding: 0 0 9px;
  color: var(--eku-v3-navy);
  font-size:  .94rem;
  font-weight: 750;
  line-height: 1.35;
  letter-spacing: .025em;
  text-transform: none;
  border-bottom: 1px solid var(--eku-v3-border);
}

.pkp_navigation_primary_wrapper1 .sidebar_title::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 44px;
  height: 3px;
  border-radius: 99px;
  background: var(--eku-v3-blue);
}

.pkp_navigation_primary_wrapper1 > center {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px 12px;
  margin-bottom: 18px;
  border: 1px solid var(--eku-v3-border);
  border-radius: var(--eku-v3-radius);
  background: linear-gradient(145deg, #fff, var(--eku-v3-surface-soft));
}

.pkp_navigation_primary_wrapper1 > center a {
  display: block;
  line-height: 0;
}

.pkp_navigation_primary_wrapper1 > center img {
  display: block;
  width: min(70%, 210px) !important;
  height: auto;
  object-fit: contain;
  transition: transform .2s ease;
}

.pkp_navigation_primary_wrapper1 > center a:hover img {
  transform: translateY(-2px);
}

/* Partnership logos: cleaner, equal-height cards */
.pkp_navigation_primary_wrapper1 table {
  width: 100%;
  border: 0;
  border-collapse: separate;
  border-spacing: 8px;
  margin: 0 -8px 14px;
}

.pkp_navigation_primary_wrapper1 table td {
  width: 50%;
  padding: 10px 6px;
  vertical-align: middle;
  border: 1px solid var(--eku-v3-border);
  border-radius: 10px;
  background: var(--eku-v3-surface);
  transition: border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

.pkp_navigation_primary_wrapper1 table td:hover {
  border-color: #bfd5eb;
  box-shadow: 0 6px 16px rgba(15, 35, 65, .07);
  transform: translateY(-2px);
}

.pkp_navigation_primary_wrapper1 table p {
  margin: 0;
  text-align: center;
}

.pkp_navigation_primary_wrapper1 table img {
  display: inline-block;
  max-width: 100%;
  max-height: 100px;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Sidebar menu container */
.pkp_navigation_primary_wrapper1 #navigationPrimary {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.pkp_navigation_primary_wrapper1 #navigationPrimary > li {
  position: relative;
  display: block;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pkp_navigation_primary_wrapper1 #navigationPrimary > li > a {
  display: flex;
  align-items: center;
  gap: 9px;
  width: 100%;
  box-sizing: border-box;
  padding: 11px 12px;
  color: var(--eku-v3-text);
  background: var(--eku-v3-surface);
  border: 1px solid transparent;
  border-radius: 9px;
  font-size: .91rem;
  font-weight: 600;
  line-height: 1.4;
  text-decoration: none;
  transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}

.pkp_navigation_primary_wrapper1 #navigationPrimary > li > a:hover,
.pkp_navigation_primary_wrapper1 #navigationPrimary > li > a:focus {
  color: var(--eku-v3-navy);
  background: var(--eku-v3-blue-soft);
  border-color: #d5e6f6;
  text-decoration: none;
}

.pkp_navigation_primary_wrapper1 #navigationPrimary > li > a:focus-visible,
.pkp_navigation_primary_wrapper1 #navigationPrimary ul a:focus-visible {
  outline: 3px solid rgba(37, 99, 166, .25);
  outline-offset: 2px;
}

.pkp_navigation_primary_wrapper1 #navigationPrimary em {
  font-style: normal;
}

.pkp_navigation_primary_wrapper1 #navigationPrimary em.fa {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  font-family: inherit;
  font-weight: inherit;
}

/* Dropdown submenu — works with OJS/Bootstrap's existing dropdown behavior */
.pkp_navigation_primary_wrapper1 #navigationPrimary > li > a[data-toggle="dropdown"]::after {
  content: "";
  flex: 0 0 auto;
  width: 7px;
  height: 7px;
  margin-left: auto;
  border-right: 1.8px solid currentColor;
  border-bottom: 1.8px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  transition: transform .18s ease;
}

.pkp_navigation_primary_wrapper1 #navigationPrimary > li.open > a[data-toggle="dropdown"]::after,
.pkp_navigation_primary_wrapper1 #navigationPrimary > li.show > a[data-toggle="dropdown"]::after {
  transform: rotate(225deg) translate(-1px, -1px);
}

.pkp_navigation_primary_wrapper1 #navigationPrimary .dropdown-menu {
  position: static;
  float: none;
  display: none;
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  margin: 5px 0 7px;
  padding: 6px;
  border: 1px solid var(--eku-v3-border);
  border-radius: 10px;
  background: var(--eku-v3-surface-soft);
  box-shadow: inset 0 1px 2px rgba(15, 35, 65, .025);
  list-style: none;
}

.pkp_navigation_primary_wrapper1 #navigationPrimary > li.open > .dropdown-menu,
.pkp_navigation_primary_wrapper1 #navigationPrimary > li.show > .dropdown-menu {
  display: block;
}

.pkp_navigation_primary_wrapper1 #navigationPrimary .dropdown-menu li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.pkp_navigation_primary_wrapper1 #navigationPrimary .dropdown-menu a {
  display: block;
  padding: 9px 10px 9px 14px;
  color: var(--eku-v3-muted);
  border-radius: 7px;
  font-size: .86rem;
  line-height: 1.45;
  text-decoration: none;
  transition: color .18s ease, background .18s ease;
}

.pkp_navigation_primary_wrapper1 #navigationPrimary .dropdown-menu a:hover,
.pkp_navigation_primary_wrapper1 #navigationPrimary .dropdown-menu a:focus {
  color: var(--eku-v3-navy);
  background: #eaf2fa;
  text-decoration: none;
}

/* Analytics image/link */
.pkp_navigation_primary_wrapper1 > a[title="Web Analytics"] {
  display: inline-block;
  max-width: 100%;
  margin-top: 16px;
  opacity: .8;
}

.pkp_navigation_primary_wrapper1 > a[title="Web Analytics"] img {
  display: block;
  max-width: 100%;
  height: auto;
}

.pkp_navigation_primary_wrapper1 > a[href*="statcounter.com/p11880636"] {
  display: inline-block;
  margin: 8px 0 0;
  color: var(--eku-v3-blue);
  font-size: .82rem;
  text-decoration: none;
}

.pkp_navigation_primary_wrapper1 > a[href*="statcounter.com/p11880636"]:hover {
  text-decoration: underline;
}

/* ---------- 4. OJS site header ---------- */
.pkp_structure_head {
  position: relative;
  z-index: 100;
  border-bottom: 1px solid var(--eku-v3-border);
  box-shadow: 0 3px 16px rgba(15, 35, 65, .045);
}

.pkp_site_name_wrapper {
  padding-top: 20px;
  padding-bottom: 20px;
}

.pkp_site_name {
  color: var(--eku-v3-navy);
  font-weight: 750;
  letter-spacing: -.025em;
}

.pkp_site_name a {
  color: inherit;
  text-decoration: none;
}

.pkp_site_name a:hover,
.pkp_site_name a:focus {
  color: var(--eku-v3-blue);
  text-decoration: none;
}

.pkp_site_name img {
  max-height: 94px;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* ---------- 5. Main OJS navigation ---------- */
.pkp_navigation_primary_row {
  border-top: 1px solid rgba(226, 232, 240, .7);
}

.pkp_navigation_primary_wrapper {
  min-height: 52px;
}

.pkp_navigation_primary {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 3px;
  margin: 0;
}

.pkp_navigation_primary > li {
  margin: 0;
}

.pkp_navigation_primary > li > a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 10px 13px;
  color: var(--eku-v3-text);
  border-radius: 8px;
  font-size: .91rem;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  transition: color .18s ease, background .18s ease;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li > a[aria-expanded="true"] {
  color: var(--eku-v3-navy);
  background: var(--eku-v3-blue-soft);
  text-decoration: none;
}

/* Modern dropdown surface; keep dropdown positioning to OJS/Bootstrap */
.pkp_navigation_primary .dropdown-menu,
.pkp_navigation_primary .pkp_nav_list ul {
  padding: 7px;
  border: 1px solid var(--eku-v3-border);
  border-radius: 11px;
  background: var(--eku-v3-surface);
  box-shadow: var(--eku-v3-shadow);
}

.pkp_navigation_primary .dropdown-menu a,
.pkp_navigation_primary .pkp_nav_list ul a {
  display: block;
  padding: 10px 13px;
  color: var(--eku-v3-text);
  border-radius: 7px;
  font-size: .89rem;
  line-height: 1.4;
  text-decoration: none;
  transition: color .18s ease, background .18s ease;
}

.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary .dropdown-menu a:focus,
.pkp_navigation_primary .pkp_nav_list ul a:hover,
.pkp_navigation_primary .pkp_nav_list ul a:focus {
  color: var(--eku-v3-navy);
  background: var(--eku-v3-blue-soft);
}

/* ---------- 6. User navigation: Login / Register / account ---------- */
.pkp_navigation_user_wrapper {
  border-bottom: 1px solid rgba(226, 232, 240, .75);
}

.pkp_navigation_user {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
}

.pkp_navigation_user > li {
  margin: 0;
}

.pkp_navigation_user > li > a {
  display: inline-flex;
  align-items: center;
  min-height: 36px;
  padding: 8px 12px;
  color: var(--eku-v3-muted);
  border: 1px solid transparent;
  border-radius: 8px;
  font-size: .86rem;
  font-weight: 600;
  text-decoration: none;
  transition: color .18s ease, background .18s ease, border-color .18s ease;
}

.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
  color: var(--eku-v3-navy);
  background: var(--eku-v3-blue-soft);
  border-color: #d5e6f6;
  text-decoration: none;
}

.pkp_navigation_user .dropdown-menu {
  min-width: 190px;
  padding: 7px;
  border: 1px solid var(--eku-v3-border);
  border-radius: 11px;
  background: var(--eku-v3-surface);
  box-shadow: var(--eku-v3-shadow);
}

.pkp_navigation_user .dropdown-menu a {
  display: block;
  padding: 10px 12px;
  color: var(--eku-v3-text);
  border-radius: 7px;
  font-size: .88rem;
  text-decoration: none;
}

.pkp_navigation_user .dropdown-menu a:hover,
.pkp_navigation_user .dropdown-menu a:focus {
  color: var(--eku-v3-navy);
  background: var(--eku-v3-blue-soft);
}

/* ---------- 7. Search control, if present in the theme ---------- */
.pkp_search button,
.pkp_search .search_controls button,
.pkp_navigation_search_wrapper button {
  border-radius: 8px;
}

.pkp_search input[type="text"],
.pkp_search input[type="search"],
.pkp_navigation_search_wrapper input {
  min-height: 40px;
  border: 1px solid var(--eku-v3-border);
  border-radius: 9px;
  box-shadow: none;
}

.pkp_search input:focus,
.pkp_navigation_search_wrapper input:focus {
  border-color: #8bb8e0;
  outline: 3px solid rgba(37, 99, 166, .12);
}

/* ---------- 8. General controls consistent with the new header ---------- */
.pkp_structure_page button,
.pkp_structure_page .pkp_button,
.pkp_structure_page input[type="submit"],
.pkp_structure_page input[type="button"] {
  border-radius: 8px;
}

.pkp_structure_page a {
  transition: color .18s ease;
}

/* ---------- 9. Responsive adjustments ---------- */
@media (max-width: 992px) {
  .pkp_site_name_wrapper {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .pkp_navigation_primary {
    gap: 2px;
  }

  .pkp_navigation_primary > li > a {
    padding: 9px 10px;
    font-size: .88rem;
  }
}

@media (max-width: 767px) {
  .pkp_site_name img {
    max-height: 70px;
  }

  .pkp_navigation_primary {
    display: block;
  }

  .pkp_navigation_primary > li > a {
    display: flex;
    width: 100%;
    box-sizing: border-box;
  }

  .pkp_navigation_primary .dropdown-menu,
  .pkp_navigation_primary .pkp_nav_list ul {
    position: static;
    float: none;
    width: 100%;
    box-sizing: border-box;
    box-shadow: none;
  }

  .pkp_navigation_user {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .pkp_navigation_user > li > a {
    padding: 8px 10px;
  }

  .pkp_navigation_primary_wrapper1 table {
    border-spacing: 5px;
  }

  .pkp_navigation_primary_wrapper1 table td {
    padding: 8px 4px;
  }

  .pkp_navigation_primary_wrapper1 table img {
    max-height: 76px;
  }

  .pkp_navigation_primary_wrapper1 .sidebar_title {
    margin-top: 18px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .pkp_navigation_primary_wrapper1 *,
  .pkp_navigation_primary *,
  .pkp_navigation_user *,
  .pkp_site_name * {
    transition: none !important;
  }
}

/* =====================================================
   EKUILIBRIUM — ACADEMIC ECONOMICS BACKGROUND
   OJS 3.3.0.21
   Tempel di bagian paling bawah Journal Style Sheet
   ===================================================== */
/* EKUILIBRIUM — BACKGROUND BELAKANG SAJA */
html,
body {
    background-color: #f1f5fa !important;
    background-image:
        radial-gradient(
            circle at 10% 10%,
            rgba(66, 133, 190, 0.10),
            transparent 35%
        ),
        radial-gradient(
            circle at 90% 45%,
            rgba(28, 83, 137, 0.07),
            transparent 35%
        ),
        linear-gradient(
            135deg,
            #f7faff 0%,
            #edf3f9 50%,
            #f5f8fc 100%
        ) !important;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (max-width: 767px) {
    html,
    body {
        background-attachment: scroll;
    }
}

/* EKUILIBRIUM — CURRENT ISSUE CARD POLISH */
/* Styling only: does not create or remove article data */

.pkp_page_index .current_issue .obj_article_summary {
    background: #ffffff;
    border: 1px solid #e2eaf2;
    border-radius: 12px;
    padding: 22px;
    margin-bottom: 18px;
    box-shadow: 0 3px 12px rgba(25, 55, 85, 0.045);
    transition: border-color 0.2s ease,
                box-shadow 0.2s ease;
}

.pkp_page_index .current_issue .obj_article_summary:hover {
    border-color: #b8cde0;
    box-shadow: 0 7px 20px rgba(25, 55, 85, 0.08);
}

/* Article title */
.pkp_page_index .current_issue
.obj_article_summary .title a {
    color: #173f68;
    font-size: 1.08rem;
    font-weight: 700;
    line-height: 1.55;
    text-decoration: none;
}

.pkp_page_index .current_issue
.obj_article_summary .title a:hover {
    color: #2878b8;
}

/* Author and existing metadata */
.pkp_page_index .current_issue
.obj_article_summary .authors,
.pkp_page_index .current_issue
.obj_article_summary .meta {
    color: #5b6b7c;
    font-size: 0.9rem;
    line-height: 1.7;
}

/* PDF and galley links */
.pkp_page_index .current_issue
.obj_article_summary a.obj_galley_link,
.pkp_page_index .current_issue
.obj_article_summary a.file {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    margin: 8px 6px 0 0;
    padding: 9px 15px;
    border: 1px solid #d5e3f0;
    border-radius: 8px;
    background: #173f68;
    color: #ffffff;
    border-color: #173f68;
    font-size: 0.84rem;
    font-weight: 600;
    text-decoration: none;
    transition: background 0.2s ease,
                border-color 0.2s ease;
}

.pkp_page_index .current_issue
.obj_article_summary a.obj_galley_link:hover,
.pkp_page_index .current_issue
.obj_article_summary a.file:hover {
    background: #245987;
    border-color: #245987;
    color: #ffffff;
}

/* Responsive spacing */
@media (max-width: 767px) {
    .pkp_page_index .current_issue
    .obj_article_summary {
        padding: 16px;
        border-radius: 10px;
    }

    .pkp_page_index .current_issue
    .obj_article_summary .title a {
        font-size: 1rem;
    }
}

/* EKUILIBRIUM — Sembunyikan ORCID di Current Issue */
.pkp_page_index .current_issue .obj_article_summary a[href*="orcid.org"],
.pkp_page_index .current_issue .obj_article_summary img[src*="orcid"],
.pkp_page_index .current_issue .obj_article_summary svg[class*="orcid"],
.pkp_page_index .current_issue .obj_article_summary .orcid {
    display: none !important;
}

/* =====================================================
   EKUILIBRIUM — CURRENT ISSUE 80:20 LAYOUT
   OJS 3.3.0.21
   ===================================================== */

/* Dasar kartu artikel */
.pkp_page_index .current_issue .obj_article_summary {
    display: grid;
    column-gap: 20px;
    align-items: center;
}

/* Kolom kiri: judul dan informasi artikel */
.pkp_page_index .current_issue
.obj_article_summary .title,
.pkp_page_index .current_issue
.obj_article_summary .subtitle,
.pkp_page_index .current_issue
.obj_article_summary .authors,
.pkp_page_index .current_issue
.obj_article_summary .meta {
    min-width: 0;
}

/* PDF: tombol biru tua yang jelas */
.pkp_page_index .current_issue
.obj_article_summary .galleys_links a,
.pkp_page_index .current_issue
.obj_article_summary a.obj_galley_link,
.pkp_page_index .current_issue
.obj_article_summary a.file {
    background: #173f68;
    color: #ffffff !important;
    border: 1px solid #173f68;
    border-radius: 8px;
    font-weight: 700;
}

/* Tampilan layar kecil */
@media (max-width: 640px) {
    .pkp_page_index .current_issue
    .obj_article_summary {
        grid-template-columns: minmax(0, 1fr);
        row-gap: 12px;
    }
}


/* EKUILIBRIUM - PERAPIAN TOMBOL PDF CURRENT ISSUE */

.pkp_page_index .current_issue .obj_article_summary .galleys_links,
.page_index_journal .current_issue .obj_article_summary .galleys_links {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    margin-top: 12px;
}

.pkp_page_index .current_issue .obj_article_summary .galleys_links a,
.page_index_journal .current_issue .obj_article_summary .galleys_links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #173f68;
    color: #ffffff !important;
    border: 1px solid #173f68;
    border-radius: 8px;
    padding: 10px 16px;
    font-weight: 700;
    text-decoration: none;
}

/* EKUILIBRIUM - SEMBUNYIKAN THUMBNAIL ARTIKEL
   OJS 3.3.0.21
*/


/* CADANGAN - GAMBAR DI DALAM KARTU ARTIKEL CURRENT ISSUE */
.pkp_page_index .current_issue .obj_article_summary img,
.page_index_journal .current_issue .obj_article_summary img {
    display: none !important;
}

.pkp_page_index .current_issue .obj_article_summary .cover_image,
.pkp_page_index .current_issue .obj_article_summary .cover-image,
.pkp_page_index .current_issue .obj_article_summary .article-thumbnail,
.pkp_page_index .current_issue .obj_article_summary .thumbnail,
.pkp_page_index .current_issue .obj_article_summary .cover,
.pkp_page_index .current_issue .obj_article_summary figure,
.pkp_page_index .current_issue .obj_article_summary img,
.page_index_journal .current_issue .obj_article_summary .cover_image,
.page_index_journal .current_issue .obj_article_summary .cover-image,
.page_index_journal .current_issue .obj_article_summary .article-thumbnail,
.page_index_journal .current_issue .obj_article_summary .thumbnail,
.page_index_journal .current_issue .obj_article_summary .cover,
.page_index_journal .current_issue .obj_article_summary figure,
.page_index_journal .current_issue .obj_article_summary img {
    display: none !important;
}