/* ========================================================================
   JEBMR — OJS stylesheet (revised)
   Upload as the ONLY Journal style sheet.
   Brand accent #18cb96 retained; surfaces carrying white text darkened
   to #077355 to meet WCAG AA contrast (5.85:1).
   ======================================================================== */

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

:root {
  --jebmr-green: #18cb96;
  --jebmr-green-dark: #0faa7b;
  --jebmr-green-deep: #077355;
  --jebmr-green-soft: #eafff8;
  --jebmr-text: #2a2a33;
  --jebmr-muted: #63687a;
  --jebmr-border: #e5e8ee;
  --jebmr-bg: #f5f7fa;
  --jebmr-white: #ffffff;
}

body,
.pkp_structure_page {
  background: var(--jebmr-bg) !important;
  color: var(--jebmr-text) !important;
  font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
  line-height: 1.7 !important;
}

a, a:link, a:visited {
  color: var(--jebmr-green-deep) !important;
  text-decoration: none !important;
}

a:hover, a:focus {
  color: var(--jebmr-green-dark) !important;
}

/* Links inside body copy keep an underline so they are distinguishable
   without relying on colour alone (WCAG 1.4.1). */
.pkp_structure_main p a,
.pkp_structure_main li a,
.obj_article_details .abstract a,
.pkp_footer_content a {
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

/* Visible keyboard focus everywhere */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid var(--jebmr-green) !important;
  outline-offset: 2px !important;
}

h1, h2, h3, h4, h5, h6,
.page h1, .page h2, .page h3,
.obj_issue_toc .heading,
.obj_article_details .page_title {
  font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
  color: var(--jebmr-text) !important;
  font-weight: 700 !important;
  letter-spacing: -0.015em !important;
}

/* ------------------------------------------------------------------------
   CONTENT
   ------------------------------------------------------------------------ */

.pkp_structure_content {
  background: linear-gradient(180deg, #ffffff 0%, var(--jebmr-bg) 100%) !important;
  padding-top: 34px !important;
}

.pkp_structure_main {
  background: #ffffff !important;
  border: 1px solid var(--jebmr-border) !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 36px rgba(42,42,51,0.07) !important;
  padding: 32px !important;
}

.pkp_block {
  background: #ffffff !important;
  border: 1px solid var(--jebmr-border) !important;
  border-radius: 16px !important;
  border-top: 4px solid var(--jebmr-green) !important;
  box-shadow: 0 10px 28px rgba(42,42,51,0.06) !important;
  padding: 20px !important;
  margin-bottom: 22px !important;
}

.pkp_block .title,
.pkp_block .blockTitle,
.pkp_block span.blockTitle {
  color: var(--jebmr-text) !important;
  font-weight: 700 !important;
  font-size: 0.95rem !important;
  text-transform: uppercase !important;
  letter-spacing: .035em !important;
  border-bottom: 2px solid var(--jebmr-green) !important;
  padding-bottom: 9px !important;
  margin-bottom: 12px !important;
}

/* ------------------------------------------------------------------------
   IDENTITY STRIP — ISSN, licence, publisher
   ------------------------------------------------------------------------ */

.pkp_structure_head::before {
  content: "e-ISSN 3107-1996   ·   Peer-reviewed   ·   Open access (CC BY 4.0)   ·   Published by Acadentium Research";
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 8px 24px;
  background: #05563f;
  color: #ffffff;
  font-size: 0.78rem;
  letter-spacing: 0.015em;
  text-align: center;
}

/* ------------------------------------------------------------------------
   USER NAV
   ------------------------------------------------------------------------ */

.pkp_navigation_user_wrapper,
.pkp_navigation_user {
  background: var(--jebmr-green-deep) !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.pkp_navigation_user_wrapper {
  max-width: none !important;
  border-bottom: 1px solid rgba(255,255,255,0.22) !important;
}

.pkp_navigation_user > li > a,
.pkp_navigation_user > li > a:link,
.pkp_navigation_user > li > a:visited {
  color: #ffffff !important;
  background: transparent !important;
  font-size: 0.82rem !important;
  font-weight: 600 !important;
  text-transform: none !important;
  padding: 9px 13px !important;
}

.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus,
.pkp_navigation_user > li:hover > a {
  background: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
}

.pkp_navigation_user .task_count,
.pkp_navigation_user .badge,
.pkp_navigation_user .notifications {
  background: #ffffff !important;
  color: var(--jebmr-green-deep) !important;
  border-radius: 999px !important;
}

/* ------------------------------------------------------------------------
   HEADER
   ------------------------------------------------------------------------ */

.pkp_structure_head,
#header {
  background: var(--jebmr-green-deep) !important;
  background-image: none !important;
  border-bottom: 3px solid var(--jebmr-green) !important;
  box-shadow: none !important;
}

.pkp_head_wrapper,
#headerTitle {
  background: transparent !important;
  background-image: none !important;
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 46px !important;
}

.pkp_site_name_wrapper,
.pkp_site_name {
  background: transparent !important;
  background-image: none !important;
}

.pkp_site_name_wrapper {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: flex-start !important;
  min-height: 112px !important;
  padding: 16px 0 20px !important;
  border-bottom: 1px solid rgba(255,255,255,0.22) !important;
}

.pkp_site_name {
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_site_name .is_img img,
.pkp_site_name_wrapper img,
#headerTitle img {
  max-height: 84px !important;
  max-width: 320px !important;
  width: auto !important;
  height: auto !important;
  object-fit: contain !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

.pkp_site_name .is_text {
  color: #ffffff !important;
  font-size: 1.35rem !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

/* ------------------------------------------------------------------------
   PRIMARY NAVIGATION
   ------------------------------------------------------------------------ */

.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row,
#navbar {
  background: var(--jebmr-green-deep) !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.pkp_navigation_primary_row,
#navbar {
  max-width: 1240px !important;
  margin: 0 auto !important;
  padding: 0 0 8px !important;
}

.pkp_navigation_primary,
#navbar ul {
  background: transparent !important;
}

.pkp_navigation_primary > li > a,
.pkp_navigation_primary > li > a:link,
.pkp_navigation_primary > li > a:visited,
#navbar a,
#navbar a:link,
#navbar a:visited {
  color: #ffffff !important;
  background: transparent !important;
  font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  text-transform: none !important;
  padding: 16px 15px !important;
  text-decoration: none !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li:hover > a,
#navbar a:hover,
#navbar a:focus {
  background: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
}

.pkp_navigation_primary > li.current > a {
  background: transparent !important;
  color: #ffffff !important;
  box-shadow: inset 0 -3px 0 var(--jebmr-green) !important;
}

/* Submit button — last item in the primary menu */
.pkp_navigation_primary > li:last-child > a {
  background: var(--jebmr-green) !important;
  color: #06402f !important;
  border-radius: 8px !important;
  padding: 9px 16px !important;
  margin-left: 10px !important;
  font-weight: 700 !important;
}

.pkp_navigation_primary > li:last-child > a:hover {
  background: #22e0a8 !important;
  color: #06402f !important;
}

.pkp_navigation_primary .dropdown-menu {
  background: #ffffff !important;
  border: 1px solid var(--jebmr-border) !important;
  border-top: 4px solid var(--jebmr-green) !important;
  box-shadow: 0 18px 40px rgba(7,115,85,0.18) !important;
  border-radius: 0 0 12px 12px !important;
}

.pkp_navigation_primary .dropdown-menu a {
  background: #ffffff !important;
  color: var(--jebmr-text) !important;
  font-size: 0.88rem !important;
  font-weight: 500 !important;
}

.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_primary .dropdown-menu a:focus {
  background: var(--jebmr-green-soft) !important;
  color: var(--jebmr-green-deep) !important;
}

.pkp_navigation_search_wrapper a,
.pkp_search a,
.pkp_search_desktop a {
  color: #ffffff !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
}

.pkp_navigation_search_wrapper a:hover,
.pkp_search a:hover {
  background: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
}

/* ------------------------------------------------------------------------
   BUTTONS AND FORMS
   ------------------------------------------------------------------------ */

.cmp_button,
.cmp_form .buttons button,
button.submit,
input[type="submit"],
input[type="button"],
a.button {
  background: var(--jebmr-green-deep) !important;
  color: #ffffff !important;
  border: 1px solid var(--jebmr-green-deep) !important;
  border-radius: 10px !important;
  padding: 10px 16px !important;
  font-weight: 600 !important;
  box-shadow: 0 6px 16px rgba(7,115,85,.16) !important;
}

.cmp_button:hover,
.cmp_form .buttons button:hover,
button.submit:hover,
input[type="submit"]:hover,
a.button:hover {
  background: var(--jebmr-green-dark) !important;
  border-color: var(--jebmr-green-dark) !important;
  color: #ffffff !important;
}

