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

/* ==============================================================
   ADVANCES IN MANAGERIAL AUDITING RESEARCH (AMAR)
   EMERALD-INSPIRED SCHOLARLY THEME - V6 FINAL (V4.4 FOUNDATION)
   OJS 3 / AcademicProTheme

   Homepage | Current Issue | Issue Archive | Article Detail
   Sidebar | Navigation | Citation/Galley Buttons | Footer

   Visual identity: AMAR main #5F9D8D, white, cool gray.
   No former AJEB violet or AMAR yellow accent.
   UI: Lato. Scholarly reading text: Calisto MT with fallbacks.

   Replace the old AJEB V2 Journal Style Sheet; do not stack them.
   Existing About Journal HTML and custom Footer HTML are retained.
   CSS alone cannot create Abstract or Citation Manager controls.
   ============================================================== */

/* 01. Design tokens */
:root {
  --amar-teal: #5F9D8D;
  --amar-teal-dark: #35685D;
  --amar-teal-ink: #35685D; /* contrast for small text */
  --amar-teal-soft: #edf6f3;
  --amar-ink: #292929;
  --amar-muted: #607276;
  --amar-line: #d5dcde;
  --amar-panel: #f0f6f4;
  --amar-soft: #f7f9f9;
  --amar-white: #ffffff;
  --amar-ui: "Lato", Arial, Helvetica, sans-serif;
  --amar-reading: "Calisto MT", "Book Antiqua", Georgia, serif;
}

/* 02. Global */
html { background: var(--amar-white); }
body {
  background: var(--amar-white);
  color: var(--amar-ink);
  font-family: var(--amar-ui);
  font-size: 15px;
  line-height: 1.65;
  -webkit-font-smoothing: antialiased;
}
body button, body input, body textarea, body select { font-family: var(--amar-ui); }
body a { color: var(--amar-teal-ink); text-decoration: none; }
body a:hover { color: var(--amar-teal-dark); text-decoration: underline; }
body a:focus-visible, body button:focus-visible,
body input:focus-visible, body select:focus-visible {
  outline: 2px solid var(--amar-teal);
  outline-offset: 3px;
}

/* 03. Main page shell; preserve theme's native columns */
.pkp_structure_page {
  width: 100%; max-width: 1180px; margin-inline: auto;
  background: var(--amar-white);
}
.pkp_structure_content {
  width: 100%; max-width: 1180px; margin-inline: auto;
  padding-top: 24px; padding-bottom: 34px;
}
.pkp_structure_main { min-width: 0; }
.pkp_structure_main img { max-width: 100%; height: auto; }