input.textField,
select.selectMenu,
textarea.textArea,
input[type="text"],
input[type="email"],
input[type="password"],
textarea,
select {
  border: 1px solid var(--jebmr-border) !important;
  border-radius: 10px !important;
  padding: 10px 12px !important;
  background: #ffffff !important;
  color: var(--jebmr-text) !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: var(--jebmr-green-deep) !important;
  box-shadow: 0 0 0 3px rgba(24,203,150,.25) !important;
  outline: none !important;
}

/* ------------------------------------------------------------------------
   ARTICLE LISTINGS
   ------------------------------------------------------------------------ */

.obj_issue_toc .heading {
  border-bottom: 3px solid var(--jebmr-green) !important;
  padding-bottom: 12px !important;
  margin-bottom: 24px !important;
}

.obj_article_summary,
.tocArticle {
  border-bottom: 1px solid var(--jebmr-border) !important;
  padding: 18px 0 !important;
  background: transparent !important;
}

.obj_article_summary .title a,
.tocTitle a {
  color: var(--jebmr-text) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.obj_article_summary .title a:hover,
.tocTitle a:hover {
  color: var(--jebmr-green-deep) !important;
}

.obj_article_summary .authors,
.tocAuthors,
.obj_article_summary .pages,
.obj_issue_toc .published,
.description,
.summary {
  color: var(--jebmr-muted) !important;
}

/* ------------------------------------------------------------------------
   FOOTER
   ------------------------------------------------------------------------ */

.pkp_structure_footer_wrapper,
#footer {
  background: #ffffff !important;
  color: var(--jebmr-text) !important;
  border-top: 5px solid var(--jebmr-green) !important;
  box-shadow: 0 -8px 28px rgba(42,42,51,0.06) !important;
  margin-top: 44px !important;
  padding: 32px 0 !important;
}

.pkp_structure_footer,
.pkp_footer_content,
.pkp_footer_content p,
.pkp_footer_content div,
.pkp_footer_content span,
#footer p,
#footer div {
  color: var(--jebmr-text) !important;
}

.pkp_footer_content a,
#footer a {
  color: var(--jebmr-green-deep) !important;
  font-weight: 600 !important;
}

.pkp_brand_footer,
.pkp_brand_footer a {
  color: #6b6f7a !important;
}

.pkp_brand_footer img {
  opacity: .55 !important;
  filter: grayscale(100%) !important;
}

/* ------------------------------------------------------------------------
   OJS 2 FALLBACKS
   ------------------------------------------------------------------------ */

#container {
  width: 100% !important;
  min-width: 280px !important;
  background-color: var(--jebmr-bg) !important;
  background-image: none !important;
  overflow-x: hidden !important;
}

#body {
  background-color: #ffffff !important;
  max-width: 1240px !important;
  width: 100% !important;
  margin: 0 auto !important;
}

#header h1 {
  color: #ffffff !important;
}

/* ------------------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------------------ */

@media (max-width: 768px) {
  .pkp_structure_head::before {
    font-size: 0.68rem;
    padding: 7px 12px;
    line-height: 1.5;
  }

  .pkp_head_wrapper,
  #headerTitle {
    padding: 0 18px !important;
  }

  .pkp_site_name_wrapper {
    min-height: 92px !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 14px 0 18px !important;
  }

  .pkp_site_name .is_img img,
  #headerTitle img {
    max-height: 68px !important;
    max-width: 240px !important;
  }

  .pkp_navigation_primary > li > a,
  #navbar a {
    font-size: 0.88rem !important;
    padding: 12px 12px !important;
  }

  .pkp_navigation_primary > li:last-child > a {
    margin-left: 0 !important;
    display: inline-block !important;
  }

  .pkp_structure_main {
    padding: 22px !important;
    border-radius: 14px !important;
  }
}

/* ------------------------------------------------------------------------
   PRINT
   ------------------------------------------------------------------------ */

@media print {
  .pkp_structure_head,
  .pkp_navigation_user_wrapper,
  .pkp_navigation_primary_wrapper,
  .pkp_block,
  .pkp_structure_footer_wrapper {
    display: none !important;
  }

  .pkp_structure_main {
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
  }

  body { background: #ffffff !important; }
}

/* ------------------------------------------------------------------------
   HEADER REFINEMENTS
   ------------------------------------------------------------------------ */

.pkp_site_name_wrapper {
  min-height: 0 !important;
  align-items: center !important;
  padding: 20px 0 18px !important;
}

.pkp_site_name,
.pkp_site_name a,
.pkp_site_name .is_img {
  display: block !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

.pkp_site_name .is_img img,
.pkp_site_name_wrapper img,
#headerTitle img {
  max-height: 78px !important;
  display: block !important;
  margin: 0 !important;
}

.pkp_head_wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* ------------------------------------------------------------------------
   SUBMIT BUTTON — targeted by link, not by menu position
   ------------------------------------------------------------------------ */

.pkp_navigation_primary > li:last-child > a {
  background: transparent !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  padding: 16px 15px !important;
  margin-left: 0 !important;
  font-weight: 600 !important;
}

.pkp_navigation_primary > li:last-child > a:hover {
  background: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
}

.pkp_navigation_primary > li > a[href*="submissions"] {
  background: var(--jebmr-green) !important;
  color: #06402f !important;
  border-radius: 8px !important;
  padding: 9px 18px !important;
  font-weight: 700 !important;
  margin: 0 0 0 6px !important;
}

.pkp_navigation_primary > li > a[href*="submissions"]:hover,
.pkp_navigation_primary > li > a[href*="submissions"]:focus {
  background: #22e0a8 !important;
  color: #06402f !important;
}

.pkp_navigation_primary > li:has(> a[href*="submissions"]) {
  margin-left: auto !important;
}

@media (max-width: 768px) {
  .pkp_navigation_primary > li:has(> a[href*="submissions"]) {
    margin-left: 0 !important;
  }

  .pkp_site_name .is_img img,
  #headerTitle img {
    max-height: 62px !important;
  }
}

/* ------------------------------------------------------------------------
   TEXT MASTHEAD — journal name as live text, no logo image
   Remove the logo file under Appearance > Journal Header for this to show.
   ------------------------------------------------------------------------ */

.pkp_site_name_wrapper {
  min-height: 0 !important;
  display: block !important;
  padding: 26px 0 22px !important;
}

.pkp_site_name,
.pkp_site_name a,
.pkp_site_name .is_text {
  display: block !important;
  line-height: 1.25 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  text-decoration: none !important;
}

.pkp_site_name .is_text,
.pkp_site_name a,
#headerTitle h1 a {
  color: #ffffff !important;
  font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
  font-size: 1.95rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  max-width: 760px !important;
}

.pkp_site_name a:hover,
.pkp_site_name .is_text:hover {
  color: rgba(255,255,255,0.86) !important;
}

/* Tagline beneath the journal name */
.pkp_site_name_wrapper::after {
  content: "Advancing clinical practice through rigorous evidence";
  display: block;
  margin-top: 9px;
  color: rgba(255,255,255,0.82);
  font-size: 0.92rem;
  font-weight: 400;
  letter-spacing: 0.01em;
}

/* ------------------------------------------------------------------------
   NAVIGATION — plain links, no button treatment
   ------------------------------------------------------------------------ */

.pkp_navigation_primary > li > a[href*="submissions"],
.pkp_navigation_primary > li:last-child > a {
  background: transparent !important;
  color: #ffffff !important;
  border-radius: 0 !important;
  padding: 16px 15px !important;
  margin: 0 !important;
  font-weight: 600 !important;
}

.pkp_navigation_primary > li > a[href*="submissions"]:hover,
.pkp_navigation_primary > li > a[href*="submissions"]:focus,
.pkp_navigation_primary > li:last-child > a:hover {
  background: rgba(255,255,255,0.15) !important;
  color: #ffffff !important;
  border-radius: 0 !important;
}

.pkp_navigation_primary > li:has(> a[href*="submissions"]) {
  margin-left: 0 !important;
}

@media (max-width: 768px) {
  .pkp_site_name .is_text,
  .pkp_site_name a,
  #headerTitle h1 a {
    font-size: 1.25rem !important;
    max-width: none !important;
  }

  .pkp_site_name_wrapper {
    padding: 20px 0 18px !important;
    text-align: left !important;
  }

  .pkp_site_name_wrapper::after {
    font-size: 0.82rem;
    margin-top: 7px;
  }
}

/* ------------------------------------------------------------------------
   MASTHEAD CLEARANCE FIX
   Restores space between the user bar and the journal name, and stops
   the title being clipped by the theme's own positioning.
   ------------------------------------------------------------------------ */

.pkp_head_wrapper {
  padding-top: 34px !important;
  padding-bottom: 0 !important;
  overflow: visible !important;
  position: relative !important;
}

.pkp_site_name_wrapper {
  display: block !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 0 24px !important;
  overflow: visible !important;
  position: static !important;
  clear: both !important;
}

.pkp_site_name,
.pkp_site_name a,
.pkp_site_name .is_text,
#headerTitle h1,
#headerTitle h1 a {
  position: static !important;
  float: none !important;
  overflow: visible !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.3 !important;
  display: block !important;
}

.pkp_site_name .is_text,
.pkp_site_name a,
#headerTitle h1 a {
  font-size: 1.85rem !important;
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}

.pkp_navigation_user_wrapper {
  position: relative !important;
  z-index: 2 !important;
}

@media (max-width: 768px) {
  .pkp_head_wrapper {
    padding-top: 26px !important;
  }

  .pkp_site_name .is_text,
  .pkp_site_name a,
  #headerTitle h1 a {
    font-size: 1.2rem !important;
  }

  .pkp_site_name_wrapper {
    padding-bottom: 18px !important;
  }
}

/* ------------------------------------------------------------------------
   SIDEBAR IDENTIFIERS BLOCK
   ------------------------------------------------------------------------ */

.jebmr-ident-card {
  background: #ffffff;
  border: 1px solid var(--jebmr-border);
  border-radius: 10px;
  padding: 16px 14px;
  margin: 0 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 62px;
}

.jebmr-ident-card img {
  max-width: 100%;
  max-height: 44px;
  width: auto;
  height: auto;
  display: block;
}

.jebmr-ident-label {
  margin: 0 0 2px;
  color: var(--jebmr-muted);
  font-size: 0.76rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  font-weight: 500;
}

.jebmr-ident-number {
  margin: 0 0 20px;
  color: var(--jebmr-text);
  font-size: 1.02rem;
  font-weight: 700;
  letter-spacing: 0.09em;
}

.jebmr-ident-sub {
  margin: 0;
  color: var(--jebmr-text);
  font-size: 0.85rem;
  font-weight: 500;
}

/* ------------------------------------------------------------------------
   FOOTER — two column, tinted panel
   Append to the end of the journal stylesheet.
   ------------------------------------------------------------------------ */

.pkp_structure_footer_wrapper,
#footer {
  background: #f4fbf8 !important;
  border-top: 1px solid var(--jebmr-border) !important;
  box-shadow: none !important;
  margin-top: 40px !important;
  padding: 34px 0 30px !important;
}

.jebmr-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  align-items: flex-start;
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 26px;
}

.jebmr-footer-main {
  flex: 1 1 420px;
  min-width: 300px;
}

.jebmr-footer-logo {
  max-height: 62px;
  width: auto;
  display: block;
  margin: 0 0 18px;
}

.jebmr-footer-title {
  margin: 0 0 10px !important;
  font-size: 1.12rem !important;
  font-weight: 700 !important;
  color: #123c33 !important;
  line-height: 1.35 !important;
  max-width: 520px;
}

.jebmr-footer-meta {
  margin: 0 0 10px !important;
  color: #4a5a56 !important;
  font-size: 0.94rem !important;
}

.jebmr-footer-issn {
  margin: 0 0 14px !important;
  font-size: 0.94rem !important;
  color: #123c33 !important;
}

.jebmr-footer-lic {
  margin: 0 !important;
  font-size: 0.9rem !important;
  color: #4a5a56 !important;
  line-height: 1.65 !important;
  max-width: 500px;
}

.jebmr-footer-card {
  flex: 0 1 430px;
  min-width: 290px;
  background: #ffffff;
  border: 1px solid #dbe7e3;
  border-radius: 14px;
  padding: 22px 26px;
}

.jebmr-footer-card p {
  margin: 0 0 7px !important;
  font-size: 0.94rem !important;
  line-height: 1.6 !important;
  color: #123c33 !important;
}

.jebmr-card-head {
  font-size: 1.08rem !important;
  font-weight: 700 !important;
  margin-bottom: 14px !important;
}

.jebmr-footer-card hr {
  border: 0;
  border-top: 1px solid #e4eeeb;
  margin: 16px 0;
}

.jebmr-card-link a {
  font-weight: 700 !important;
  text-decoration: none !important;
}

.jebmr-card-sub {
  color: #4a5a56 !important;
  font-size: 0.9rem !important;
  margin-top: 6px !important;
}

.pkp_footer_content a,
#footer a {
  color: var(--jebmr-green-deep) !important;
  text-decoration: none !important;
}

.pkp_footer_content a:hover,
#footer a:hover {
  text-decoration: underline !important;
}

@media (max-width: 800px) {
  .jebmr-footer {
    gap: 24px;
    padding: 0 18px;
  }
  .jebmr-footer-card {
    flex: 1 1 100%;
    padding: 20px;
  }
}

/* ------------------------------------------------------------------------
   HIDE OJS / PKP BRANDING
   ------------------------------------------------------------------------ */

.pkp_brand_footer,
.pkp_brand_footer a,
.pkp_brand_footer img {
  display: none !important;
}

/* ========================================================================
   ARTICLE LANDING PAGE (obj_article_details) — v2
   Fixes: explicit two-column layout, author chip alignment, galley
   button label visibility, keyword text (OJS outputs one string),
   license/copyright block readability.
   ======================================================================== */

/* ---- Breadcrumbs -------------------------------------------------------- */

.cmp_breadcrumbs {
  margin: 0 0 18px !important;
}

.cmp_breadcrumbs ol,
.cmp_breadcrumbs ul {
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.82rem !important;
}

.cmp_breadcrumbs li {
  color: var(--jebmr-muted) !important;
}

.cmp_breadcrumbs a {
  color: var(--jebmr-muted) !important;
  text-decoration: none !important;
  font-weight: 500 !important;
}

.cmp_breadcrumbs a:hover,
.cmp_breadcrumbs a:focus {
  color: var(--jebmr-green-deep) !important;
  text-decoration: underline !important;
}

.cmp_breadcrumbs .separator {
  color: var(--jebmr-green) !important;
  padding: 0 4px !important;
}

/* ---- Title -------------------------------------------------------------- */

.obj_article_details .page_title,
.page.page_article h1.page_title {
  font-size: 1.9rem !important;
  line-height: 1.3 !important;
  letter-spacing: -0.02em !important;
  color: var(--jebmr-text) !important;
  max-width: 900px !important;
  margin: 4px 0 26px !important;
  padding-bottom: 16px !important;
  border-bottom: 3px solid var(--jebmr-green) !important;
}

.obj_article_details .subtitle {
  font-size: 1.15rem !important;
  color: var(--jebmr-muted) !important;
  font-weight: 500 !important;
  margin: 0 0 14px !important;
}

/* ---- Two-column layout: explicit, no dead gap ---------------------------- */

.obj_article_details .row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 34px !important;
  align-items: flex-start !important;
}

.obj_article_details .main_entry {
  flex: 1 1 0 !important;
  min-width: 0 !important;
  max-width: none !important;
  width: auto !important;
  float: none !important;
  padding: 0 !important;
  border: 0 !important;
}

.obj_article_details .entry_details {
  flex: 0 0 300px !important;
  max-width: 300px !important;
  width: 300px !important;
  float: none !important;
  padding: 0 !important;
  border: 0 !important;          /* removes the theme's divider line */
  margin: 0 !important;
}

@media (max-width: 900px) {
  .obj_article_details .entry_details {
    flex: 1 1 100% !important;
    max-width: none !important;
    width: 100% !important;
  }
}

/* ---- Section labels (Authors, Abstract, Keywords, etc.) ------------------
   Scoped to direct labels of items/sub_items so it can never hit text
   inside links or buttons (e.g. the galley label). */

.obj_article_details .main_entry .item > .label,
.obj_article_details .main_entry .item > h2.label,
.obj_article_details .entry_details .item > .label,
.obj_article_details .entry_details .sub_item > .label,
.obj_article_details .entry_details .sub_item > h2.label {
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.06em !important;
  color: var(--jebmr-green-deep) !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
  border: 0 !important;
  display: block !important;
}

.obj_article_details .main_entry .item {
  margin: 0 0 26px !important;
  padding: 0 !important;
  border: 0 !important;
}

/* ---- Authors: chips with everything on one line -------------------------- */

.obj_article_details .item.authors {
  margin: 0 0 22px !important;
}

.obj_article_details .item.authors ul.authors {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px 10px !important;
}

.obj_article_details .item.authors li {
  background: var(--jebmr-green-soft) !important;
  border: 1px solid #cdeee2 !important;
  border-radius: 999px !important;
  padding: 7px 15px !important;
  margin: 0 !important;
  font-size: 0.88rem !important;
  line-height: 1.4 !important;
}

/* Force name, role and ORCID onto one line inside the chip */
.obj_article_details .item.authors li .name,
.obj_article_details .item.authors li .userGroup,
.obj_article_details .item.authors li .role,
.obj_article_details .item.authors li .affiliation,
.obj_article_details .item.authors li .orcid {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
}

.obj_article_details .item.authors .name {
  color: var(--jebmr-text) !important;
  font-weight: 600 !important;
}

.obj_article_details .item.authors .userGroup,
.obj_article_details .item.authors .role,
.obj_article_details .item.authors .affiliation {
  color: var(--jebmr-muted) !important;
  font-size: 0.79rem !important;
  font-weight: 400 !important;
  margin-left: 7px !important;
}