/* 04. Header and navigation */
.pkp_structure_head {
  background: var(--amar-white);
  border-bottom: 1px solid var(--amar-line);
}
.pkp_navigation_primary_wrapper {
  background: var(--amar-white);
  border-bottom: 2px solid var(--amar-teal);
}
.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a {
  color: var(--amar-ink);
  font-family: var(--amar-ui);
  font-size: 14px; font-weight: 600; text-transform: none;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus { color: var(--amar-teal-ink); }
.pkp_navigation_primary ul {
  background: var(--amar-white); border: 1px solid var(--amar-line);
  box-shadow: 0 8px 20px rgb(0 0 0 / 7%);
}
.cmp_breadcrumbs { font: 12px/1.6 var(--amar-ui); color: var(--amar-muted); }
.cmp_breadcrumbs a { color: var(--amar-teal-ink); }
.pkp_structure_main > h1, .pkp_structure_main .page_title,
.page_issue_archive > h1, .page_issue > h1, .page_article > h1 {
  font-family: var(--amar-ui);
  font-size: clamp(23px, 2.1vw, 29px);
  font-weight: 700; line-height: 1.28; letter-spacing: -.25px;
  color: var(--amar-ink);
}

/* 05. Homepage: do not overwrite the bespoke AMAR About Journal */
.page_index_journal .homepage_about,
.page_index_journal .additional_content { line-height: 1.65; }
.page_index_journal :is(.homepage_about,.additional_content):has([id^="amar-about-"]) {
  background-color: var(--amar-white) !important;
  background-image: none !important;
}
/* Maintain compact, clickable 8-logo artwork inside About Journal. */
.pkp_structure_main [id^="amar-about-"] img { object-fit: contain; }

/* 06. Homepage current issue */
.page_index_journal .current_issue {
  margin-top: 28px; padding-top: 22px;
  border-top: 2px solid var(--amar-teal);
}
.page_index_journal .current_issue > h2,
.page_index_journal .current_issue_title {
  font: 700 22px/1.3 var(--amar-ui); color: var(--amar-ink);
}

/* 07. Issue heading and cover */
.obj_issue_toc .heading {
  padding: 18px 20px; margin-bottom: 22px;
  background: var(--amar-soft);
  border: 1px solid var(--amar-line);
  border-top: 3px solid var(--amar-teal);
}
.obj_issue_toc .heading .cover img {
  width: auto; height: auto; max-width: 145px; max-height: 210px;
  object-fit: contain; box-shadow: none;
}
.obj_issue_toc .heading .description,
.obj_issue_toc .heading .published {
  font: 13px/1.65 var(--amar-ui); color: var(--amar-muted);
}
.obj_issue_toc .section { margin: 0 0 27px; }
.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3,
.obj_issue_toc .sections h2 {
  font: 700 18px/1.4 var(--amar-ui); color: var(--amar-ink);
  background: var(--amar-white); border: 0;
  border-bottom: 2px solid var(--amar-teal);
  margin: 25px 0 0; padding: 0 0 12px;
}

/* 08. OJS article lists: Emerald-inspired horizontal rules */
.obj_issue_toc .articles,
.obj_issue_toc ul.cmp_article_list,
.page_issue .articles,
.page_index_journal .current_issue .articles {
  padding: 0; margin: 0; list-style: none;
}
.obj_issue_toc .articles > li,
.obj_issue_toc ul.cmp_article_list > li,
.page_issue .articles > li,
.page_index_journal .current_issue .articles > li {
  display: block; padding: 22px 0 24px; margin: 0;
  background: var(--amar-white); border: 0;
  border-bottom: 1px solid #b9c4c7;
  box-shadow: none; list-style: none;
}
.obj_issue_toc .articles > li:first-child { border-top: 1px solid #b9c4c7; }
.obj_issue_toc .articles > li:last-child { margin-bottom: 0; }
.obj_article_summary, .article_summary {
  width: 100%; margin: 0; padding: 0;
  background: var(--amar-white); border: 0; box-shadow: none;
  font-family: var(--amar-ui);
}
.obj_article_summary .title,
.article_summary .summary_title_wrapper,
.article_summary .summary_title {
  font: 600 clamp(17px, 1.6vw, 20px)/1.45 var(--amar-ui);
  letter-spacing: 0; margin: 0 0 7px; padding: 0;
  background: none; border: 0; text-transform: none;
}
.obj_article_summary .title a,
.article_summary a.summary_title {
  color: #282b2d; font-weight: 600; text-decoration: none;
}
.obj_article_summary .title a:hover,
.article_summary a.summary_title:hover {
  color: var(--amar-teal); text-decoration: underline;
  text-underline-offset: 3px;
}
.obj_article_summary .subtitle {
  font: 15px/1.55 var(--amar-ui); color: var(--amar-muted);
}
.obj_article_summary .meta, .article_summary .summary_meta {
  font: 13px/1.6 var(--amar-ui); color: var(--amar-muted);
  padding: 0; margin: 5px 0 12px;
}
.obj_article_summary .authors,
.article_summary .authors,
.obj_article_summary .authors a,
.article_summary .authors a {
  color: var(--amar-teal); font: 400 13px/1.6 var(--amar-ui);
  text-decoration: none;
}
.obj_article_summary .pages, .obj_article_summary .published,
.article_summary .pages, .article_summary .published {
  color: var(--amar-muted); font-size: 12px;
}
.obj_article_summary .pub_id, .obj_article_summary .doi,
.obj_article_summary a[href*="doi.org"] {
  color: var(--amar-muted); font: 12px/1.6 var(--amar-ui);
  overflow-wrap: anywhere;
}

/* 09. Galley (PDF/HTML) buttons: pill design, existing links stay active */
.obj_article_summary .galleys,
.obj_article_summary .galleys_links,
.article_summary .galleys_links {
  display: flex; flex-wrap: wrap; justify-content: flex-start;
  align-items: center; gap: 9px; list-style: none;
  padding: 0; margin: 13px 0 0; border: 0;
}
.obj_article_summary .galleys_links li,
.article_summary .galleys_links li { list-style: none; margin: 0; padding: 0; }
.obj_article_summary a.cmp_galley_link,
.obj_article_summary .galleys a,
.obj_article_summary .galleys_links a,
.article_summary .galleys_links a,
.page_article .galleys a.cmp_galley_link {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 37px; padding: 7px 16px;
  border: 1px solid #93a5a9; border-radius: 999px;
  background: var(--amar-white); box-shadow: none;
  color: var(--amar-teal) !important;
  font: 600 13px/1.35 var(--amar-ui);
  letter-spacing: 0; text-transform: none; text-decoration: none;
}
.obj_article_summary a.cmp_galley_link:hover,
.obj_article_summary .galleys a:hover,
.obj_article_summary .galleys_links a:hover,
.article_summary .galleys_links a:hover,
.page_article .galleys a.cmp_galley_link:hover {
  border-color: var(--amar-teal); background: var(--amar-teal);
  color: var(--amar-white) !important; text-decoration: none;
}

/* 10. Only existing OJS citation/action controls; CSS adds no new actions */
.page_issue :is(.citation_formats,.citation_manager,.article_actions,.article-tools),
.page_article :is(.citation_formats,.citation_manager,.article_actions,.article-tools) {
  display: flex; flex-wrap: wrap; gap: 9px;
}
.page_issue :is(.citation_formats,.citation_manager,.article_actions,.article-tools) :is(a,button),
.page_article :is(.citation_formats,.citation_manager,.article_actions,.article-tools) :is(a,button) {
  border: 1px solid #93a5a9; border-radius: 999px;
  background: var(--amar-white); color: var(--amar-teal);
  padding: 7px 15px; font: 600 13px/1.4 var(--amar-ui);
  box-shadow: none; text-decoration: none;
}

/* 11. Archive */
.page_issue_archive .issues_archive,
.page_issue_archive .issues_archive > li { list-style: none; }
.page_issue_archive .issues_archive { padding: 0; }
.page_issue_archive .issues_archive > li {
  padding: 22px 0; margin: 0; border-bottom: 1px solid var(--amar-line);
}
.obj_issue_summary .title, .obj_issue_summary .title a {
  color: var(--amar-ink); font: 600 19px/1.45 var(--amar-ui);
}
.obj_issue_summary .description, .obj_issue_summary .date {
  color: var(--amar-muted); font-size: 13px;
}

/* 12. Article detail */
.page_article .obj_article_details .page_title,
.obj_article_details .page_title {
  font: 700 clamp(24px, 2.2vw, 30px)/1.35 var(--amar-ui);
  letter-spacing: -.2px; color: var(--amar-ink); margin: 0 0 18px;
}
.obj_article_details .authors, .obj_article_details .authors a {
  color: var(--amar-teal); font: 14px/1.65 var(--amar-ui);
}
.obj_article_details .doi, .obj_article_details .doi a {
  color: var(--amar-teal); overflow-wrap: anywhere;
}
.obj_article_details .item.abstract,
.obj_article_details .item.references {
  background: var(--amar-white); border: 0;
  border-top: 2px solid var(--amar-line);
  padding: 20px 0 0; margin: 23px 0;
}
.obj_article_details .item.abstract .label,
.obj_article_details .item.abstract h2,
.obj_article_details .item.references .label,
.obj_article_details .item.references h2 {
  color: var(--amar-ink); font: 700 19px/1.4 var(--amar-ui);
  border: 0; background: transparent; margin: 0 0 10px;
}
.obj_article_details .item.abstract .value,
.obj_article_details .item.abstract p,
.obj_article_details .item.references .value {
  color: var(--amar-ink);
  font: 11pt/1.75 var(--amar-reading);
  text-align: left; overflow-wrap: anywhere;
}
.obj_article_details .entry_details .item {
  margin: 0 0 13px; padding: 14px 16px;
  border: 1px solid var(--amar-line); background: var(--amar-soft);
}
.obj_article_details .entry_details .label {
  color: var(--amar-ink); font: 700 14px/1.4 var(--amar-ui);
}

/* 13. Native OJS sidebar; custom Emerald sidebar handled separately */
.pkp_structure_sidebar { min-width: 0; font-family: var(--amar-ui); }
.pkp_structure_sidebar .pkp_block {
  padding: 16px 17px; margin-bottom: 18px;
  background: var(--amar-panel); border: 0;
  border-left: 0 !important; /* V4.1: clean Emerald sidebar, no vertical accent */
  border-radius: 2px; box-shadow: none;
}
.pkp_structure_sidebar .pkp_block > .title,
.pkp_structure_sidebar .pkp_block .title {
  margin: 0 0 10px; padding: 0 0 9px;
  border: 0; border-bottom: 1px solid #cbd6d7;
  background: transparent; color: var(--amar-ink);
  font: 700 15px/1.4 var(--amar-ui);
  letter-spacing: 0; text-transform: none;
}
.pkp_structure_sidebar .pkp_block .content {
  color: var(--amar-ink); font: 13px/1.65 var(--amar-ui);
}
.pkp_structure_sidebar .pkp_block .content a { color: var(--amar-teal-ink); }
.pkp_structure_sidebar .pkp_block .content img {
  max-width: 100%; height: auto; object-fit: contain;
}
.pkp_structure_sidebar .pkp_block:has(.adv-em-sidebar) {
  background: transparent; border: 0; padding: 0;
}

/* 14. Standard UI buttons / pagination */
.pkp_structure_main .cmp_button,
.pkp_structure_main button[type="submit"],
.pkp_structure_main input[type="submit"] {
  border: 1px solid var(--amar-teal); border-radius: 999px;
  background: var(--amar-teal); color: var(--amar-white);
  font: 600 13px/1.45 var(--amar-ui);
}
.pkp_structure_main .cmp_button:hover,
.pkp_structure_main button[type="submit"]:hover,
.pkp_structure_main input[type="submit"]:hover {
  background: var(--amar-teal-dark);
  border-color: var(--amar-teal-dark); color: var(--amar-white);
}
.cmp_pagination a { color: var(--amar-teal-ink); }
.cmp_pagination .current { color: var(--amar-ink); font-weight: 700; }

/* 15. Footer base. Exact repairs follow at the end. */
.pkp_structure_footer_wrapper { background: #F2F2F2; border: 0; }

/* 16. Responsive layout; let OJS manage sidebar stacking */
@media (max-width: 991px) {
  .pkp_structure_content { padding: 22px 18px 28px; }
  .obj_article_summary .title, .article_summary .summary_title {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .pkp_structure_content { padding: 18px 14px 26px; }
  .pkp_structure_main > h1, .pkp_structure_main .page_title {
    font-size: 23px;
  }
  .obj_issue_toc .heading { padding: 15px 14px; }
  .obj_issue_toc .articles > li,
  .obj_issue_toc ul.cmp_article_list > li { padding: 20px 0 23px; }
  .obj_article_summary .title, .article_summary .summary_title {
    font-size: 17px;
  }
  .obj_article_summary .galleys_links,
  .article_summary .galleys_links { gap: 8px; }
  .pkp_structure_main table:not([role="presentation"]) {
    max-width: 100%; overflow-x: auto;
  }
  .pkp_structure_sidebar { margin-top: 23px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
}

/* End: AMAR Emerald Scholarly Theme V4.4 FINAL */


/* ===============================================================
   17. VERIFIED FAILURE REPAIR - ACADEMICPROTHEME ARTICLE LISTS
   - Previous selectors only covered standard OJS article summaries.
   - This section also covers common Bootstrap/AcademicPro wrappers.
   - The real DOI, author, page, PDF and read-statistic elements stay.
   - No dummy 'Abstract' or citation controls are inserted.
   ============================================================== */

/* Baseline: OJS default issue TOC and its exact list markup. */
body .pkp_structure_main :is(.obj_issue_toc,.page_issue,.current_issue)
  :is(ul.articles,ul.cmp_article_list,ul.article_list,ul.article-list) {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
body .pkp_structure_main :is(.obj_issue_toc,.page_issue,.current_issue)
  :is(ul.articles,ul.cmp_article_list,ul.article_list,ul.article-list) > li {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 22px 0 25px !important;
  list-style: none !important;
  background: #fff !important;
  border: 0 !important;
  border-bottom: 1px solid #ADB9B9 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}
body .pkp_structure_main :is(.obj_issue_toc,.page_issue,.current_issue)
  :is(ul.articles,ul.cmp_article_list,ul.article_list,ul.article-list) > li:first-child {
  border-top: 1px solid #ADB9B9 !important;
}

/* Parent does not use LI: handle article-card patterns present in
   multiple AcademicPro and Bootstrap-driven templates. */
body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(.article_summary,.article-summary,.article_item,.article-item,
      .article-card,.article_card,.article-box,.article_box,
      .single-article,.single_article,.article-entry,.article_entry,
      .article-record,.article_record,.obj_article_summary) {
  width: 100%;
  margin: 0 !important;
  padding: 22px 0 25px !important;
  background: #FFFFFF !important;
  border: 0 !important;
  border-bottom: 1px solid #ADB9B9 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Do not create duplicated horizontal rules when a standard LI
   already owns the bottom separator. */
body .pkp_structure_main :is(ul.articles,ul.cmp_article_list,
  ul.article_list,ul.article-list) > li
  :is(.article_summary,.article-summary,.article_item,.article-item,
      .article-card,.article_card,.article-box,.article_box,
      .single-article,.single_article,.article-entry,.article_entry,
      .article-record,.article_record,.obj_article_summary) {
  border-bottom: 0 !important;
  padding: 0 !important;
}

/* Direct Bootstrap cards/rows generated by custom issue templates. */
body .pkp_structure_main :is(.page_issue,.obj_issue_toc) .section
  > :is(.row,.media,.card,.panel,.article):has(a[href*="/article/view/"]) {
  margin: 0 !important;
  padding: 23px 0 25px !important;
  border-bottom: 1px solid #ADB9B9 !important;
  border-radius: 0 !important;
  background: #FFFFFF !important;
  box-shadow: none !important;
}

/* Structural fallback: some AcademicPro versions render a title
   directly in a custom DIV, without a known article-summary class.
   Use a line above the title only in those variants. */
body .pkp_structure_main :is(.page_issue,.obj_issue_toc)
  :is(h2,h3,h4,.article-title,.article_title,.summary_title):has(a[href*="/article/view/"]):not(.obj_article_summary *):not(.article_summary *):not(.article-summary *):not(.articles li *):not(.cmp_article_list li *):not(.article_list li *):not(.article-list li *) {
  border-top: 1px solid #ADB9B9 !important;
  padding-top: 19px !important;
  margin-top: 23px !important;
}

/* Real article title anchors are restyled even when wrapper names vary. */
body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(h2,h3,h4,.title,.summary_title,.article-title,.article_title)
  a[href*="/article/view/"],
body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
  a:is(.article-title,.article_title,.summary_title) {
  color: #292D2E !important;
  font-family: var(--amar-ui) !important;
  font-size: clamp(18px,1.65vw,21px) !important;
  font-weight: 600 !important;
  line-height: 1.43 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  text-shadow: none !important;
}
body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(h2,h3,h4,.title,.summary_title,.article-title,.article_title)
  a[href*="/article/view/"]:hover {
  color: var(--amar-teal-dark) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

/* Remove excessive spacing between article headings and metadata. */
body .pkp_structure_main :is(.page_issue,.obj_issue_toc)
  :is(h2,h3,h4,.title,.summary_title,.article-title,.article_title)
  :has(a[href*="/article/view/"]) {
  line-height: 1.43 !important;
  margin-bottom: 8px !important;
  text-align: left !important;
}

/* Author names: retain all authors, without justification stretched gaps. */
body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(.authors,.author,.author_names,.author-names,.article-authors,
      .summary-authors,.articleAuthors) {
  color: var(--amar-teal-dark) !important;
  font: 400 13px/1.6 var(--amar-ui) !important;
  text-align: left !important;
  word-spacing: normal !important;
  overflow-wrap: anywhere;
}
body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(.authors,.author,.author_names,.author-names,.article-authors,
      .summary-authors,.articleAuthors) a {
  color: var(--amar-teal-dark) !important;
}

/* DOI/pagination metadata: keep visible and consistent. */
body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(.doi,.pub_id,.pages,.meta,.article-meta,.article_meta,.page-range) {
  font-family: var(--amar-ui) !important;
  font-size: 13px !important;
  line-height: 1.6 !important;
  overflow-wrap: anywhere;
}
body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(.doi,.pub_id) a {
  color: var(--amar-teal-dark) !important;
}

/* Capsule style for true galley/download links only. */
body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(.galleys,.galleys_links,.galley-links,.galley_links)
  :is(a,.cmp_galley_link),
body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
  a:is(.cmp_galley_link,.galley_link,.galley-link,.pdf-link),
body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
  a[href*="/article/download/"],
body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
  a[href$="/pdf"] {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 7px 17px !important;
  background: #FFFFFF !important;
  border: 1px solid #A2AFB0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  color: var(--amar-teal-dark) !important;
  font: 600 13px/1.4 var(--amar-ui) !important;
  text-transform: none !important;
  text-decoration: none !important;
}
body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(.galleys,.galleys_links,.galley-links,.galley_links) a:hover,
body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
  a:is(.cmp_galley_link,.galley_link,.galley-link,.pdf-link):hover {
  background: var(--amar-teal) !important;
  border-color: var(--amar-teal) !important;
  color: #FFFFFF !important;
}

/* Read Statistic stays generated by AcademicProTheme. */
body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(.read-statistic,.read_statistic,.readStatistic,.read-count,
      .read_count,.article_stats,.article-stats) {
  color: var(--amar-muted);
  font-family: var(--amar-ui);
  font-size: 13px;
}

/* ===============================================================
   18. FOOTER REPAIR - THEME SHELL INDEPENDENT OF CUSTOM FOOTER ID
   The V4.2 fix relied on #amar-footer-emerald-final. The installed
   HTML may instead use #amar-footer-inline-v7 or another version.
   Reset only native/theme footer shells and decorative pseudoelements;
   DO NOT override the custom green or light-gray footer sections.
   ============================================================== */

body .pkp_structure_footer_wrapper,
body .pkp_structure_footer,
body .pkp_footer_wrapper,
body .pkp_footer_content,
body .footer-wrapper,
body .footer-container,
body footer.site-footer,
body footer.footer,
body #footer {
  background-color: #F2F2F2 !important;
  background-image: none !important;
  background-attachment: initial !important;
  border: 0 !important;
  border-top: 0 !important;
  box-shadow: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
}

/* Avoid retaining a dark strip through default theme ::before/::after. */
body .pkp_structure_footer_wrapper::before,
body .pkp_structure_footer_wrapper::after,
body .pkp_structure_footer::before,
body .pkp_structure_footer::after,
body .pkp_footer_wrapper::before,
body .pkp_footer_wrapper::after,
body #footer::before,
body #footer::after,
body footer.site-footer::before,
body footer.site-footer::after {
  content: none !important;
  display: none !important;
  background-image: none !important;
}

/* Remove inherited padding from the theme's immediate containers,
   but leave nested emerald .amf-upper/.amf-lower alone. */
body .pkp_structure_footer_wrapper > .pkp_structure_footer,
body .pkp_structure_footer > .pkp_footer_content,
body .pkp_structure_footer > .pkp_footer_wrapper,
body .pkp_structure_footer > .container,
body .pkp_structure_footer > .container-fluid,
body .pkp_structure_footer_wrapper > .container,
body .pkp_structure_footer_wrapper > .container-fluid {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 0 !important;
}

/* Common custom footer variants, all retaining their own colors.
   No height, palette or layout changes to .amf-upper or .amf-lower. */
body :is(#amar-footer-inline-v7,#amar-footer-emerald-final,
         #amar-emerald-footer-2026,[id^="amar-footer-"]) {
  border-top: 0 !important;
  box-shadow: none !important;
}

/* Reset source fallback if theme puts a dark "footer" class on a
   container directly surrounding the user's Emerald footer. */
body :is(.pkp_structure_footer_wrapper,.pkp_structure_footer,
         .footer-wrapper,#footer)
  :is(.container,.container-fluid,.footer-inner,.footer-content)
  :has([id^="amar-footer-"]) {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* ===============================================================
   19. ACADEMICPROTHEME PLUGIN NOTICE: TARGETED VISUAL HIDING

   Corrected V4.4: the V4.3 selector had a SPACE before :has(),
   so it selected descendants of matching alert boxes rather than
   the warning element itself. V4.3 also scoped its fallback to the
   OJS footer only, although the theme may inject the warning outside
   the footer. These selectors attach :has() to the element to hide.

   This changes visible presentation only. It DOES NOT validate,
   activate, license or modify AcademicProThemePlugin.
   =============================================================== */

/* A. Known alert, notification, validation and OJT wrapper styles.
   Match warning containers with an actual OpenJournalTheme support
   link, wherever the theme injected them in the document. */
body :is(
  .alert, .alert-warning, .alert-info, .alert-danger,
  .notice, .notification, .notification-warning,
  .license-notice, .license-warning, .validation-notice,
  .theme-warning, .theme-license-warning, .plugin-warning,
  .plugin-notice, .ojt-notice, .ojt-alert,
  [role="alert"], [role="status"],
  [class*="unvalid"], [id*="unvalid"],
  [class*="license-banner"], [id*="license-banner"],
  [class*="validation"], [id*="validation"],
  [class*="ojt-alert"], [id*="ojt-alert"]
):has(a[href*="openjournaltheme.com"]) {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* B. Plain notices with text and a direct support anchor. This also
   catches a standalone message DIV injected AFTER the OJS footer.
   Do not hide the footer element or site layout wrappers themselves. */
body :is(div, p, li, small, span, aside, section):not(:is(
  .pkp_structure_footer, .pkp_structure_footer_wrapper,
  .amf-upper, .amf-lower, [id^="amar-footer-"],
  [id^="amar-emerald-footer-"]
)):has(> a[href*="openjournaltheme.com"]) {
  display: none !important;
}

/* C. Common nested notice: explanatory text + a nested support link
   inside a SPAN/SMALL/STRONG/EM. Match the entire message, not just
   the anchor, so the warning sentence disappears too. */
body :is(div, p, li, aside, section):not(:is(
  .pkp_structure_footer, .pkp_structure_footer_wrapper,
  .amf-upper, .amf-lower, [id^="amar-footer-"],
  [id^="amar-emerald-footer-"]
)):has(> :is(span, small, strong, em) > a[href*="openjournaltheme.com"]) {
  display: none !important;
}

/* D. If the vendor uses an anchor with no enclosing notice element,
   suppress that standalone support link as a narrow fallback. */
body a[href*="openjournaltheme.com"] {
  display: none !important;
}

/* ===============================================================
   20. SMALL SCREEN OVERRIDES
   ============================================================== */
@media (max-width: 767px) {
  body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
    :is(ul.articles,ul.cmp_article_list,ul.article_list,ul.article-list) > li,
  body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
    :is(.obj_article_summary,.article_summary,.article-summary,
        .article-item,.article_item,.article-card,.article_card) {
    padding-top: 18px !important;
    padding-bottom: 21px !important;
  }
  body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
    :is(h2,h3,h4,.title,.summary_title,.article-title,.article_title)
    a[href*="/article/view/"] {
    font-size: 17px !important;
  }
}

/* END - AMAR EMERALD MASTER V4.4 - #5F9D8D */


/* ========================================================================
   21. AMAR SCHOLARLY TYPOGRAPHY & REFERENCES — FINAL V5

   Non-destructive extension of V4.4. All V4.4 styles above are preserved.
   Scoped ONLY to article pages and issue bibliographic metadata.

   Website interface / headings: Lato
   Scholarly abstracts: Calisto MT and compatible serif fallbacks
   On-screen references: Lato for stable, legible long citations/DOIs
   Paper / manuscript typography: NOT changed by this website CSS.

   Numbers in References are existing OJS/AcademicPro list markers,
   not generated or inserted by this stylesheet.
   ======================================================================== */

:root {
  --amar-detail-ink: #292F31;
  --amar-reference-link: #35685D;  /* better text contrast than #5F9D8D */
  --amar-reference-rule: #D5DFDE;
  --amar-reference-font: "Lato", Arial, Helvetica, sans-serif;
}

/* 21.1 — Article detail title: readable, but do not enlarge other OJS pages */
body .pkp_structure_main .obj_article_details .page_title,
body .pkp_structure_main .page_article .page_title {
  color: var(--amar-detail-ink) !important;
  font-family: var(--amar-ui) !important;
  font-size: clamp(24px, 2.15vw, 29px) !important;
  font-weight: 700 !important;
  line-height: 1.34 !important;
  letter-spacing: -0.015em !important;
  text-align: left !important;
  text-shadow: none !important;
  margin-bottom: 17px !important;
}

/* 21.2 — Actual author and DOI information, not global page links */
body .pkp_structure_main .obj_article_details .authors,
body .pkp_structure_main .obj_article_details .authors :is(a,span),
body .pkp_structure_main .obj_article_details .doi,
body .pkp_structure_main .obj_article_details .doi a {
  font-family: var(--amar-ui) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  text-align: left !important;
  overflow-wrap: anywhere;
}
body .pkp_structure_main .obj_article_details .doi a {
  color: var(--amar-reference-link) !important;
}

/* 21.3 — Abstracts: remain scholarly Calisto MT, at a comfortable size */
body .pkp_structure_main .obj_article_details .item.abstract :is(.value,p),
body .pkp_structure_main .page_article .item.abstract :is(.value,p) {
  font-family: var(--amar-reading) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.75 !important;
  text-align: left !important;
  word-spacing: normal !important;
  letter-spacing: 0 !important;
  color: var(--amar-detail-ink) !important;
}

/* 21.4 — Reference block. Catch standard OJS & alternate AcademicPro IDs.
   Do NOT change display/max-height: some versions offer references toggles. */
body .pkp_structure_main :is(
  .obj_article_details .item.references,
  .obj_article_details .references,
  .page_article .item.references,
  .page_article .references,
  .page_article #references,
  .page_article .reference-list,
  .page_article .references-section,
  .page_article .article-references
) {
  color: var(--amar-detail-ink) !important;
  background: #FFFFFF !important;
  font-family: var(--amar-reference-font) !important;
  font-size: 15.5px !important;
  line-height: 1.73 !important;
  text-align: left !important;
  word-spacing: normal !important;
  letter-spacing: 0 !important;
  box-shadow: none !important;
}

/* Reference heading: retains existing bookmark icon, if supplied by theme. */
body .pkp_structure_main :is(
  .obj_article_details .item.references,
  .obj_article_details .references,
  .page_article .item.references,
  .page_article .references,
  .page_article #references,
  .page_article .references-section,
  .page_article .article-references
) :is(h2,h3,.label,.section-title) {
  font-family: var(--amar-ui) !important;
  font-size: clamp(22px, 2vw, 27px) !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  color: var(--amar-detail-ink) !important;
  text-align: left !important;
  text-shadow: none !important;
  letter-spacing: -0.01em !important;
  border: 0 !important;
  background: transparent !important;
  margin: 0 0 17px !important;
  padding: 0 !important;
}

/* Keep heading icons, instead of re-creating them or using pseudo labels. */
body .pkp_structure_main :is(
  .obj_article_details .item.references,
  .page_article .references,
  .page_article #references,
  .page_article .article-references
) :is(h2,h3,.label) :is(i,.fa,.fas,.far,.icon,svg) {
  color: var(--amar-teal) !important;
  vertical-align: baseline !important;
}

/* Ordered references: predictable left alignment and readable line breaks. */
body .pkp_structure_main :is(
  .obj_article_details .item.references,
  .obj_article_details .references,
  .page_article .references,
  .page_article #references,
  .page_article .reference-list,
  .page_article .references-section,
  .page_article .article-references
) ol {
  list-style-type: decimal !important;
  list-style-position: outside !important;
  padding: 0 0 0 2.35rem !important;
  margin: 7px 0 23px !important;
  background: transparent !important;
  text-align: left !important;
}

body .pkp_structure_main :is(
  .obj_article_details .item.references,
  .obj_article_details .references,
  .page_article .references,
  .page_article #references,
  .page_article .reference-list,
  .page_article .references-section,
  .page_article .article-references
) ol > li {
  display: list-item !important;
  list-style-type: decimal !important;
  list-style-position: outside !important;
  margin: 0 0 14px !important;
  padding: 0 0 0 0.3rem !important;
  font-family: var(--amar-reference-font) !important;
  font-size: 15.5px !important;
  font-weight: 400 !important;
  line-height: 1.73 !important;
  color: var(--amar-detail-ink) !important;
  text-align: left !important;
  text-indent: 0 !important;
  word-spacing: normal !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere !important;
}
body .pkp_structure_main :is(
  .obj_article_details .item.references,
  .obj_article_details .references,
  .page_article .references,
  .page_article #references,
  .page_article .reference-list,
  .page_article .references-section,
  .page_article .article-references
) ol > li::marker {
  color: var(--amar-detail-ink) !important;
  font-family: var(--amar-reference-font) !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

/* Some OJS builds put the bibliography as paragraphs or nested DIVs. */
body .pkp_structure_main :is(
  .obj_article_details .item.references,
  .obj_article_details .references,
  .page_article .references,
  .page_article #references,
  .page_article .reference-list,
  .page_article .references-section,
  .page_article .article-references
) :is(.value,p,li > p,li > div) {
  font-family: var(--amar-reference-font) !important;
  font-size: 15.5px !important;
  line-height: 1.73 !important;
  text-align: left !important;
  word-spacing: normal !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere !important;
  color: var(--amar-detail-ink) !important;
}
body .pkp_structure_main :is(
  .obj_article_details .item.references,
  .page_article .references,
  .page_article #references,
  .page_article .article-references
) ol > li :is(p,div) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* References DOI links — readable teal contrast and safe wrapping. */
body .pkp_structure_main :is(
  .obj_article_details .item.references,
  .obj_article_details .references,
  .page_article .references,
  .page_article #references,
  .page_article .reference-list,
  .page_article .references-section,
  .page_article .article-references
) a {
  color: var(--amar-reference-link) !important;
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  text-decoration: none !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}
body .pkp_structure_main :is(
  .obj_article_details .item.references,
  .obj_article_details .references,
  .page_article .references,
  .page_article #references,
  .page_article .reference-list,
  .page_article .references-section,
  .page_article .article-references
) a:hover,
body .pkp_structure_main :is(
  .obj_article_details .item.references,
  .obj_article_details .references,
  .page_article .references,
  .page_article #references,
  .page_article .reference-list,
  .page_article .references-section,
  .page_article .article-references
) a:focus-visible {
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

/* Article metadata fields: consistent UI typography without changing layout. */
body .pkp_structure_main .obj_article_details .entry_details .item,
body .pkp_structure_main .obj_article_details .entry_details .item .value {
  font-family: var(--amar-ui) !important;
  font-size: 13.5px !important;
  line-height: 1.58 !important;
}

/* Smaller screens: keep full DOI visible without sideways scrolling. */
@media (max-width: 767px) {
  body .pkp_structure_main .obj_article_details .page_title,
  body .pkp_structure_main .page_article .page_title {
    font-size: 23px !important;
  }
  body .pkp_structure_main :is(
    .obj_article_details .item.references,
    .obj_article_details .references,
    .page_article .references,
    .page_article #references,
    .page_article .reference-list,
    .page_article .references-section,
    .page_article .article-references
  ) ol {
    padding-left: 1.85rem !important;
  }
  body .pkp_structure_main :is(
    .obj_article_details .item.references,
    .obj_article_details .references,
    .page_article .references,
    .page_article #references,
    .page_article .reference-list,
    .page_article .references-section,
    .page_article .article-references
  ) :is(.value,p,ol > li) {
    font-size: 14.5px !important;
    line-height: 1.72 !important;
  }
}

/* END: AMAR EMERALD MASTER V5 — V4.4 + SCOPED TYPOGRAPHY/REFERENCES */

/* 21.5 — Mobile box sizing fix for the V4.4 page content shell.
   V4.4 sets width:100% plus horizontal padding; without border-box,
   the resulting area can overflow a narrow viewport. */
@media (max-width: 767px) {
  body .pkp_structure_content {
    box-sizing: border-box !important;
    max-width: 100% !important;
  }
  body .pkp_structure_content > :is(.pkp_structure_main,.pkp_structure_sidebar) {
    min-width: 0 !important;
    max-width: 100% !important;
  }
}

/* V5 BASE ENDS HERE; V6 REFINEMENTS FOLLOW */


/* ========================================================================
   22. AMAR x EMERALD — MASTER V6 FINAL TYPOGRAPHY CONSOLIDATION

   Preserves the installed V4.4/V5 foundation:
     * AMAR brand #5F9D8D and accessible dark teal for small type
     * Approved bespoke About Journal / 8 image links
     * Approved custom sidebar / footer two-tone layouts
     * AcademicProTheme notice presentation rules
     * Native OJS DOIs, page numbers, article statistics, galley actions

   On-screen UI & reference list: Lato.
   Manuscript/PDF typesetting: remains Calisto MT 11 pt; unchanged.
   Scoped overrides deliberately avoid changing custom HTML via ID.

   Special note on APA 7: When OJS generates an OL bibliography,
   the numeric LIST MARKERS are hidden and a hanging indent is shown.
   Literal reference numbers in the database cannot be fixed with CSS.
   Content order, metadata and DOI links are never modified here.
   ======================================================================== */

:root {
  --amar-ui: "Lato", Arial, Helvetica, sans-serif;
  --amar-brand: #5F9D8D;
  --amar-ui-link: #35685D;
  --amar-ui-ink: #292D30;
  --amar-ui-muted: #607174;
  --amar-issue-separator: #C9D3D4;
  --amar-ui-bg: #FFFFFF;
}

/* 22.1 — Journal navigation and standard page headings.
   Scope to OJS elements, not the user-authored About Journal or footer. */
body :is(.pkp_navigation_primary, .pkp_navigation_user) > li > a {
  font-family: var(--amar-ui) !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
body :is(.obj_issue_toc,.page_issue,.page_issue_archive) > h1,
body .obj_issue_toc .sections > h2,
body .obj_issue_toc .section > :is(h2,h3),
body .page_issue .obj_issue_toc .section > :is(h2,h3) {
  font-family: var(--amar-ui) !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  color: var(--amar-ui-ink) !important;
  text-align: left !important;
}
body .obj_issue_toc .sections > h2,
body .obj_issue_toc .section > :is(h2,h3) {
  font-size: 23px !important;
  line-height: 1.35 !important;
}

/* 22.2 — Issue article cards: reduce white gaps to Emerald rhythm.
   Covers standard OJS lists and common AcademicPro list variants.
   Keeps one rule per article; avoids adding decorative <hr> nodes. */
body :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(ul.articles,ul.cmp_article_list,ul.article_list,ul.article-list) > li {
  padding: 19px 0 21px !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--amar-issue-separator) !important;
  background: var(--amar-ui-bg) !important;
}
body :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(ul.articles,ul.cmp_article_list,ul.article_list,ul.article-list) > li:first-child {
  border-top: 1px solid var(--amar-issue-separator) !important;
}
body :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(ul.articles,ul.cmp_article_list,ul.article_list,ul.article-list) > li
  :is(.obj_article_summary,.article_summary,.article-summary,.article-card,
      .article-entry,.article-item,.article_item,.article_card,.article_entry) {
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
body :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(.article_summary,.article-summary,.article-card,.article-entry,
      .article-item,.article_item,.article_card,.article_entry,.obj_article_summary) {
  font-family: var(--amar-ui) !important;
  line-height: 1.55 !important;
}
/* The alternative template may render each summary outside a UL. */
body :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(.article-summary,.article-card,.article-entry,.article-item,.article_item,
      .article_card,.article_entry,.obj_article_summary,.article_summary):not(
    :is(.articles,.article_list,.article-list,.cmp_article_list) > li *
  ) {
  padding: 19px 0 21px !important;
  margin: 0 !important;
  border-bottom: 1px solid var(--amar-issue-separator) !important;
}
/* Don't duplicate a title-level border above cards already separated by LI. */
body :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(.articles,.article_list,.article-list,.cmp_article_list) > li
  :is(h2,h3,h4,.title,.article-title,.article_title,.summary_title) {
  border-top: 0 !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* 22.3 — Titles. Keep article/issue titles distinct from navigation and
   metadata; do not recolor custom homepage cards with these selectors. */
body :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(.obj_article_summary,.article_summary,.article-summary,.article-card,
      .article-item,.article-entry)
  :is(.title,.summary_title,.article-title,.article_title,h2,h3,h4),
body :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(h2,h3,h4,.title,.summary_title,.article-title,.article_title):has(
    > a[href*="/article/view/"]
  ) {
  font-family: var(--amar-ui) !important;
  font-size: 19px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  margin-bottom: 7px !important;
  text-align: left !important;
  text-transform: none !important;
  word-spacing: normal !important;
}
body :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(.obj_article_summary,.article_summary,.article-summary,.article-card,
      .article-item,.article-entry)
  :is(.title,.summary_title,.article-title,.article_title,h2,h3,h4) a,
body :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(h2,h3,h4,.title,.summary_title,.article-title,.article_title)
  a[href*="/article/view/"] {
  font-family: var(--amar-ui) !important;
  font-size: inherit !important;
  font-weight: 600 !important;
  line-height: inherit !important;
  color: var(--amar-ui-ink) !important;
  text-decoration: none !important;
  overflow-wrap: anywhere !important;
}
body :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(h2,h3,h4,.title,.summary_title,.article-title,.article_title)
  a[href*="/article/view/"]:hover {
  color: var(--amar-ui-link) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

/* 22.4 — Author list & metadata: separate bibliographic hierarchy;
   never delete DOI, pages, statistics, or any author nodes. */
body :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(.authors,.author_names,.author-names,.article-authors,.summary-authors,
      .articleAuthors) {
  font-family: var(--amar-ui) !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  font-weight: 400 !important;
  text-align: left !important;
  word-spacing: normal !important;
  letter-spacing: 0 !important;
  color: var(--amar-ui-link) !important;
}
body :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(.authors,.author_names,.author-names,.article-authors,.summary-authors,
      .articleAuthors) a {
  font-family: inherit !important;
  font-size: inherit !important;
  color: var(--amar-ui-link) !important;
}
body :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(.doi,.pub_id,.pages,.published,.meta,.article-meta,.article_meta,
      .page-range,.read-statistic,.read_statistic,.readStatistic,
      .read-count,.read_count,.article_stats,.article-stats) {
  font-family: var(--amar-ui) !important;
  font-size: 12.5px !important;
  line-height: 1.5 !important;
  text-align: left;
  word-spacing: normal !important;
  letter-spacing: 0 !important;
  overflow-wrap: anywhere;
}
body :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(.doi,.pub_id,.article-meta,.article_meta) a,
body :is(.page_issue,.obj_issue_toc,.current_issue)
  a[href*="doi.org"] {
  color: var(--amar-ui-link) !important;
}

/* 22.5 — Real native galley links get pill shape, accessible contrast.
   CSS creates no PDF, abstract dropdown or citation manager behavior. */
body :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(.galleys,.galleys_links,.galley-links,.galley_links)
  :is(a,.cmp_galley_link),
body :is(.page_issue,.obj_issue_toc,.current_issue)
  a:is(.cmp_galley_link,.galley_link,.galley-link,.pdf-link),
body :is(.page_issue,.obj_issue_toc,.current_issue)
  a[href*="/article/download/"] {
  min-height: 38px !important;
  padding: 7px 16px !important;
  font-family: var(--amar-ui) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  color: var(--amar-ui-link) !important;
  background: #FFFFFF !important;
  border: 1px solid #ABB6B7 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  text-transform: none !important;
}
body :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(.galleys,.galleys_links,.galley-links,.galley_links) a:hover,
body :is(.page_issue,.obj_issue_toc,.current_issue)
  a:is(.cmp_galley_link,.galley_link,.galley-link,.pdf-link):hover {
  color: #FFFFFF !important;
  background: var(--amar-ui-link) !important;
  border-color: var(--amar-ui-link) !important;
}

/* 22.6 — Article detail title, author/DOI, abstract: consistent website
   sans-serif without changing the official PDF typesetting. */
body .pkp_structure_main .obj_article_details .page_title,
body .pkp_structure_main .page_article .page_title {
  font-family: var(--amar-ui) !important;
  font-size: clamp(24px, 2.2vw, 29px) !important;
  line-height: 1.34 !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  color: var(--amar-ui-ink) !important;
}
body .pkp_structure_main .obj_article_details .authors,
body .pkp_structure_main .obj_article_details .authors :is(a,span),
body .pkp_structure_main .obj_article_details .doi,
body .pkp_structure_main .obj_article_details .doi a {
  font-family: var(--amar-ui) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  word-spacing: normal !important;
  text-align: left !important;
}
body .pkp_structure_main :is(
  .obj_article_details .item.abstract,
  .page_article .item.abstract
) :is(.value,p,li) {
  font-family: var(--amar-ui) !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.68 !important;
  letter-spacing: 0 !important;
  word-spacing: normal !important;
  text-align: left !important;
  color: var(--amar-ui-ink) !important;
}
body .pkp_structure_main :is(
  .obj_article_details .item.abstract,
  .page_article .item.abstract
) :is(h2,h3,.label) {
  font-family: var(--amar-ui) !important;
  font-size: 22px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  color: var(--amar-ui-ink) !important;
}

/* 22.7 — References: Lato, APA-7-inspired hanging indent, no
   stretched justification. Source references and hyperlinks untouched.
   Only default OL numbering is visually suppressed. */
body .pkp_structure_main :is(
  .obj_article_details .item.references,
  .obj_article_details .references,
  .page_article .item.references,
  .page_article .references,
  .page_article #references,
  .page_article .reference-list,
  .page_article .references-section,
  .page_article .article-references
) {
  font-family: var(--amar-ui) !important;
  font-size: 15.5px !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
  text-align: left !important;
  word-spacing: normal !important;
  letter-spacing: 0 !important;
}
body .pkp_structure_main :is(
  .obj_article_details .item.references,
  .obj_article_details .references,
  .page_article .item.references,
  .page_article .references,
  .page_article #references,
  .page_article .reference-list,
  .page_article .references-section,
  .page_article .article-references
) :is(h2,h3,.label,.section-title) {
  font-family: var(--amar-ui) !important;
  font-size: 23px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  color: var(--amar-ui-ink) !important;
  letter-spacing: 0 !important;
  border: 0 !important;
  background: transparent !important;
  margin: 0 0 18px !important;
  text-align: left !important;
}
body .pkp_structure_main :is(
  .obj_article_details .item.references,
  .obj_article_details .references,
  .page_article .item.references,
  .page_article .references,
  .page_article #references,
  .page_article .reference-list,
  .page_article .references-section,
  .page_article .article-references
) ol {
  display: block !important;
  list-style: none !important;
  padding: 0 !important;
  margin: 0 0 21px !important;
}
body .pkp_structure_main :is(
  .obj_article_details .item.references,
  .obj_article_details .references,
  .page_article .item.references,
  .page_article .references,
  .page_article #references,
  .page_article .reference-list,
  .page_article .references-section,
  .page_article .article-references
) ol > li {
  display: block !important;
  list-style: none !important;
  list-style-type: none !important;
  margin: 0 0 12px !important;
  padding: 0 0 0 1.27cm !important;
  text-indent: -1.27cm !important;
  font-family: var(--amar-ui) !important;
  font-size: 15.5px !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
  word-spacing: normal !important;
  text-align: left !important;
  overflow-wrap: anywhere !important;
  color: var(--amar-ui-ink) !important;
}
body .pkp_structure_main :is(
  .obj_article_details .item.references,
  .obj_article_details .references,
  .page_article .item.references,
  .page_article .references,
  .page_article #references,
  .page_article .reference-list,
  .page_article .references-section,
  .page_article .article-references
) ol > li::marker {
  content: "" !important;
}
body .pkp_structure_main :is(
  .obj_article_details .item.references,
  .obj_article_details .references,
  .page_article .item.references,
  .page_article .references,
  .page_article #references,
  .page_article .reference-list,
  .page_article .references-section,
  .page_article .article-references
) :is(p,.value,li > p,li > div) {
  font-family: var(--amar-ui) !important;
  font-size: 15.5px !important;
  line-height: 1.65 !important;
  text-align: left !important;
  letter-spacing: 0 !important;
  word-spacing: normal !important;
  overflow-wrap: anywhere !important;
  color: var(--amar-ui-ink) !important;
}
/* Reference entries represented as direct paragraphs (rather than OL). */
body .pkp_structure_main :is(
  .obj_article_details .item.references,
  .page_article .references,
  .page_article #references,
  .page_article .article-references
) :is(.value, .value > p, .reference-list > p) {
  margin-bottom: 12px !important;
}
body .pkp_structure_main :is(
  .obj_article_details .item.references,
  .obj_article_details .references,
  .page_article .item.references,
  .page_article .references,
  .page_article #references,
  .page_article .reference-list,
  .page_article .references-section,
  .page_article .article-references
) a {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  color: var(--amar-ui-link) !important;
  text-decoration: none !important;
  overflow-wrap: anywhere !important;
}
body .pkp_structure_main :is(
  .obj_article_details .item.references,
  .obj_article_details .references,
  .page_article .item.references,
  .page_article .references,
  .page_article #references,
  .page_article .reference-list,
  .page_article .references-section,
  .page_article .article-references
) a:hover {
  text-decoration: underline !important;
  text-underline-offset: 2px !important;
}

/* 22.8 — Native metadata panels and compact sidebar typography.
   Preserve premium sidebar internals which already use inline styling. */
body .pkp_structure_main .obj_article_details .entry_details .item,
body .pkp_structure_main .obj_article_details .entry_details .item .value {
  font-family: var(--amar-ui) !important;
  font-size: 13.5px !important;
  line-height: 1.55 !important;
}
body .pkp_structure_sidebar .pkp_block:not(:has(#amar-es-reference))
  > .title {
  font-family: var(--amar-ui) !important;
  font-size: 14px !important;
  line-height: 1.4 !important;
  font-weight: 600 !important;
}
body .pkp_structure_sidebar .pkp_block:has(#amar-es-reference) {
  padding: 0 !important;
  margin: 0 0 18px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body .pkp_structure_sidebar .pkp_block:has(#amar-es-reference) > .title {
  display: none !important;
}

/* 22.9 — Accessible native OJS action buttons; does NOT recolor custom
   Emerald buttons with inline declarations. */
body .pkp_structure_main button[type="submit"],
body .pkp_structure_main input[type="submit"],
body .pkp_structure_main .cmp_button {
  background: var(--amar-ui-link) !important;
  border-color: var(--amar-ui-link) !important;
  color: #FFFFFF !important;
  font-family: var(--amar-ui) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  line-height: 1.45 !important;
}

/* 22.10 — Responsive reading. Preserve original document structure. */
@media (max-width: 767px) {
  body :is(.page_issue,.obj_issue_toc,.current_issue)
    :is(ul.articles,ul.cmp_article_list,ul.article_list,ul.article-list) > li {
    padding: 17px 0 19px !important;
  }
  body :is(.page_issue,.obj_issue_toc,.current_issue)
    :is(.obj_article_summary,.article_summary,.article-summary,.article-card,
        .article-item,.article-entry)
    :is(.title,.summary_title,.article-title,.article_title,h2,h3,h4) {
    font-size: 17px !important;
  }
  body :is(.page_issue,.obj_issue_toc,.current_issue)
    :is(.doi,.pub_id,.pages,.published,.meta,.article-meta,.article_meta,
        .page-range,.read-statistic,.read_statistic,.readStatistic,
        .read-count,.read_count,.article_stats,.article-stats) {
    font-size: 12px !important;
  }
  body .pkp_structure_main .obj_article_details .page_title,
  body .pkp_structure_main .page_article .page_title {
    font-size: 23px !important;
  }
  body .pkp_structure_main :is(
    .obj_article_details .item.abstract,
    .page_article .item.abstract
  ) :is(.value,p,li) {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }
  body .pkp_structure_main :is(
    .obj_article_details .item.references,
    .obj_article_details .references,
    .page_article .item.references,
    .page_article .references,
    .page_article #references,
    .page_article .reference-list,
    .page_article .references-section,
    .page_article .article-references
  ) :is(.value,p,ol > li,li > p,li > div) {
    font-size: 14.5px !important;
    line-height: 1.64 !important;
  }
  body .pkp_structure_main :is(
    .obj_article_details .item.references,
    .page_article .references,
    .page_article #references,
    .page_article .article-references
  ) ol > li {
    padding-left: 1.04cm !important;
    text-indent: -1.04cm !important;
  }
  body .pkp_structure_content {
    box-sizing: border-box !important;
    max-width: 100% !important;
  }
}


/* 22.11 — Cascade reconciliation with the pre-existing V4.4 selectors.
   The older rules include body .pkp_structure_main, so these use the
   same specificity AND appear later. This is intentional and tested. */
body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(ul.articles,ul.cmp_article_list,ul.article_list,ul.article-list) > li {
  border-bottom-color: var(--amar-issue-separator) !important;
  padding-top: 19px !important;
  padding-bottom: 21px !important;
}
body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(ul.articles,ul.cmp_article_list,ul.article_list,ul.article-list) > li:first-child {
  border-top-color: var(--amar-issue-separator) !important;
}
body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(h2,h3,h4,.title,.summary_title,.article-title,.article_title)
  a[href*="/article/view/"] {
  font-size: 19px !important;
  line-height: 1.4 !important;
}
body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(.authors,.author,.author_names,.author-names,.article-authors,
      .summary-authors,.articleAuthors) {
  font-size: 13.5px !important;
  line-height: 1.55 !important;
  color: var(--amar-ui-link) !important;
}
body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(.doi,.pub_id,.pages,.meta,.article-meta,.article_meta,.page-range) {
  font-size: 12.5px !important;
  line-height: 1.5 !important;
}
body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
  :is(.galleys,.galleys_links,.galley-links,.galley_links) a,
body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
  a:is(.cmp_galley_link,.galley_link,.galley-link,.pdf-link),
body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
  a[href*="/article/download/"] {
  min-height: 38px !important;
  border-color: #ABB6B7 !important;
  padding: 7px 16px !important;
  font-size: 13px !important;
  font-family: var(--amar-ui) !important;
  color: var(--amar-ui-link) !important;
}
@media (max-width:767px) {
  body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
    :is(ul.articles,ul.cmp_article_list,ul.article_list,ul.article-list) > li {
    padding-top: 17px !important;
    padding-bottom: 19px !important;
  }
  body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
    :is(h2,h3,h4,.title,.summary_title,.article-title,.article_title)
    a[href*="/article/view/"] {
    font-size: 17px !important;
  }
  body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
    :is(.obj_article_summary,.article_summary,.article-summary,.article-card,
        .article-item,.article-entry)
    :is(h2,h3,h4,.title,.summary_title,.article-title,.article_title) {
    font-size: 17px !important;
    line-height: 1.4 !important;
  }
  body .pkp_structure_main :is(.page_issue,.obj_issue_toc,.current_issue)
    :is(.doi,.pub_id,.pages,.meta,.article-meta,.article_meta,.page-range) {
    font-size: 12px !important;
  }
}

/* END AMAR x EMERALD MASTER V6 FINAL — V5 FOUNDATION PRESERVED */