.obj_article_details .item.authors .orcid {
  margin-left: 7px !important;
  font-size: 0.78rem !important;
}

.obj_article_details .item.authors .orcid img,
.obj_article_details .item.authors .orcidImage {
  width: 15px !important;
  height: 15px !important;
  vertical-align: text-bottom !important;
}

/* ---- DOI ----------------------------------------------------------------- */

.obj_article_details .item.doi_display,
.obj_article_details .item.doi {
  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.obj_article_details .item.doi_display > .label,
.obj_article_details .item.doi > .label {
  margin: 0 !important;
}

.obj_article_details .item.doi_display .value a,
.obj_article_details .item.doi .value a {
  font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace !important;
  font-size: 0.85rem !important;
  background: var(--jebmr-bg) !important;
  border: 1px solid var(--jebmr-border) !important;
  border-radius: 8px !important;
  padding: 5px 10px !important;
  display: inline-block !important;
  color: var(--jebmr-green-deep) !important;
  text-decoration: none !important;
}

.obj_article_details .item.doi_display .value a:hover,
.obj_article_details .item.doi .value a:hover {
  border-color: var(--jebmr-green) !important;
  background: var(--jebmr-green-soft) !important;
}

/* ---- Keywords (OJS outputs a single comma-separated string) -------------- */

.obj_article_details .item.keywords .value {
  display: block !important;
  color: var(--jebmr-muted) !important;
  font-size: 0.92rem !important;
  line-height: 1.7 !important;
}

/* ---- Abstract ------------------------------------------------------------ */

.obj_article_details .item.abstract {
  background: #fbfdfc !important;
  border: 1px solid var(--jebmr-border) !important;
  border-left: 4px solid var(--jebmr-green) !important;
  border-radius: 12px !important;
  padding: 22px 26px !important;
}

.obj_article_details .item.abstract > .label,
.obj_article_details .item.abstract > h2.label {
  margin-bottom: 12px !important;
}

.obj_article_details .item.abstract p {
  font-size: 0.98rem !important;
  line-height: 1.8 !important;
  color: var(--jebmr-text) !important;
  max-width: 74ch !important;
  margin: 0 0 14px !important;
}

.obj_article_details .item.abstract p:last-child {
  margin-bottom: 0 !important;
}

.obj_article_details .item.abstract strong {
  color: var(--jebmr-green-deep) !important;
}

/* ---- Sidebar (entry_details): card treatment ----------------------------- */

.obj_article_details .entry_details .item {
  background: #ffffff !important;
  border: 1px solid var(--jebmr-border) !important;
  border-radius: 12px !important;
  padding: 16px 18px !important;
  margin: 0 0 14px !important;
  box-shadow: 0 6px 18px rgba(42,42,51,0.05) !important;
}

.obj_article_details .entry_details .item .value {
  font-size: 0.9rem !important;
  color: var(--jebmr-text) !important;
}

.obj_article_details .entry_details .sub_item {
  margin: 0 0 14px !important;
  border: 0 !important;
  padding: 0 !important;
}

.obj_article_details .entry_details .sub_item:last-child {
  margin-bottom: 0 !important;
}

/* Cover image */
.obj_article_details .entry_details .item.cover_image {
  padding: 0 !important;
  overflow: hidden !important;
}

.obj_article_details .entry_details .item.cover_image img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* ---- PDF / galley buttons ------------------------------------------------ */

.obj_article_details .item.galleys ul.value,
.obj_article_details .galleys_links {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.obj_article_details .galleys_links li,
.obj_article_details .item.galleys li {
  display: block !important;
  width: 100% !important;
  margin: 0 0 8px !important;
  padding: 0 !important;
}

.obj_article_details a.obj_galley_link {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: var(--jebmr-green-deep) !important;
  color: #ffffff !important;
  border: 0 !important;
  border-radius: 10px !important;
  padding: 13px 18px !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-align: center !important;
  box-shadow: 0 8px 20px rgba(7,115,85,.22) !important;
  transition: background .15s ease !important;
}

/* CRITICAL: any nested span (incl. .label) must stay white on the button */
.obj_article_details a.obj_galley_link,
.obj_article_details a.obj_galley_link * ,
.obj_article_details a.obj_galley_link .label {
  color: #ffffff !important;
  font-size: 0.95rem !important;
  font-weight: 700 !important;
  text-transform: none !important;
  letter-spacing: normal !important;
  margin: 0 !important;
  display: inline !important;
}

.obj_article_details a.obj_galley_link::before {
  content: "\2193\00a0 Download\00a0";
  font-weight: 700;
  color: #ffffff;
}

.obj_article_details a.obj_galley_link:hover,
.obj_article_details a.obj_galley_link:focus {
  background: var(--jebmr-green-dark) !important;
}

/* ---- Published date / issue / section ------------------------------------ */

.obj_article_details .item.published .value,
.obj_article_details .sub_item.published .value {
  font-weight: 600 !important;
}

.obj_article_details .entry_details .item a {
  color: var(--jebmr-green-deep) !important;
  font-weight: 500 !important;
}

/* ---- Copyright / licence block ------------------------------------------- */

.obj_article_details .item.copyright,
.obj_article_details .item.license {
  background: #ffffff !important;
  border: 1px solid var(--jebmr-border) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  font-size: 0.85rem !important;
  line-height: 1.6 !important;
  color: var(--jebmr-muted) !important;
}

.obj_article_details .item.copyright p,
.obj_article_details .item.license p {
  color: var(--jebmr-muted) !important;
  font-size: 0.85rem !important;
  margin: 0 0 6px !important;
}

.obj_article_details .item.copyright a,
.obj_article_details .item.license a {
  color: var(--jebmr-green-deep) !important;
}

/* ---- How to Cite --------------------------------------------------------- */

.obj_article_details .item.citation {
  background: var(--jebmr-bg) !important;
  border: 1px solid var(--jebmr-border) !important;
  border-radius: 12px !important;
  padding: 20px 22px !important;
}

.obj_article_details .item.citation .value,
#citationOutput,
.csl-bib-body,
.csl-entry {
  font-size: 0.9rem !important;
  line-height: 1.7 !important;
  color: var(--jebmr-text) !important;
}

#citationOutput {
  background: #ffffff !important;
  border: 1px solid var(--jebmr-border) !important;
  border-radius: 8px !important;
  padding: 14px 16px !important;
  margin: 0 0 12px !important;
}

.obj_article_details .citation_formats_list,
.obj_article_details .citation_formats ul {
  margin: 6px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.obj_article_details .citation_formats_list li,
.obj_article_details .citation_formats ul li {
  margin: 0 !important;
}

.obj_article_details .citation_formats_list a,
.obj_article_details .citation_formats ul a {
  display: inline-block !important;
  background: #ffffff !important;
  border: 1px solid var(--jebmr-border) !important;
  border-radius: 999px !important;
  padding: 4px 12px !important;
  font-size: 0.8rem !important;
  font-weight: 600 !important;
  color: var(--jebmr-text) !important;
  text-decoration: none !important;
}

.obj_article_details .citation_formats_list a:hover,
.obj_article_details .citation_formats ul a:hover {
  background: var(--jebmr-green-soft) !important;
  border-color: var(--jebmr-green) !important;
  color: var(--jebmr-green-deep) !important;
}

/* ---- Similar articles ---------------------------------------------------- */

.obj_article_details .item.similarArticles ul,
.similar_articles ul {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.obj_article_details .item.similarArticles li,
.similar_articles li {
  background: #ffffff !important;
  border: 1px solid var(--jebmr-border) !important;
  border-radius: 10px !important;
  padding: 14px 16px !important;
  margin: 0 0 10px !important;
  font-size: 0.9rem !important;
  color: var(--jebmr-muted) !important;
}

.obj_article_details .item.similarArticles li a,
.similar_articles li a {
  font-weight: 600 !important;
}

/* ---- Mobile -------------------------------------------------------------- */

@media (max-width: 768px) {
  .obj_article_details .page_title,
  .page.page_article h1.page_title {
    font-size: 1.4rem !important;
    padding-bottom: 12px !important;
    margin-bottom: 18px !important;
  }

  .obj_article_details .row {
    gap: 22px !important;
  }

  .obj_article_details .item.abstract {
    padding: 16px 16px !important;
  }

  .obj_article_details .item.authors li {
    font-size: 0.84rem !important;
    padding: 6px 13px !important;
  }
}

/* ========================================================================
   ARTICLE PAGE TWEAKS — Authors label + spacing under title
   ======================================================================== */

/* More air between the title's green rule and the content below it */
.obj_article_details .page_title,
.page.page_article h1.page_title {
  margin-bottom: 34px !important;
}

/* "AUTHORS" label above the author chips, matching the DOI label style.
   The theme outputs no heading here, so we inject one. */
.obj_article_details .item.authors::before {
  content: "Authors";
  display: block;
  font-size: 0.78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--jebmr-green-deep);
  margin: 0 0 10px;
}

/* If the theme ever does render its own Authors heading, hide it so the
   label never appears twice. */
.obj_article_details .item.authors > .label,
.obj_article_details .item.authors > h2.label {
  display: none !important;
}

@media (max-width: 768px) {
  .obj_article_details .page_title,
  .page.page_article h1.page_title {
    margin-bottom: 24px !important;
  }
}

/* ========================================================================
   ARTICLE PAGE TWEAKS v2 — stacked DOI + uniform section spacing
   ======================================================================== */

/* DOI: label on its own line, value below it (undo the inline-flex row) */
.obj_article_details .item.doi_display,
.obj_article_details .item.doi {
  display: block !important;
}

.obj_article_details .item.doi_display > .label,
.obj_article_details .item.doi > .label {
  display: block !important;
  margin: 0 0 10px !important;
}

.obj_article_details .item.doi_display .value,
.obj_article_details .item.doi .value {
  display: block !important;
}

/* Equal rhythm: every section (Authors, DOI, Keywords, Abstract...) gets
   the same gap below it, and every label the same gap under it. */
.obj_article_details .main_entry .item {
  margin: 0 0 28px !important;
}

.obj_article_details .main_entry .item > .label,
.obj_article_details .main_entry .item > h2.label,
.obj_article_details .item.authors::before {
  margin-bottom: 10px !important;
}

.obj_article_details .main_entry .item:last-child {
  margin-bottom: 0 !important;
}

/* ========================================================================
   EDITORIAL TEAM PAGE
   Pair with the jebmr-team HTML pasted into
   Settings > Journal > Masthead > Editorial Team.
   ======================================================================== */

.jebmr-team-intro {
  color: var(--jebmr-muted);
  font-size: 0.95rem;
  line-height: 1.7;
  max-width: 70ch;
  margin: 0 0 30px;
}

.jebmr-team-role {
  font-size: 0.8rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: var(--jebmr-green-deep);
  border-bottom: 2px solid var(--jebmr-green);
  padding-bottom: 8px;
  margin: 34px 0 18px;
}

.jebmr-team-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
  gap: 16px;
  margin: 0 0 8px;
}

.jebmr-team-card {
  background: #ffffff;
  border: 1px solid var(--jebmr-border);
  border-radius: 14px;
  padding: 20px;
  box-shadow: 0 8px 22px rgba(42,42,51,0.05);
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.jebmr-team-card.jebmr-team-lead {
  grid-column: 1 / -1;
  border-left: 4px solid var(--jebmr-green);
  flex-direction: row;
  align-items: center;
  gap: 18px;
}

.jebmr-team-avatar {
  width: 52px;
  height: 52px;
  flex: 0 0 52px;
  border-radius: 50%;
  background: var(--jebmr-green-soft);
  border: 2px solid var(--jebmr-green);
  color: var(--jebmr-green-deep);
  font-weight: 700;
  font-size: 1.05rem;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 0.02em;
  margin-bottom: 8px;
}

.jebmr-team-lead .jebmr-team-avatar {
  width: 64px;
  height: 64px;
  flex-basis: 64px;
  font-size: 1.25rem;
  margin-bottom: 0;
}

.jebmr-team-name {
  font-size: 1.02rem;
  font-weight: 700;
  color: var(--jebmr-text);
  margin: 0;
  line-height: 1.35;
}

.jebmr-team-qual {
  font-size: 0.85rem;
  color: var(--jebmr-muted);
  line-height: 1.55;
  margin: 0;
}

.jebmr-team-aff {
  font-size: 0.85rem;
  color: var(--jebmr-green-deep);
  font-weight: 500;
  line-height: 1.55;
  margin: 4px 0 0;
}

@media (max-width: 640px) {
  .jebmr-team-card.jebmr-team-lead {
    flex-direction: column;
    align-items: flex-start;
  }
  .jebmr-team-lead .jebmr-team-avatar {
    margin-bottom: 8px;
  }
}

/* Graceful fallback: if the old plain-text masthead is still in place,
   at least give it comfortable rhythm. */
.page_editorial_team p,
.page.editorial_team p {
  line-height: 1.75;
}

/* ========================================================================
   EDITORIAL TEAM — remove initial avatars
   Hides the circles even if the older HTML is still pasted in.
   ======================================================================== */

.jebmr-team-avatar {
  display: none !important;
}

.jebmr-team-card.jebmr-team-lead {
  gap: 0;
}

/* ========================================================================
   GALLEY BUTTON — final: centred, full width, label "Download" only
   ======================================================================== */

.obj_article_details a.obj_galley_link {
  display: flex !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 auto !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
  font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
  /* Hide the theme's own link text ("PDF", arrows, etc.) */
  font-size: 0 !important;
  line-height: 0 !important;
  padding: 15px 18px !important;
}

.obj_article_details a.obj_galley_link * {
  font-size: 0 !important;
  line-height: 0 !important;
}

/* Single clean label */
.obj_article_details a.obj_galley_link::before {
  content: "Download" !important;
  font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
  font-size: 0.95rem !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.02em !important;
  color: #ffffff !important;
}

/* ========================================================================
   ARTICLE PAGE TWEAKS v3
   - More air between the title rule and AUTHORS
   - "DOI" and "Keywords" labels without the trailing colon
   - Keywords presented in a soft tag panel
   ======================================================================== */

/* 1. Extra space below the green title rule */
.obj_article_details .page_title,
.page.page_article h1.page_title {
  margin-bottom: 46px !important;
}

@media (max-width: 768px) {
  .obj_article_details .page_title,
  .page.page_article h1.page_title {
    margin-bottom: 30px !important;
  }
}

/* 2. The theme prints "DOI:" and "Keywords:" with a colon baked into the
   text, so we hide the original text and re-supply clean labels. */
.obj_article_details .item.doi_display > .label,
.obj_article_details .item.doi > .label,
.obj_article_details .item.keywords > .label {
  font-size: 0 !important;
  line-height: 0 !important;
}

.obj_article_details .item.doi_display > .label::before,
.obj_article_details .item.doi > .label::before,
.obj_article_details .item.keywords > .label::before {
  display: block;
  font-size: 0.78rem;
  line-height: 1.3;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--jebmr-green-deep);
}

.obj_article_details .item.doi_display > .label::before,
.obj_article_details .item.doi > .label::before {
  content: "DOI";
}

.obj_article_details .item.keywords > .label::before {
  content: "Keywords";
}

/* 3. Keywords in a soft tinted panel, matching the abstract's accent */
.obj_article_details .item.keywords .value {
  display: inline-block !important;
  background: var(--jebmr-green-soft) !important;
  border: 1px solid #cdeee2 !important;
  border-left: 4px solid var(--jebmr-green) !important;
  border-radius: 12px !important;
  padding: 12px 18px !important;
  color: var(--jebmr-text) !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  line-height: 1.9 !important;
  max-width: 68ch !important;
}

/* ========================================================================
   ARTICLE PAGE TWEAKS v4
   - Fix duplicated DOI / KEYWORDS labels (specificity: include h2.label)
   - Drop the single keywords block; plain text fallback + chip styles
     for the JS snippet in the Custom Header plugin
   ======================================================================== */

/* -- Hide the theme's "DOI:" / "Keywords:" text for real this time ------- */
.obj_article_details .item.doi_display > .label,
.obj_article_details .item.doi_display > h2.label,
.obj_article_details .item.doi > .label,
.obj_article_details .item.doi > h2.label,
.obj_article_details .item.keywords > .label,
.obj_article_details .item.keywords > h2.label {
  font-size: 0 !important;
  line-height: 0 !important;
  color: transparent !important;
}

.obj_article_details .item.doi_display > .label::before,
.obj_article_details .item.doi_display > h2.label::before,
.obj_article_details .item.doi > .label::before,
.obj_article_details .item.doi > h2.label::before,
.obj_article_details .item.keywords > .label::before,
.obj_article_details .item.keywords > h2.label::before {
  display: block;
  font-size: 0.78rem !important;
  line-height: 1.3 !important;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--jebmr-green-deep) !important;
}

/* -- Keywords: revert the block panel to clean plain text ---------------- */
.obj_article_details .item.keywords .value {
  display: block !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  color: var(--jebmr-muted) !important;
  font-size: 0.92rem !important;
  font-weight: 400 !important;
  line-height: 1.7 !important;
  max-width: none !important;
}

/* -- Chips (activated by the Custom Header JS snippet) ------------------- */
.obj_article_details .item.keywords .value.jebmr-kw-wrap {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.jebmr-kw-chip {
  display: inline-block;
  background: #ffffff;
  border: 1px solid var(--jebmr-border);
  border-radius: 999px;
  padding: 5px 14px;
  font-size: 0.82rem;
  font-weight: 500;
  color: var(--jebmr-text);
  line-height: 1.4;
}

.jebmr-kw-chip:hover {
  border-color: var(--jebmr-green);
  background: var(--jebmr-green-soft);
  color: var(--jebmr-green-deep);
}

/* ========================================================================
   HOMEPAGE + CURRENT ISSUE TOC
   ======================================================================== */

/* Homepage journal description / additional content */
.page_index_journal .homepage_about,
.page_index_journal .additional_content,
.homepage_image {
  margin-bottom: 30px !important;
}

.homepage_image img {
  border-radius: 14px !important;
  box-shadow: 0 12px 32px rgba(42,42,51,0.10) !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* "Current Issue" heading */
.page_index_journal .current_issue_title,
.current_issue .current_issue_title {
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.07em !important;
  color: var(--jebmr-green-deep) !important;
  border-bottom: 2px solid var(--jebmr-green) !important;
  padding-bottom: 8px !important;
  margin: 0 0 18px !important;
}

/* Issue title + cover row */
.obj_issue_toc .heading {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 24px !important;
  align-items: flex-start !important;
}

.obj_issue_toc .cover image,
.obj_issue_toc .cover img {
  max-width: 240px !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 26px rgba(42,42,51,0.12) !important;
}

.obj_issue_toc .heading .title {
  font-size: 1.35rem !important;
  line-height: 1.4 !important;
}

.obj_issue_toc .heading .published,
.obj_issue_toc .heading .description {
  color: var(--jebmr-muted) !important;
  font-size: 0.92rem !important;
}

/* Section headings inside the TOC ("Articles", "Case Reports"...) */
.obj_issue_toc .section > h2,
.obj_issue_toc .section .title:first-child,
.cmp_article_list + h2 {
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.07em !important;
  color: var(--jebmr-green-deep) !important;
  border-bottom: 2px solid var(--jebmr-green) !important;
  padding-bottom: 8px !important;
  margin: 30px 0 6px !important;
}

/* Each article in the TOC becomes a hoverable card */
.obj_article_summary,
.tocArticle {
  background: #ffffff !important;
  border: 1px solid var(--jebmr-border) !important;
  border-radius: 12px !important;
  padding: 18px 20px !important;
  margin: 14px 0 !important;
  box-shadow: 0 6px 18px rgba(42,42,51,0.04) !important;
  transition: box-shadow .15s ease, border-color .15s ease !important;
}

.obj_article_summary:hover,
.tocArticle:hover {
  border-color: var(--jebmr-green) !important;
  box-shadow: 0 10px 26px rgba(7,115,85,0.12) !important;
}

.obj_article_summary .title,
.tocTitle {
  font-size: 1.02rem !important;
  line-height: 1.45 !important;
  margin: 0 0 6px !important;
}

.obj_article_summary .meta,
.obj_article_summary .authors,
.tocAuthors {
  font-size: 0.88rem !important;
  margin: 0 0 10px !important;
}

/* Galley links in listings: small pill buttons */
.obj_article_summary ul.galleys_links {
  margin: 8px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

.obj_article_summary ul.galleys_links li {
  display: inline-block !important;
  width: auto !important;
  margin: 0 !important;
}

.obj_article_summary a.obj_galley_link {
  display: inline-flex !important;
  width: auto !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  background: var(--jebmr-green-deep) !important;
}

.obj_article_summary a.obj_galley_link::before {
  content: "PDF" !important;
  font-size: 0.78rem !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  letter-spacing: 0.04em !important;
}

/* ========================================================================
   ARCHIVES PAGE — issue cards in a grid
   ======================================================================== */

.page_issue_archive .issues_archive {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
  gap: 18px !important;
}

.page_issue_archive .issues_archive > li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.page_issue_archive .obj_issue_summary {
  background: #ffffff !important;
  border: 1px solid var(--jebmr-border) !important;
  border-radius: 14px !important;
  padding: 18px !important;
  height: 100% !important;
  box-sizing: border-box !important;
  box-shadow: 0 8px 22px rgba(42,42,51,0.05) !important;
  transition: box-shadow .15s ease, border-color .15s ease !important;
}

.page_issue_archive .obj_issue_summary:hover {
  border-color: var(--jebmr-green) !important;
  box-shadow: 0 12px 30px rgba(7,115,85,0.14) !important;
}

.page_issue_archive .obj_issue_summary .cover,
.page_issue_archive .obj_issue_summary .cover img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 10px !important;
  margin: 0 0 14px !important;
  float: none !important;
}

.page_issue_archive .obj_issue_summary .title {
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: var(--jebmr-text) !important;
  margin: 0 0 4px !important;
  display: block !important;
}

.page_issue_archive .obj_issue_summary .series {
  font-size: 0.84rem !important;
  color: var(--jebmr-muted) !important;
  margin: 0 0 8px !important;
}

.page_issue_archive .obj_issue_summary .description {
  font-size: 0.85rem !important;
  color: var(--jebmr-muted) !important;
  line-height: 1.6 !important;
}

/* ========================================================================
   ARTICLE HISTORY DATES (Received / Accepted / Published)
   Covers the common OJS 3.4 markup once dates are enabled, plus a
   .jebmr-dates custom block if your theme needs manual markup.
   ======================================================================== */

.obj_article_details .entry_details .item.history,
.jebmr-dates {
  background: #ffffff !important;
  border: 1px solid var(--jebmr-border) !important;
  border-radius: 12px !important;
  padding: 16px 18px !important;
  margin: 0 0 14px !important;
}

.obj_article_details .item.history .sub_item,
.jebmr-dates .jebmr-date-row {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  gap: 12px !important;
  margin: 0 0 10px !important;
  padding: 0 0 10px !important;
  border-bottom: 1px dashed var(--jebmr-border) !important;
}

.obj_article_details .item.history .sub_item:last-child,
.jebmr-dates .jebmr-date-row:last-child {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

.obj_article_details .item.history .sub_item .label,
.jebmr-dates .jebmr-date-label {
  font-size: 0.74rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.05em !important;
  color: var(--jebmr-green-deep) !important;
  margin: 0 !important;
}

.obj_article_details .item.history .sub_item .value,
.jebmr-dates .jebmr-date-value {
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  color: var(--jebmr-text) !important;
  margin: 0 !important;
}

/* ========================================================================
   NAV HOVER + LISTING PDF BUTTON FIXES
   ======================================================================== */

/* -- Primary nav: rounded pill hover, underline for current page --------- */
.pkp_navigation_primary > li > a,
#navbar a {
  border-radius: 8px !important;
  margin: 6px 2px !important;
  padding: 9px 14px !important;
  transition: background .15s ease !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li:hover > a,
#navbar a:hover {
  background: rgba(255,255,255,0.14) !important;
  border-radius: 8px !important;
}

/* No lingering filled block after clicking */
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li > a:active,
#navbar a:focus,
#navbar a:active {
  background: transparent !important;
}

.pkp_navigation_primary > li > a:focus:hover,
#navbar a:focus:hover {
  background: rgba(255,255,255,0.14) !important;
}

/* Current page: transparent background, green underline only */
.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li.active > a,
.pkp_navigation_primary > li > a.current,
.pkp_navigation_primary > li > a.active,
.pkp_navigation_primary > li[class*="current"] > a {
  background: transparent !important;
  box-shadow: inset 0 -3px 0 var(--jebmr-green) !important;
  border-radius: 0 !important;
}

/* Keyboard users still get a visible focus ring */
.pkp_navigation_primary > li > a:focus-visible,
#navbar a:focus-visible {
  outline: 2px solid var(--jebmr-green) !important;
  outline-offset: 2px !important;
}

/* -- Listing PDF pill: single white centred label ------------------------ */
.obj_article_summary a.obj_galley_link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 64px !important;
  padding: 7px 16px !important;
  border-radius: 999px !important;
  background: var(--jebmr-green-deep) !important;
  box-shadow: none !important;
  text-align: center !important;
  /* hide the theme's own "PDF" text */
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
}

.obj_article_summary a.obj_galley_link *,
.obj_article_summary a.obj_galley_link .label {
  font-size: 0 !important;
  line-height: 0 !important;
  text-decoration: none !important;
}

.obj_article_summary a.obj_galley_link::before {
  content: "PDF" !important;
  font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
  font-size: 0.78rem !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
  color: #ffffff !important;
}

.obj_article_summary a.obj_galley_link:hover,
.obj_article_summary a.obj_galley_link:focus {
  background: var(--jebmr-green-dark) !important;
}

/* ========================================================================
   NAV SQUARE — kill it at the <li> level too
   The filled block on Submissions/About comes from the list item (and the
   dropdown open state), not the link, so clear every layer.
   ======================================================================== */

.pkp_navigation_primary > li,
.pkp_navigation_primary > li:hover,
.pkp_navigation_primary > li:focus-within,
.pkp_navigation_primary > li.show,
.pkp_navigation_primary > li.open,
.pkp_navigation_primary > li.dropdown,
.pkp_navigation_primary > li.dropdown:hover,
#navbar li,
#navbar li:hover {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Rounded pill on every interactive state of the link itself */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li:hover > a,
.pkp_navigation_primary > li.show > a,
.pkp_navigation_primary > li.open > a,
.pkp_navigation_primary > li > a[aria-expanded="true"],
.pkp_navigation_primary > li.dropdown:hover > a,
#navbar li:hover > a {
  background: rgba(255,255,255,0.14) !important;
  border-radius: 8px !important;
}

/* ========================================================================
   HOMEPAGE — clickable current issue affordances
   (The link itself is added by the header snippet; these styles make the
   title and cover feel clickable.)
   ======================================================================== */

.page_index_journal .obj_issue_toc .heading .title a,
a.jebmr-issue-link {
  color: var(--jebmr-green-deep) !important;
  text-decoration: none !important;
}

.page_index_journal .obj_issue_toc .heading .title a:hover,
a.jebmr-issue-link:hover {
  color: var(--jebmr-green-dark) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.page_index_journal .obj_issue_toc .cover img,
.page_index_journal .obj_issue_toc a.cover img {
  transition: box-shadow .15s ease, transform .15s ease !important;
}

.page_index_journal .obj_issue_toc a.cover:hover img,
a.jebmr-issue-link:hover img {
  box-shadow: 0 16px 36px rgba(7,115,85,0.22) !important;
  transform: translateY(-2px) !important;
}

/* ========================================================================
   SELECTOR FIX — OJS body classes are pkp_page_* / pkp_op_*, and some
   earlier homepage/archive rules were keyed to classes that never match.
   These re-declare them without page prefixes or with the pkp_ variants.
   ======================================================================== */

/* Archives grid: .issues_archive only exists on the archive page, so it's
   safe unprefixed */
.issues_archive {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)) !important;
  gap: 18px !important;
}

.issues_archive > li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.issues_archive .obj_issue_summary {
  background: #ffffff !important;
  border: 1px solid var(--jebmr-border) !important;
  border-radius: 14px !important;
  padding: 18px !important;
  height: 100% !important;
  box-sizing: border-box !important;
  box-shadow: 0 8px 22px rgba(42,42,51,0.05) !important;
  transition: box-shadow .15s ease, border-color .15s ease !important;
}

.issues_archive .obj_issue_summary:hover {
  border-color: var(--jebmr-green) !important;
  box-shadow: 0 12px 30px rgba(7,115,85,0.14) !important;
}

.issues_archive .obj_issue_summary .cover,
.issues_archive .obj_issue_summary .cover img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  border-radius: 10px !important;
  margin: 0 0 14px !important;
  float: none !important;
}

.issues_archive .obj_issue_summary .title {
  font-size: 0.98rem !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
  color: var(--jebmr-text) !important;
  margin: 0 0 4px !important;
  display: block !important;
}

.issues_archive .obj_issue_summary .series {
  font-size: 0.84rem !important;
  color: var(--jebmr-muted) !important;
  margin: 0 0 8px !important;
}

.issues_archive .obj_issue_summary .description {
  font-size: 0.85rem !important;
  color: var(--jebmr-muted) !important;
  line-height: 1.6 !important;
}

/* Homepage current-issue heading and clickable styles, re-keyed to the
   real body classes plus the JS-added link class */
.pkp_page_index .current_issue_title {
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.07em !important;
  color: var(--jebmr-green-deep) !important;
  border-bottom: 2px solid var(--jebmr-green) !important;
  padding-bottom: 8px !important;
  margin: 0 0 18px !important;
}

a.jebmr-issue-link,
.pkp_page_index .obj_issue_toc .heading .title a {
  color: var(--jebmr-green-deep) !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

a.jebmr-issue-link:hover,
.pkp_page_index .obj_issue_toc .heading .title a:hover {
  color: var(--jebmr-green-dark) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.pkp_page_index .obj_issue_toc .cover img {
  transition: box-shadow .15s ease, transform .15s ease !important;
}

a.jebmr-issue-link:hover img,
.pkp_page_index .obj_issue_toc a.cover:hover img {
  box-shadow: 0 16px 36px rgba(7,115,85,0.22) !important;
  transform: translateY(-2px) !important;
}

/* ========================================================================
   PDF VIEWER (pdfJsViewer galley page)
   The plugin ships a teal-blue header bar; the journal's green link colour
   lands on the title inside it and disappears. Rebrand the bar to the
   journal's deep green with white text throughout.
   ======================================================================== */

.galley_view .pkp_structure_head,
.galley_view_top .pkp_structure_head {
  background: var(--jebmr-green-deep) !important;
  background-image: none !important;
  border-bottom: 3px solid var(--jebmr-green) !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 10px 18px !important;
}

/* Suppress the identity strip on the viewer page — it belongs to the
   main site header, not this compact bar */
.galley_view .pkp_structure_head::before,
.galley_view_top .pkp_structure_head::before {
  content: none !important;
}

/* Article title: white, single line with ellipsis */
.galley_view .pkp_structure_head a.title,
.galley_view .pkp_structure_head .title,
.galley_view_top .pkp_structure_head a.title {
  color: #ffffff !important;
  font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.galley_view .pkp_structure_head a.title:hover {
  color: rgba(255,255,255,0.85) !important;
  text-decoration: underline !important;
}

/* Back arrow */
.galley_view .pkp_structure_head a.return,
.galley_view_top .pkp_structure_head a.return {
  color: #ffffff !important;
  flex: 0 0 auto !important;
}

.galley_view .pkp_structure_head a.return::before {
  color: #ffffff !important;
}

/* Download button in the bar */
.galley_view .pkp_structure_head a.download,
.galley_view .pkp_structure_head .pkp_button,
.galley_view_top .pkp_structure_head a.download {
  background: var(--jebmr-green) !important;
  color: #06402f !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 7px 14px !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

.galley_view .pkp_structure_head a.download:hover,
.galley_view .pkp_structure_head .pkp_button:hover {
  background: #22e0a8 !important;
  color: #06402f !important;
}

@media (max-width: 600px) {
  .galley_view .pkp_structure_head,
  .galley_view_top .pkp_structure_head {
    padding: 8px 12px !important;
    gap: 10px !important;
  }

  .galley_view .pkp_structure_head a.title {
    font-size: 0.85rem !important;
  }
}

/* ========================================================================
   NAV — NO BOXES ANYWHERE, EVER
   Every state (hover, focus, active, current page, dropdown open) is
   background-free; hover and current page are marked by the green
   underline only. All items stay visually identical.
   ======================================================================== */

.pkp_navigation_primary li,
.pkp_navigation_primary li:hover,
.pkp_navigation_primary li a,
.pkp_navigation_primary li a:link,
.pkp_navigation_primary li a:visited,
.pkp_navigation_primary li a:hover,
.pkp_navigation_primary li a:focus,
.pkp_navigation_primary li a:active,
.pkp_navigation_primary li a[aria-current],
.pkp_navigation_primary li a[aria-current="page"],
.pkp_navigation_primary li.current a,
.pkp_navigation_primary li.active a,
.pkp_navigation_primary li.show a,
.pkp_navigation_primary li.open a,
.pkp_navigation_primary li a.current,
.pkp_navigation_primary li a.active,
.pkp_navigation_primary li a[aria-expanded="true"],
#navbar li a,
#navbar li a:hover,
#navbar li a:focus,
#navbar li a:active {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* Reset the underline slot on all links... */
.pkp_navigation_primary li a,
#navbar li a {
  box-shadow: inset 0 -3px 0 transparent !important;
  margin: 0 2px !important;
  padding: 14px 14px !important;
  transition: box-shadow .15s ease, color .15s ease !important;
}

/* ...then light it up on hover and on the current page */
.pkp_navigation_primary li a:hover,
.pkp_navigation_primary li:hover > a,
.pkp_navigation_primary li a:focus,
.pkp_navigation_primary li a[aria-current],
.pkp_navigation_primary li a[aria-current="page"],
.pkp_navigation_primary li.current > a,
.pkp_navigation_primary li.active > a,
.pkp_navigation_primary li a[aria-expanded="true"],
#navbar li a:hover {
  box-shadow: inset 0 -3px 0 var(--jebmr-green) !important;
  color: #ffffff !important;
}

/* ========================================================================
   PDF VIEWER HEADER — the real class is .header_view
   ======================================================================== */

.header_view {
  background: var(--jebmr-green-deep) !important;
  background-image: none !important;
  border-bottom: 3px solid var(--jebmr-green) !important;
  box-shadow: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  padding: 10px 18px !important;
}

.header_view a,
.header_view a:link,
.header_view a:visited {
  color: #ffffff !important;
  text-decoration: none !important;
}

.header_view a.title,
.header_view .title {
  color: #ffffff !important;
  font-family: "Inter", "Segoe UI", Arial, sans-serif !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.header_view a.title:hover {
  color: rgba(255,255,255,0.85) !important;
  text-decoration: underline !important;
}

.header_view a.return,
.header_view a.return::before {
  color: #ffffff !important;
  flex: 0 0 auto !important;
}

.header_view a.download,
.header_view .download {
  background: var(--jebmr-green) !important;
  color: #06402f !important;
  border: 0 !important;
  border-radius: 8px !important;
  padding: 7px 14px !important;
  font-size: 0.85rem !important;
  font-weight: 700 !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

.header_view a.download:hover,
.header_view a.download:focus {
  background: #22e0a8 !important;
  color: #06402f !important;
}

@media (max-width: 600px) {
  .header_view {
    padding: 8px 12px !important;
    gap: 10px !important;
  }
  .header_view a.title {
    font-size: 0.85rem !important;
  }
}

/* ========================================================================
   PDF VIEWER BAR — slimmer + polish
   ======================================================================== */

.header_view {
  padding: 6px 14px !important;
  border-bottom-width: 2px !important;
  min-height: 0 !important;
}

.header_view a.title,
.header_view .title {
  font-size: 0.88rem !important;
}

.header_view a.download,
.header_view .download {
  padding: 6px 12px !important;
  font-size: 0.8rem !important;
}

/* Back button: no white box — just a white arrow that dims on hover */
.header_view a.return,
.header_view a.return:link,
.header_view a.return:visited {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  width: auto !important;
  height: auto !important;
  padding: 4px 8px !important;
  color: #ffffff !important;
  opacity: 0.9 !important;
}

.header_view a.return:hover,
.header_view a.return:focus {
  background: rgba(255,255,255,0.15) !important;
  border-radius: 6px !important;
  opacity: 1 !important;
}

/* ========================================================================
   HOMEPAGE CURRENT ISSUE — tighter rhythm + niceties
   ======================================================================== */

/* Issue heading area: less air below the cover/description */
.pkp_page_index .obj_issue_toc .heading {
  margin-bottom: 8px !important;
}

.pkp_page_index .obj_issue_toc .cover img {
  max-width: 200px !important;
}

.pkp_page_index .obj_issue_toc .heading .description {
  max-width: 74ch !important;
  line-height: 1.7 !important;
}

.pkp_page_index .obj_issue_toc .heading .published {
  margin: 10px 0 0 !important;
  font-size: 0.86rem !important;
}

/* Section heading closer to its cards */
.obj_issue_toc .section > h2,
.obj_issue_toc .section .title:first-child {
  margin: 22px 0 4px !important;
}

/* Article cards: slightly tighter */
.obj_article_summary,
.tocArticle {
  padding: 16px 18px !important;
  margin: 12px 0 !important;
}

.obj_article_summary .title,
.tocTitle {
  margin: 0 0 4px !important;
}

.obj_article_summary .meta,
.obj_article_summary .authors,
.tocAuthors {
  margin: 0 0 8px !important;
}

/* "View All Issues" as a tidy pill link */
.pkp_page_index a[href*="/issue/archive"] {
  display: inline-block !important;
  background: transparent !important;
  border: 2px solid var(--jebmr-green-deep) !important;
  border-radius: 999px !important;
  color: var(--jebmr-green-deep) !important;
  font-weight: 700 !important;
  font-size: 0.88rem !important;
  padding: 8px 20px !important;
  margin-top: 6px !important;
  text-decoration: none !important;
  transition: background .15s ease, color .15s ease !important;
}

.pkp_page_index a[href*="/issue/archive"]:hover,
.pkp_page_index a[href*="/issue/archive"]:focus {
  background: var(--jebmr-green-deep) !important;
  color: #ffffff !important;
}

/* But never turn breadcrumb or nav archive links into pills */
.pkp_navigation_primary a[href*="/issue/archive"],
#navbar a[href*="/issue/archive"],
.cmp_breadcrumbs a[href*="/issue/archive"] {
  display: inline !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 14px 14px !important;
  background: transparent !important;
}

.cmp_breadcrumbs a[href*="/issue/archive"] {
  padding: 0 !important;
  color: var(--jebmr-muted) !important;
  font-weight: 500 !important;
}

.pkp_navigation_primary a[href*="/issue/archive"] {
  color: #ffffff !important;
  font-weight: 600 !important;
}

/* ========================================================================
   JUSTIFIED TEXT — long-form prose only
   Justify paragraphs where text runs several lines (abstracts, issue
   descriptions, policy/about pages), with auto-hyphenation to avoid
   large gaps. Headings, nav, labels, buttons, cards and breadcrumbs
   stay left-aligned — justifying those looks broken.
   ======================================================================== */

/* Article landing page prose */
.obj_article_details .item.abstract p,
.obj_article_details .main_entry .item.references .value,
.obj_article_details .item.copyright p,
.obj_article_details .item.license p,

/* Homepage + issue description */
.obj_issue_toc .heading .description,
.obj_issue_toc .description p,
.homepage_about p,
.additional_content p,

/* Static/about/policy pages (page-level prose) */
.page p,
.pkp_structure_main .page_about p,
.pkp_structure_main .page_searchResults p,
.page_submissions .page p,

/* Editorial team intro */
.jebmr-team-intro {
  text-align: justify !important;
  text-justify: inter-word !important;
  hyphens: auto !important;
  -webkit-hyphens: auto !important;
  overflow-wrap: break-word !important;
}

/* Never justify these, even if they sit inside a justified container */
.obj_article_details .item.authors li,
.obj_article_details .item.keywords .value,
.jebmr-kw-chip,
.obj_article_summary .title,
.obj_article_summary .authors,
.jebmr-team-card p,
.cmp_breadcrumbs,
.cmp_breadcrumbs li,
h1, h2, h3, h4,
.pkp_navigation_primary a,
button, .pkp_button,
.obj_galley_link {
  text-align: left !important;
  hyphens: manual !important;
}

/* Centered elements stay centered */
.header_view a.download,
.obj_article_details a.obj_galley_link {
  text-align: center !important;
}

/* ========================================================================
   PDF VIEWER BAR — compact fixed height, no overlap with pdf.js toolbar
   ======================================================================== */

.header_view {
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
  box-sizing: border-box !important;
  padding: 0 12px !important;
  border-bottom-width: 2px !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  overflow: hidden !important;
}

.header_view a.title,
.header_view .title {
  font-size: 0.85rem !important;
  line-height: 1.2 !important;
}

.header_view a.return {
  padding: 2px 6px !important;
}

.header_view a.download,
.header_view .download {
  padding: 5px 11px !important;
  font-size: 0.78rem !important;
  line-height: 1 !important;
  border-radius: 7px !important;
}

/* Push the embedded viewer below the 40px bar (+2px border) so its
   toolbar is fully visible */
#pdfCanvasContainer {
  padding-top: 0 !important;
}

#pdfCanvasContainer iframe,
.galley_view iframe {
  top: 42px !important;
  height: calc(100% - 42px) !important;
}

/* ========================================================================
   PDF VIEWER BAR — alignment fix + white Download text
   The plugin positions the Download link absolutely, which is why it
   escaped the bar and sat misaligned. Force everything into the flex row.
   ======================================================================== */

.header_view a.return,
.header_view a.title,
.header_view .title,
.header_view a.download,
.header_view .download {
  position: static !important;
  float: none !important;
  transform: none !important;
  top: auto !important;
  right: auto !important;
  align-self: center !important;
}

.header_view a.download,
.header_view .download {
  margin-left: auto !important;   /* pin to the right edge, centred vertically */
  background: var(--jebmr-green) !important;
  color: #ffffff !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

/* Everything inside the button (icon + text) white too */
.header_view a.download *,
.header_view .download * {
  color: #ffffff !important;
  fill: #ffffff !important;
}

.header_view a.download:hover,
.header_view a.download:focus {
  background: #0e9f76 !important;
  color: #ffffff !important;
}

/* Belt and braces for the toolbar offset: some plugin versions position
   the container, not the iframe */
#pdfCanvasContainer,
.galley_view #pdfCanvasContainer {
  top: 42px !important;
  height: calc(100% - 42px) !important;
}

#pdfCanvasContainer iframe,
.galley_view iframe {
  top: 0 !important;
  height: 100% !important;
  width: 100% !important;
}

/* ========================================================================
   "VIEW ALL ISSUES" — remove the arrow glyph
   ======================================================================== */

.pkp_page_index a[href*="/issue/archive"]::after,
.pkp_page_index a[href*="/issue/archive"]::before {
  content: none !important;
  display: none !important;
}

/* Some themes add the arrow as an inline icon element instead */
.pkp_page_index a[href*="/issue/archive"] i,
.pkp_page_index a[href*="/issue/archive"] svg,
.pkp_page_index a[href*="/issue/archive"] .fa,
.pkp_page_index a[href*="/issue/archive"] [class*="icon"] {
  display: none !important;
}

/* Rebalance the pill now the glyph is gone */
.pkp_page_index a[href*="/issue/archive"] {
  padding: 9px 22px !important;
  letter-spacing: 0.01em !important;
}