/*
Jurnal Ilmiah Teknologi Informasi Asia
OJS 3.3.0.22 + PKP Bootstrap3 theme
Administrator-only stylesheet, version 0.3

This file is intentionally separate from the Default-theme stylesheet.
*/

/*
Source Sans 3, official Adobe open-source release.
Direct @font-face rules are used instead of @import because this OJS
installation reverted to the unstyled theme after the previous upload.
*/
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("https://raw.githubusercontent.com/adobe-fonts/source-sans/release/WOFF2/TTF/SourceSans3-Regular.ttf.woff2")
    format("woff2");
}

@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("https://raw.githubusercontent.com/adobe-fonts/source-sans/release/WOFF2/TTF/SourceSans3-Semibold.ttf.woff2")
    format("woff2");
}

@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("https://raw.githubusercontent.com/adobe-fonts/source-sans/release/WOFF2/TTF/SourceSans3-Bold.ttf.woff2")
    format("woff2");
}

:root {
  --jitika-navy: #062d56;
  --jitika-navy-2: #0b477f;
  --jitika-blue: #1268c4;
  --jitika-blue-hover: #0d56a5;
  --jitika-blue-soft: #edf5ff;
  --jitika-gold: #ffd12b;
  --jitika-ink: #172a3e;
  --jitika-muted: #5f6f80;
  --jitika-line: #d7e1eb;
  --jitika-line-strong: #a9bfd7;
  --jitika-page: #f5f8fc;
  --jitika-shadow: 0 17px 42px rgba(10, 42, 75, 0.13);
  --jitika-radius: 12px;
  --jitika-width: 1240px;
}

html {
  scroll-behavior: smooth;
  scroll-padding-top: 76px;
}

body {
  color: var(--jitika-ink);
  background: var(--jitika-page);
  font-family: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.65;
}

a {
  color: var(--jitika-blue);
}

a:hover,
a:focus {
  color: var(--jitika-blue-hover);
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid #ffbf47;
  outline-offset: 3px;
}


h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
select,
textarea,
.btn,
.navbar,
.dropdown-menu {
  font-family: "Source Sans 3", "Segoe UI", Arial, sans-serif;
}

/* =========================================================
   Bootstrap3 header
   ========================================================= */

#headerNavigationContainer.navbar {
  position: sticky;
  top: 0;
  z-index: 1000;
  min-height: 66px;
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--jitika-line);
  border-radius: 0;
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 3px 14px rgba(17, 43, 70, 0.05);
  backdrop-filter: blur(10px);
}

@media (min-width: 768px) {
  #headerNavigationContainer.navbar {
    display: flex;
    align-items: center;
    padding-right: max(20px, calc((100vw - var(--jitika-width)) / 2));
    padding-left: max(20px, calc((100vw - var(--jitika-width)) / 2));
  }

  #headerNavigationContainer > .container-fluid:first-child {
    order: 3;
    width: auto;
    margin: 0;
    padding: 0;
  }

  #headerNavigationContainer > .container-fluid:first-child > .row {
    margin: 0;
  }

  #headerNavigationContainer > .container-fluid:nth-child(2) {
    order: 1;
    display: flex;
    flex: 1 1 auto;
    align-items: center;
    width: auto;
    margin: 0;
    padding: 0;
  }

  #headerNavigationContainer .navbar-header {
    flex: 0 1 355px;
    min-width: 210px;
  }

  #headerNavigationContainer .site-name {
    margin: 0;
  }

  #headerNavigationContainer .navbar-brand {
    display: block;
    max-width: 355px;
    height: auto;
    overflow: hidden;
    padding: 22px 14px 22px 0;
    color: var(--jitika-ink);
    font-size: 16px;
    font-weight: 800;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #headerNavigationContainer #nav-menu {
    display: flex !important;
    flex: 1 1 auto;
    align-items: center;
    min-width: 0;
    padding: 0;
    border: 0;
  }

  #headerNavigationContainer #main-navigation {
    display: flex;
    align-items: center;
    margin-left: auto;
  }

  #headerNavigationContainer #main-navigation > li > a {
    padding: 23px 8px 21px;
    color: var(--jitika-ink);
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    white-space: nowrap;
  }

  #headerNavigationContainer #main-navigation > li > a:hover,
  #headerNavigationContainer #main-navigation > li > a:focus {
    color: var(--jitika-blue);
    background: transparent;
  }

  #headerNavigationContainer .dropdown-menu {
    border-color: var(--jitika-line);
    border-radius: 8px;
    box-shadow: 0 12px 28px rgba(13, 42, 72, 0.14);
  }

  #headerNavigationContainer .pull-md-right {
    flex: 0 0 auto;
  }

  #headerNavigationContainer .navbar-form {
    display: flex;
    gap: 5px;
    align-items: center;
    margin: 0 8px;
    padding: 0;
  }

  #headerNavigationContainer .navbar-form .form-control {
    width: 105px;
    height: 36px;
    border-color: var(--jitika-line);
    border-radius: 7px;
    box-shadow: none;
    font-size: 13px;
  }

  #headerNavigationContainer .navbar-form .btn {
    height: 36px;
    padding: 7px 9px;
    border-color: var(--jitika-line);
    border-radius: 7px;
    color: var(--jitika-navy);
    background: #fff;
    font-size: 12px;
    font-weight: 700;
  }

  #navigationUser {
    margin: 0;
  }

  #navigationUser > li > a {
    display: block;
    max-width: 145px;
    overflow: hidden;
    padding: 9px 8px;
    color: var(--jitika-ink);
    font-size: 12px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #navigationUser .badge {
    margin-left: 4px;
    background: var(--jitika-blue);
  }
}

/* =========================================================
   Full-width homepage, Bootstrap grid neutralization
   ========================================================= */

.pkp_page_index.pkp_op_index .pkp_structure_content.container {
  display: block;
  width: 100%;
  max-width: none;
  padding: 0;
}

.pkp_page_index.pkp_op_index .pkp_structure_main {
  float: none;
  width: 100%;
  max-width: none;
  min-height: 0;
  padding: 0;
}

.pkp_page_index.pkp_op_index .pkp_structure_sidebar {
  display: none;
}

.page_index_journal {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(330px, 0.9fr);
  column-gap: 18px;
  width: min(var(--jitika-width), calc(100% - 40px));
  margin: 0 auto;
}

.page_index_journal > .additional_content,
.page_index_journal > .additional_content > .jitika-additional-content {
  display: contents;
}

/* =========================================================
   Hero and profile, sourced from Additional Content
   ========================================================= */

.jitika-home-hero {
  order: 1;
  grid-column: 1 / -1;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  color: #fff;
  background:
    linear-gradient(110deg, rgba(6, 45, 86, 0.98), rgba(11, 71, 127, 0.97)),
    radial-gradient(circle at 72% 40%, rgba(58, 132, 214, 0.35), transparent 35%);
}

.jitika-shell {
  width: min(var(--jitika-width), calc(100% - 40px));
  margin: 0 auto;
}

.jitika-home-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(360px, 0.82fr);
  gap: 46px;
  align-items: center;
  padding-top: 47px;
  padding-bottom: 84px;
}

.jitika-eyebrow {
  margin: 0 0 10px;
  color: #c5def7;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.jitika-home-hero h2 {
  max-width: 760px;
  margin: 0 0 15px;
  color: #fff;
  font-size: clamp(38px, 4.6vw, 57px);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.09;
}

.jitika-home-hero__description {
  max-width: 730px;
  margin: 0;
  color: #e7f0fa;
  font-size: 17px;
  line-height: 1.72;
}

.jitika-home-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 25px;
}

.jitika-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 11px 17px;
  border-radius: 7px;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.3;
  text-decoration: none;
}

.jitika-button--primary {
  border: 1px solid var(--jitika-blue);
  color: #fff;
  background: var(--jitika-blue);
}

.jitika-button--primary:hover,
.jitika-button--primary:focus {
  border-color: var(--jitika-blue-hover);
  color: #fff;
  background: var(--jitika-blue-hover);
}

.jitika-button--outline {
  border: 1px solid rgba(255, 255, 255, 0.62);
  color: #fff;
  background: transparent;
}

.jitika-button--outline:hover,
.jitika-button--outline:focus {
  color: var(--jitika-navy);
  background: #fff;
}

.jitika-sinta {
  display: grid;
  grid-template-columns: 120px 1fr;
  gap: 24px;
  align-items: center;
  padding: 27px;
  border: 1px solid rgba(255, 255, 255, 0.34);
  border-radius: 14px;
  background: rgba(0, 0, 0, 0.16);
}

.jitika-sinta__rank {
  display: flex;
  width: 112px;
  height: 112px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 2px solid var(--jitika-gold);
  border-radius: 50%;
  color: var(--jitika-gold);
  text-align: center;
}

.jitika-sinta__rank p {
  margin: 0 0 3px;
  color: var(--jitika-gold);
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
}

.jitika-sinta__rank strong {
  display: block;
  margin: 0;
  font-size: 50px;
  font-weight: 700;
  line-height: 0.88;
}

.jitika-sinta__text h3 {
  margin: 0 0 7px;
  color: #fff;
  font-size: 26px;
}

.jitika-sinta__text p {
  margin: 0;
  color: #fff;
  font-size: 14px;
}

.jitika-sinta__text .jitika-sinta__decree {
  margin-top: 10px;
  color: var(--jitika-gold);
  font-weight: 800;
}

.jitika-sinta__decree a {
  color: inherit;
  font-weight: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.jitika-sinta__decree a:hover,
.jitika-sinta__decree a:focus {
  color: #fff;
}

.jitika-home-profile {
  order: 2;
  z-index: 3;
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  overflow: hidden;
  margin-top: -39px;
  border: 1px solid var(--jitika-line);
  border-radius: 13px;
  background: #fff;
  box-shadow: var(--jitika-shadow);
}

.jitika-home-profile__item {
  min-width: 0;
  padding: 21px 18px 21px 56px;
  position: relative;
  border-right: 1px solid var(--jitika-line);
}

.jitika-home-profile__item:last-child {
  border-right: 0;
}

.jitika-home-profile__item::before {
  position: absolute;
  top: 24px;
  left: 20px;
  color: var(--jitika-navy-2);
  font-family: "Glyphicons Halflings";
  font-size: 20px;
}

.jitika-home-profile__item:nth-child(1)::before { content: "\e109"; }
.jitika-home-profile__item:nth-child(2)::before { content: "\e033"; }
.jitika-home-profile__item:nth-child(3)::before { content: "\e008"; }
.jitika-home-profile__item:nth-child(4)::before { content: "\e031"; }
.jitika-home-profile__item:nth-child(5)::before { content: "\e032"; }

.jitika-home-profile__item h3 {
  margin: 0 0 7px;
  color: #657384;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.045em;
  line-height: 1.3;
  text-transform: uppercase;
}

.jitika-home-profile__item p {
  margin: 0;
  color: var(--jitika-ink);
  font-size: 15px;
  font-weight: 400;
  line-height: 1.42;
}

.jitika-home-profile__item a {
  color: var(--jitika-ink);
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* =========================================================
   Native Journal Summary and Announcements
   ========================================================= */

.page_index_journal > .journal-description {
  order: 3;
  grid-column: 1;
  margin-top: 40px;
  padding: 28px;
  border: 1px solid var(--jitika-line);
  border-radius: var(--jitika-radius);
  background: #fff;
}

.page_index_journal > .journal-description::before {
  display: block;
  margin-bottom: 4px;
  color: var(--jitika-ink);
  content: "About the journal";
  font-size: 29px;
  font-weight: 700;
  line-height: 1.28;
}

.page_index_journal > .journal-description::after {
  display: block;
  margin-top: 20px;
  color: var(--jitika-muted);
  content: "Journal identity and editorial purpose.";
  font-size: 0;
}

.page_index_journal > .journal-description p {
  margin: 15px 0 0;
  color: var(--jitika-muted);
  font-size: 16px;
}

.page_index_journal > .journal-description p:first-child {
  margin-top: 11px;
}

.page_index_journal > .journal-description a {
  font-weight: 800;
}

.page_index_journal > .cmp_announcements {
  order: 3;
  grid-column: 2;
  margin-top: 40px;
  padding: 28px;
  border: 1px solid var(--jitika-line);
  border-radius: var(--jitika-radius);
  background: #fff;
}

.page_index_journal > .cmp_announcements > .page-header {
  margin: 0 0 15px;
  padding: 0;
  border: 0;
}

.page_index_journal > .cmp_announcements > .page-header h2 {
  margin: 0;
  font-size: 29px;
}

.page_index_journal > .cmp_announcements > .page-header h2::after {
  display: block;
  margin-top: 3px;
  color: var(--jitika-muted);
  content: "Latest journal updates.";
  font-size: 15px;
  font-weight: 400;
}

.cmp_announcements .announcement-summary.media {
  position: relative;
  overflow: visible;
  margin: 0;
  padding: 0 0 22px 30px;
  border-left: 2px solid #b9d2ec;
}

.cmp_announcements .announcement-summary.media:last-child {
  padding-bottom: 0;
}

.cmp_announcements .announcement-summary.media::before {
  position: absolute;
  top: 7px;
  left: -6px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--jitika-blue);
  box-shadow: 0 0 0 4px var(--jitika-blue-soft);
  content: "";
}

.cmp_announcements .announcement-summary .media-heading {
  margin: 5px 0;
  font-size: 17px;
  line-height: 1.4;
}

.cmp_announcements .announcement-summary .media-heading a {
  color: var(--jitika-ink);
  text-decoration: none;
}

.cmp_announcements .announcement-summary .date {
  margin: 0 0 6px;
  color: var(--jitika-blue);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.cmp_announcements .announcement-summary .date .glyphicon {
  display: none;
}

.cmp_announcements .announcement-summary .media-body > p:not(.date) {
  margin: 0;
  color: var(--jitika-muted);
  font-size: 14px;
}

/* =========================================================
   Native Current Issue in Bootstrap3 DOM
   ========================================================= */

.page_index_journal > .current_issue {
  order: 4;
  grid-column: 1 / -1;
  margin-top: 36px;
}

.current_issue > .page-header {
  margin: 0 0 4px;
  padding: 0;
  border: 0;
}

.current_issue > .page-header h2 {
  margin: 0;
  font-size: 30px;
}

.current_issue > .page-header h2::after {
  display: block;
  margin-top: 3px;
  color: var(--jitika-muted);
  content: "The active OJS issue, including its cover and complete article list.";
  font-size: 15px;
  font-weight: 400;
}

.current_issue .current_issue_title {
  margin: 16px 0 0;
  padding: 20px 27px;
  border: 1px solid var(--jitika-line);
  border-bottom: 0;
  border-radius: var(--jitika-radius) var(--jitika-radius) 0 0;
  color: var(--jitika-ink);
  background: #fff;
  font-size: 20px;
  font-weight: 800;
  line-height: 1.4;
}

.current_issue .issue-toc {
  display: grid;
  grid-template-columns: 205px minmax(0, 1fr);
  gap: 34px;
  padding: 29px;
  border: 1px solid var(--jitika-line);
  border-radius: 0 0 var(--jitika-radius) var(--jitika-radius);
  background: #fff;
}

.current_issue .issue-toc > .heading.row {
  grid-column: 1;
  align-self: start;
  margin: 0;
}

.current_issue .issue-toc > .sections {
  grid-column: 2;
  min-width: 0;
}

.current_issue .issue-toc .thumbnail,
.current_issue .issue-toc .issue-details {
  float: none;
  width: 100%;
  padding: 0;
}

.current_issue .issue-toc .thumbnail {
  margin: 0;
  border: 0;
  background: transparent;
}

.current_issue .issue-toc .cover img {
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 20px 42px rgba(5, 32, 60, 0.24);
}

.current_issue .issue-details {
  margin-top: 17px;
}

.current_issue .issue-details .description,
.current_issue .issue-details .published {
  color: var(--jitika-muted);
  font-size: 14px;
}

.current_issue .issue-toc .section > .page-header {
  margin: 0 0 10px;
  padding: 0;
  border: 0;
}

.current_issue .issue-toc .section > .page-header h2 {
  margin: 0;
  font-size: 18px;
}

.current_issue .article-summary.media {
  margin: 0;
  padding: 20px 0;
  border-top: 1px solid var(--jitika-line);
}

.current_issue .article-summary.media:first-child {
  border-top: 2px solid var(--jitika-navy);
}

.current_issue .article-summary .media-heading {
  margin: 0 0 7px;
  font-size: 19px;
  line-height: 1.4;
}

.current_issue .article-summary .media-heading a {
  color: var(--jitika-ink);
  text-decoration: none;
}

.current_issue .article-summary .authors,
.current_issue .article-summary .pages {
  color: var(--jitika-muted);
  font-size: 14px;
}

.current_issue .article-summary .pages {
  margin: 5px 0 0;
}

.current_issue .article-summary .btn-group {
  margin-top: 10px;
}

.current_issue .article-summary .galley-link {
  padding: 6px 10px;
  border: 1px solid var(--jitika-blue);
  border-radius: 6px !important;
  color: var(--jitika-blue);
  background: #fff;
  font-size: 12px;
  font-weight: 800;
}

.current_issue > .read-more {
  margin-top: 14px;
  border-color: var(--jitika-blue);
  color: var(--jitika-blue);
  background: #fff;
  font-weight: 800;
}

/* =========================================================
   Custom sections from Additional Content
   ========================================================= */

.jitika-content-section {
  grid-column: 1 / -1;
  margin-top: 36px;
}

.jitika-metrics-section { order: 5; }
.jitika-scope-section { order: 6; }
.jitika-links-section { order: 7; }
.jitika-submit-section { order: 8; }

.jitika-section-heading {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 16px;
}

.jitika-section-heading h2 {
  margin: 0;
  font-size: 29px;
}

.jitika-section-heading p {
  margin: 4px 0 0;
  color: var(--jitika-muted);
  font-size: 15px;
}

.jitika-text-link {
  flex: 0 0 auto;
  color: var(--jitika-blue);
  font-size: 14px;
  font-weight: 800;
  text-underline-offset: 4px;
}

.jitika-metrics-panel {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  overflow: hidden;
  border: 1px solid var(--jitika-line);
  border-radius: var(--jitika-radius);
  background: #fff;
}

.jitika-metric {
  padding: 23px;
  border-right: 1px solid var(--jitika-line);
}

.jitika-metric:last-child {
  border-right: 0;
}

.jitika-metric strong {
  display: block;
  color: var(--jitika-blue);
  font-size: 32px;
  line-height: 1;
}

.jitika-metric h3 {
  margin: 10px 0 5px;
  color: var(--jitika-ink);
  font-size: 14px;
  font-weight: 800;
}

.jitika-metric p {
  margin: 0;
  color: var(--jitika-muted);
  font-size: 13px;
  line-height: 1.45;
}

.jitika-scope-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.jitika-scope-card {
  padding: 22px;
  border: 1px solid var(--jitika-line);
  border-radius: 10px;
  background: #fff;
}

.jitika-scope-card h3 {
  margin: 0 0 8px;
  font-size: 18px;
}

.jitika-scope-card p {
  margin: 0;
  color: var(--jitika-muted);
  font-size: 14px;
}

.jitika-link-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}

.jitika-link-card {
  display: flex;
  min-height: 200px;
  overflow: hidden;
  position: relative;
  flex-direction: column;
  border: 1px solid var(--jitika-line-strong);
  border-radius: 10px;
  background: #fff;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease;
}

.jitika-link-card:hover,
.jitika-link-card:focus-within {
  border-color: var(--jitika-blue);
  box-shadow: 0 13px 30px rgba(16, 63, 110, 0.12);
  transform: translateY(-3px);
}

.jitika-link-card__content {
  flex: 1 1 auto;
  padding: 21px 21px 18px 73px;
  position: relative;
}

.jitika-link-card__content::before {
  position: absolute;
  top: 21px;
  left: 21px;
  color: var(--jitika-blue);
  font-family: "Glyphicons Halflings";
  font-size: 24px;
}

.jitika-link-card--scope .jitika-link-card__content::before { content: "\e006"; }
.jitika-link-card--guidelines .jitika-link-card__content::before { content: "\e022"; }
.jitika-link-card--submit .jitika-link-card__content::before { content: "\e171"; }
.jitika-link-card--review .jitika-link-card__content::before { content: "\e008"; }
.jitika-link-card--screening .jitika-link-card__content::before { content: "\e013"; }
.jitika-link-card--fees .jitika-link-card__content::before { content: "\e148"; }
.jitika-link-card--copyright .jitika-link-card__content::before { content: "\e194"; }
.jitika-link-card--archive .jitika-link-card__content::before { content: "\e117"; }

.jitika-link-card h3 {
  margin: 4px 0 0;
  font-size: 18px;
  line-height: 1.35;
}

.jitika-link-card h3 a {
  color: var(--jitika-ink);
  text-decoration: none;
}

.jitika-link-card p {
  margin: 14px 0 0 -52px;
  color: var(--jitika-muted);
  font-size: 14px;
  line-height: 1.5;
}

.jitika-link-card__action {
  display: block;
  padding: 12px 20px;
  border-top: 1px solid var(--jitika-line);
  color: var(--jitika-blue);
  background: #f8fbff;
  font-size: 14px;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 4px;
}

.jitika-link-card__action::after {
  float: right;
  content: "→";
}

.jitika-submit-callout {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 28px;
  align-items: center;
  overflow: hidden;
  position: relative;
  padding: 29px 29px 29px 35px;
  border: 1px solid #bdd4ea;
  border-radius: var(--jitika-radius);
  background: #fff;
  box-shadow: 0 10px 28px rgba(18, 104, 196, 0.08);
}

.jitika-submit-callout::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 8px;
  background: var(--jitika-blue);
  content: "";
}

.jitika-submit-callout p {
  margin: 0;
  color: var(--jitika-muted);
  font-size: 15px;
}

/* =========================================================
   Bootstrap3 footer
   ========================================================= */

footer.footer {
  margin-top: 60px;
  padding: 0;
  color: #dbe8f4;
  background: var(--jitika-navy);
}

/*
Bootstrap3 normally divides the footer into col-md-10 and col-md-2.
The custom footer already contains the complete OJS/PKP credit, so the
native branding column is removed and the content column is forced to 100%.
*/
footer.footer > .container {
  width: min(var(--jitika-width), calc(100% - 40px)) !important;
  max-width: none !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding: 0 !important;
}

footer.footer > .container > .row {
  display: block !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}

footer.footer > .container > .row::before,
footer.footer > .container > .row::after {
  display: none !important;
  content: none !important;
}

footer.footer > .container > .row > .col-md-10 {
  float: none !important;
  width: 100% !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

footer.footer > .container > .row > .col-md-2,
footer.footer a[href*="aboutThisPublishingSystem"] {
  display: none !important;
}

footer.footer .jitika-footer {
  display: block;
  width: 100%;
  max-width: none;
  margin: 0;
}

.jitika-footer__grid {
  display: grid;
  grid-template-columns:
    minmax(300px, 1.65fr)
    repeat(3, minmax(145px, 1fr));
  gap: 38px;
  width: 100%;
  padding: 43px 0 31px;
}

.jitika-footer__grid > div {
  min-width: 0;
}

.jitika-footer h2,
.jitika-footer h3 {
  margin: 0 0 13px;
  color: #fff;
}

.jitika-footer h2 {
  font-size: 20px;
  line-height: 1.35;
}

.jitika-footer h3 {
  font-size: 15px;
  line-height: 1.35;
}

.jitika-footer p,
.jitika-footer a {
  color: #dbe8f4;
  font-size: 14px;
  line-height: 1.55;
}

.jitika-footer p {
  margin: 0 0 13px;
}

.jitika-footer__grid > div > a {
  display: block;
  margin: 8px 0;
  text-decoration: none;
}

.jitika-footer__grid > div > a:hover,
.jitika-footer__grid > div > a:focus {
  color: #fff;
  text-decoration: underline;
}

.jitika-footer__legal {
  display: grid;
  grid-template-columns: 88px minmax(0, 1.5fr) minmax(230px, 0.75fr);
  gap: 22px;
  align-items: start;
  width: 100%;
  padding: 19px 0 25px;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}

.jitika-footer__legal > * {
  min-width: 0;
}

.jitika-footer__legal img {
  display: block;
  width: 88px;
  height: 31px;
}

.jitika-footer__legal p {
  margin: 0;
  font-size: 12px;
  line-height: 1.55;
}


.jitika-footer__legal p,
.jitika-footer__legal p a,
.jitika-footer__platform-credit,
.jitika-footer__platform-credit a {
  font-family: "Source Sans 3", "Segoe UI", Arial, sans-serif;
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.55;
}

.jitika-footer__legal p a,
.jitika-footer__platform-credit a {
  color: #ffffff;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* =========================================================
   Conservative internal-page foundation
   ========================================================= */

.pkp_structure_content.container {
  width: min(var(--jitika-width), calc(100% - 40px));
}

.pkp_page_index.pkp_op_index .pkp_structure_content.container {
  width: 100%;
}

.pkp_structure_main .page:not(.page_index_journal) {
  padding-top: 42px;
  padding-bottom: 42px;
}

.pkp_structure_main .page:not(.page_index_journal) > .page-header {
  margin-top: 0;
}

.pkp_structure_main .page:not(.page_index_journal) > .page-header h1 {
  font-size: clamp(32px, 4vw, 44px);
  letter-spacing: -0.02em;
}

/* =========================================================
   Responsive
   ========================================================= */

@media (max-width: 1180px) {
  .jitika-link-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .jitika-metrics-panel {
    grid-template-columns: repeat(2, 1fr);
  }

  .jitika-metric {
    border-bottom: 1px solid var(--jitika-line);
  }
}

@media (max-width: 991px) {
  .page_index_journal {
    grid-template-columns: 1fr;
    width: min(100% - 28px, var(--jitika-width));
  }

  .jitika-home-hero__inner {
    grid-template-columns: 1fr;
  }

  .jitika-home-profile {
    grid-template-columns: repeat(2, 1fr);
  }

  .jitika-home-profile__item {
    border-bottom: 1px solid var(--jitika-line);
  }

  .page_index_journal > .journal-description,
  .page_index_journal > .cmp_announcements {
    grid-column: 1;
  }

  .page_index_journal > .cmp_announcements {
    order: 4;
    margin-top: 18px;
  }

  .page_index_journal > .current_issue {
    order: 5;
  }

  .jitika-metrics-section { order: 6; }
  .jitika-scope-section { order: 7; }
  .jitika-links-section { order: 8; }
  .jitika-submit-section { order: 9; }

  .jitika-scope-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .jitika-footer__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .jitika-footer__legal {
    grid-template-columns: 88px minmax(0, 1fr);
  }

  .jitika-footer__legal p:last-child {
    grid-column: 1 / -1;
  }
}

@media (max-width: 767px) {
  #headerNavigationContainer.navbar {
    min-height: 58px;
  }

  #headerNavigationContainer > .container-fluid:first-child {
    position: absolute;
    top: 8px;
    right: 58px;
    z-index: 4;
    width: auto;
    padding: 0;
  }

  #headerNavigationContainer > .container-fluid:first-child .row {
    margin: 0;
  }

  #navigationUser > li > a {
    max-width: 115px;
    overflow: hidden;
    padding: 9px 6px;
    color: var(--jitika-ink);
    font-size: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #headerNavigationContainer .navbar-header {
    min-height: 58px;
  }

  #headerNavigationContainer .site-name {
    margin: 0;
  }

  #headerNavigationContainer .navbar-brand {
    max-width: calc(100vw - 220px);
    height: auto;
    overflow: hidden;
    padding: 19px 0 18px;
    color: var(--jitika-ink);
    font-size: 14px;
    font-weight: 800;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #headerNavigationContainer .navbar-toggle {
    margin-top: 11px;
    margin-right: 0;
  }

  #headerNavigationContainer #nav-menu {
    clear: both;
    max-height: calc(100vh - 58px);
    padding: 8px 0 16px;
    border-top: 1px solid var(--jitika-line);
    background: #fff;
    overflow-y: auto;
  }

  #headerNavigationContainer #main-navigation {
    margin: 0;
  }

  #headerNavigationContainer #main-navigation > li > a {
    padding: 10px 0;
    color: var(--jitika-ink);
    font-size: 14px;
    font-weight: 700;
  }

  #headerNavigationContainer .navbar-form {
    margin: 10px 0 0;
    padding: 0;
    border: 0;
    box-shadow: none;
  }

  #headerNavigationContainer .navbar-form .form-group {
    display: inline-block;
    width: calc(100% - 78px);
    margin: 0;
  }

  #headerNavigationContainer .navbar-form .form-control {
    width: 100%;
  }

  .jitika-shell {
    width: calc(100% - 24px);
  }

  .jitika-home-hero__inner {
    gap: 28px;
    padding-top: 34px;
    padding-bottom: 76px;
  }

  .jitika-home-hero h2 {
    font-size: 36px;
  }

  .jitika-home-hero__description {
    font-size: 16px;
  }

  .jitika-home-hero__actions {
    flex-direction: column;
  }

  .jitika-button {
    width: 100%;
  }

  .jitika-sinta {
    grid-template-columns: 1fr;
  }

  .jitika-home-profile {
    grid-template-columns: 1fr;
  }

  .jitika-home-profile__item {
    border-right: 0;
  }

  .jitika-section-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  .current_issue .issue-toc {
    grid-template-columns: 1fr;
  }

  .current_issue .issue-toc > .heading.row,
  .current_issue .issue-toc > .sections {
    grid-column: 1;
  }

  .current_issue .issue-toc .thumbnail {
    max-width: 145px;
  }

  .jitika-metrics-panel,
  .jitika-scope-grid,
  .jitika-link-grid,
  .jitika-submit-callout,
  .jitika-footer__grid,
  .jitika-footer__legal {
    grid-template-columns: 1fr;
  }

  .jitika-metric {
    border-right: 0;
  }

  footer.footer > .container {
    width: calc(100% - 24px) !important;
  }

  .jitika-footer__grid,
  .jitika-footer__legal {
    grid-template-columns: 1fr;
  }

  .jitika-footer__legal p:last-child {
    grid-column: auto;
  }
}

@media (max-width: 767px) {
  #navigationUser > li.dropdown > a.dropdown-toggle {
    display: grid;
    width: 38px;
    height: 38px;
    max-width: 38px;
    place-items: center;
    overflow: hidden;
    padding: 0;
    border: 1px solid var(--jitika-line);
    border-radius: 7px;
    color: transparent;
    background: #ffffff;
    font-size: 0;
  }

  #navigationUser > li.dropdown > a.dropdown-toggle::before {
    color: var(--jitika-navy);
    content: "\e008";
    font-family: "Glyphicons Halflings";
    font-size: 16px;
  }

  #navigationUser > li.dropdown > a.dropdown-toggle .badge {
    position: absolute;
    top: -4px;
    right: -4px;
  }
}

/* Three hero actions: Submit, Current Issue, and Download Template. */
.jitika-home-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.jitika-home-hero__actions .jitika-button {
  flex: 0 0 auto;
}

/*
Early navbar collapse for the current OJS Bootstrap3 navigation density.

Observed captures:
- 1538 px: stable desktop layout
- 1361 px: profile/search collision

The header therefore switches to collapsed navigation below 1500 px.
The page body retains its normal tablet/desktop layout.
*/
@media (max-width: 1499px) {

  #headerNavigationContainer.navbar {
    display: block;
    min-height: 64px;
    padding: 0;
  }

  /*
  The second container contains the journal title, hamburger, main menu,
  and search form.
  */
  #headerNavigationContainer > .container-fluid:nth-child(2) {
    display: block;
    width: min(var(--jitika-width), calc(100% - 32px));
    margin-right: auto;
    margin-left: auto;
    padding: 0;
  }

  #headerNavigationContainer .navbar-header {
    float: none;
    width: 100%;
    min-height: 64px;
  }

  #headerNavigationContainer .site-name {
    margin: 0;
  }

  #headerNavigationContainer .navbar-brand {
    display: block;
    max-width: calc(100vw - 150px);
    height: auto;
    overflow: hidden;
    padding: 21px 0 20px;
    color: var(--jitika-ink);
    font-size: 17px;
    font-weight: 700;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  #headerNavigationContainer .navbar-toggle {
    display: block;
    margin-top: 14px;
    margin-right: 0;
    margin-bottom: 13px;
    border-color: var(--jitika-line);
    border-radius: 7px;
    background: #ffffff;
  }

  #headerNavigationContainer .navbar-toggle:hover,
  #headerNavigationContainer .navbar-toggle:focus {
    background: var(--jitika-blue-soft);
  }

  #headerNavigationContainer .navbar-toggle .icon-bar {
    background: var(--jitika-navy);
  }

  /*
  Override Bootstrap's min-width:768px rules so the same collapse plugin
  also operates on narrower desktop and laptop screens.
  */
  #headerNavigationContainer #nav-menu.navbar-collapse {
    float: none !important;
    clear: both;
    width: 100%;
    min-width: 0;
    padding: 0 0 16px;
    border-top: 1px solid var(--jitika-line);
    background: #ffffff;
    box-shadow: none;
  }

  #headerNavigationContainer #nav-menu.navbar-collapse.collapse {
    display: none !important;
  }

  #headerNavigationContainer #nav-menu.navbar-collapse.collapse.in,
  #headerNavigationContainer #nav-menu.navbar-collapse.collapsing {
    display: block !important;
  }

  #headerNavigationContainer #main-navigation {
    float: none !important;
    display: block;
    width: 100%;
    margin: 8px 0 0;
  }

  #headerNavigationContainer #main-navigation > li {
    float: none;
    display: block;
    width: 100%;
  }

  #headerNavigationContainer #main-navigation > li > a {
    display: block;
    padding: 10px 4px;
    color: var(--jitika-ink);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
    white-space: normal;
  }

  #headerNavigationContainer #main-navigation > li > a:hover,
  #headerNavigationContainer #main-navigation > li > a:focus {
    color: var(--jitika-blue);
    background: var(--jitika-blue-soft);
  }

  /*
  Bootstrap normally treats dropdown menus as desktop popovers at these
  widths. In the collapsed header they must become static menu sections.
  */
  #headerNavigationContainer #main-navigation .open > .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin: 0 0 5px 14px;
    padding: 3px 0 6px;
    border: 0;
    border-left: 2px solid #c8d9ea;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }

  #headerNavigationContainer #main-navigation .open > .dropdown-menu > li > a {
    padding: 8px 14px;
    color: var(--jitika-muted);
    font-size: 14px;
    white-space: normal;
  }

  #headerNavigationContainer .pull-md-right {
    float: none !important;
    display: block;
    width: 100%;
  }

  #headerNavigationContainer .navbar-form {
    float: none !important;
    display: flex;
    gap: 8px;
    width: 100%;
    margin: 10px 0 0;
    padding: 0;
    border: 0;
    box-shadow: none;
  }

  #headerNavigationContainer .navbar-form .form-group {
    flex: 1 1 auto;
    margin: 0;
  }

  #headerNavigationContainer .navbar-form .form-control {
    width: 100%;
    height: 40px;
    border-color: var(--jitika-line);
    border-radius: 7px;
    font-size: 14px;
  }

  #headerNavigationContainer .navbar-form .btn {
    flex: 0 0 auto;
    height: 40px;
    padding: 8px 14px;
    border-color: var(--jitika-line);
    border-radius: 7px;
    font-size: 14px;
    font-weight: 600;
  }

  /*
  The OJS user menu is a separate container. It cannot be moved into
  #nav-menu through CSS, so the logged-in name is replaced by a compact
  account button beside the hamburger.
  */
  #headerNavigationContainer > .container-fluid:first-child {
    position: absolute;
    top: 13px;
    right: max(70px, calc((100vw - var(--jitika-width)) / 2 + 54px));
    z-index: 1010;
    width: auto;
    margin: 0;
    padding: 0;
  }

  #headerNavigationContainer > .container-fluid:first-child > .row {
    margin: 0;
  }

  #navigationUser {
    float: none !important;
    margin: 0;
  }

  #navigationUser > li.dropdown > a.dropdown-toggle {
    position: relative;
    display: grid;
    width: 38px;
    height: 38px;
    max-width: 38px;
    place-items: center;
    overflow: visible;
    padding: 0;
    border: 1px solid var(--jitika-line);
    border-radius: 7px;
    color: transparent;
    background: #ffffff;
    font-size: 0;
  }

  #navigationUser > li.dropdown > a.dropdown-toggle::before {
    color: var(--jitika-navy);
    content: "\e008";
    font-family: "Glyphicons Halflings";
    font-size: 16px;
  }

  #navigationUser > li.dropdown > a.dropdown-toggle .caret {
    display: none;
  }

  #navigationUser > li.dropdown > a.dropdown-toggle .badge {
    position: absolute;
    top: -7px;
    right: -9px;
    min-width: 22px;
    padding: 4px 6px;
    color: #ffffff;
    background: var(--jitika-blue);
    font-size: 11px;
  }

  #navigationUser > li.dropdown > .dropdown-menu {
    right: 0;
    left: auto;
    min-width: 190px;
  }

  /*
  Guest state. Keep Register and Login compact at laptop widths.
  */
  #navigationUser > li:not(.dropdown) {
    display: inline-block;
    float: none;
  }

  #navigationUser > li:not(.dropdown) > a {
    max-width: none;
    padding: 9px 6px;
    color: var(--jitika-ink);
    font-size: 13px;
    font-weight: 600;
  }
}

/* Phone refinement. */
@media (max-width: 767px) {
  #headerNavigationContainer > .container-fluid:nth-child(2) {
    width: calc(100% - 24px);
  }

  #headerNavigationContainer .navbar-brand {
    max-width: calc(100vw - 132px);
    padding-top: 20px;
    padding-bottom: 19px;
    font-size: 15px;
  }

  #headerNavigationContainer > .container-fluid:first-child {
    right: 61px;
  }

  /* On very narrow guest screens, preserve the journal title and Login. */
  #navigationUser > li:not(.dropdown):first-child {
    display: none;
  }

  #navigationUser > li:not(.dropdown):last-child > a {
    display: grid;
    width: 38px;
    height: 38px;
    max-width: 38px;
    place-items: center;
    overflow: hidden;
    padding: 0;
    border: 1px solid var(--jitika-line);
    border-radius: 7px;
    color: transparent;
    background: #ffffff;
    font-size: 0;
  }

  #navigationUser > li:not(.dropdown):last-child > a::before {
    color: var(--jitika-navy);
    content: "\e161";
    font-family: "Glyphicons Halflings";
    font-size: 16px;
  }

  .jitika-home-hero__actions {
    flex-direction: column;
  }

  .jitika-home-hero__actions .jitika-button {
    width: 100%;
  }
}

/*
Mobile header spacing correction, v5.3

Purpose:
1. restore a 16 px left inset for the journal title;
2. cancel Bootstrap 3's negative navbar-header margins;
3. create a visible gap between the account and hamburger controls;
4. keep the notification badge from touching the hamburger.

Append this block after the v5.2 responsive-header rules.
*/
@media (max-width: 767px) {

  /* Use a predictable full-width mobile header container. */
  #headerNavigationContainer > .container-fluid:nth-child(2) {
    width: 100% !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  /*
  Bootstrap 3 applies negative side margins to .navbar-header on mobile.
  Those margins caused the journal title to start almost at the viewport edge.
  */
  #headerNavigationContainer .navbar-header {
    width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  #headerNavigationContainer .navbar-brand {
    max-width: calc(100vw - 158px);
    padding-right: 0;
    padding-left: 0;
  }

  /* Keep the hamburger aligned with the 16 px right inset. */
  #headerNavigationContainer .navbar-toggle {
    width: 42px;
    height: 40px;
    margin-right: 0 !important;
    padding: 9px 10px;
  }

  /*
  Account control:
  16 px viewport inset
  + 42 px hamburger
  + 18 px visual gap
  = 76 px from the right edge.
  */
  #headerNavigationContainer > .container-fluid:first-child {
    top: 13px;
    right: 76px !important;
  }

  #navigationUser > li.dropdown > a.dropdown-toggle,
  #navigationUser > li:not(.dropdown):last-child > a {
    width: 38px;
    height: 40px;
    max-width: 38px;
  }

  #navigationUser > li.dropdown > a.dropdown-toggle .badge {
    top: -7px;
    right: -5px;
  }
}

/* Extra protection on very narrow phones. */
@media (max-width: 390px) {
  #headerNavigationContainer > .container-fluid:nth-child(2) {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  #headerNavigationContainer .navbar-brand {
    max-width: calc(100vw - 148px);
    font-size: 14px;
  }

  #headerNavigationContainer > .container-fluid:first-child {
    right: 70px !important;
  }
}

/*
Collapsed-header inset correction, v5.4

The earlier 16 px title inset applied only below 768 px.
The supplied screenshot is wider than 767 px but still uses the collapsed
navbar because the journal-specific breakpoint is 1500 px.

This rule therefore applies consistent horizontal padding throughout the
entire collapsed range.
*/
@media (min-width: 768px) and (max-width: 1499px) {

  #headerNavigationContainer > .container-fluid:nth-child(2) {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 28px !important;
    padding-left: 28px !important;
  }

  /* Cancel Bootstrap 3 negative navbar-header margins at tablet/laptop widths. */
  #headerNavigationContainer .navbar-header {
    width: 100%;
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  #headerNavigationContainer .navbar-brand {
    max-width: calc(100vw - 190px);
    padding-right: 0;
    padding-left: 0;
  }

  /* Match the right-side controls to the same 28 px outer inset. */
  #headerNavigationContainer .navbar-toggle {
    margin-right: 0 !important;
  }

  #headerNavigationContainer > .container-fluid:first-child {
    right: 88px !important;
  }
}

/* Retain a smaller but visible inset on phones. */
@media (max-width: 767px) {

  #headerNavigationContainer > .container-fluid:nth-child(2) {
    width: 100% !important;
    max-width: none !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 16px !important;
    padding-left: 16px !important;
  }

  #headerNavigationContainer .navbar-header {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }

  #headerNavigationContainer > .container-fluid:first-child {
    right: 76px !important;
  }
}

/*
=====================================================================
Jurnal Ilmiah Teknologi Informasi Asia
OJS 3.3 + PKP Bootstrap3 theme
Complete internal-page consolidation and legacy issue compatibility
Version 1.2
=====================================================================
*/

/* =========================================================
   A. Shared internal-page shell
   ========================================================= */

body:not(.pkp_page_index) .pkp_structure_main > .page {
  width: 100%;
  margin-top: 32px;
  padding: 32px;
  border: 1px solid var(--jitika-line);
  border-radius: var(--jitika-radius);
  background: #ffffff;
  box-shadow: 0 10px 28px rgba(10, 42, 75, 0.055);
}

body.pkp_page_article .pkp_structure_main > .page_article {
  margin-top: 32px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

/* =========================================================
   B. Breadcrumbs
   ========================================================= */

.cmp_breadcrumbs {
  display: block !important;
  margin: 0 0 20px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.cmp_breadcrumbs > ol.breadcrumb {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  list-style: none !important;
}

.cmp_breadcrumbs > ol.breadcrumb > li {
  position: static !important;
  display: inline-flex !important;
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: var(--jitika-muted) !important;
  background: transparent !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  line-height: 1.45 !important;
  transform: none !important;
}

.cmp_breadcrumbs > ol.breadcrumb > li::before {
  display: none !important;
  content: none !important;
}

.cmp_breadcrumbs > ol.breadcrumb > li + li::before {
  display: inline-block !important;
  margin: 0 9px !important;
  color: #8a9aad !important;
  content: "/" !important;
}

.cmp_breadcrumbs > ol.breadcrumb > li > a {
  display: inline !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  color: var(--jitika-muted) !important;
  background: transparent !important;
  font-size: 13px !important;
  font-weight: 400 !important;
  text-decoration: none !important;
}

.cmp_breadcrumbs > ol.breadcrumb > li > a:hover,
.cmp_breadcrumbs > ol.breadcrumb > li > a:focus {
  color: var(--jitika-blue) !important;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

/* =========================================================
   C. Unified internal page titles
   ========================================================= */

.page_about > .page-header,
.page_editorial_team > .page-header,
.page_submissions > .page-header,
.page_issue_archive > .page-header {
  position: relative !important;
  margin: 0 0 30px !important;
  padding: 0 0 18px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--jitika-line) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.page_about > .page-header::after,
.page_editorial_team > .page-header::after,
.page_submissions > .page-header::after,
.page_issue_archive > .page-header::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 72px;
  height: 3px;
  border-radius: 2px 2px 0 0;
  background: var(--jitika-blue);
  content: "";
}

.page_about > .page-header > h1,
.page_editorial_team > .page-header > h1,
.page_submissions > .page-header > h1,
.page_issue_archive > .page-header > h1,
.page_announcements > h1:first-of-type,
.page_contact > h1:first-of-type,
.page_privacy > h1:first-of-type {
  margin: 0 !important;
  padding: 0 !important;
  color: var(--jitika-ink) !important;
  background: transparent !important;
  font-size: clamp(30px, 3vw, 36px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em !important;
  line-height: 1.18 !important;
}

.page_announcements > h1:first-of-type,
.page_contact > h1:first-of-type,
.page_privacy > h1:first-of-type {
  position: relative;
  margin-bottom: 30px !important;
  padding-bottom: 18px !important;
  border-bottom: 1px solid var(--jitika-line) !important;
}

.page_announcements > h1:first-of-type::after,
.page_contact > h1:first-of-type::after,
.page_privacy > h1:first-of-type::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 72px;
  height: 3px;
  border-radius: 2px 2px 0 0;
  background: var(--jitika-blue);
  content: "";
}

/* =========================================================
   D. Submission page heading consistency
   ========================================================= */

.page_submissions .submission_checklist,
.page_submissions .author_guidelines,
.page_submissions .copyright-notice {
  margin-top: 24px;
  border: 1px solid var(--jitika-line);
  border-radius: 10px;
  background: #ffffff;
  overflow: hidden;
}

.page_submissions .submission_checklist > .page-header,
.page_submissions .author_guidelines > h2.page-header,
.page_submissions .copyright-notice > h2.page-header {
  margin: 0 0 20px !important;
  padding: 17px 20px 16px 25px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--jitika-line) !important;
  border-left: 5px solid var(--jitika-blue) !important;
  color: var(--jitika-ink) !important;
  background: var(--jitika-blue-soft) !important;
}

.page_submissions .submission_checklist > .page-header h2,
.page_submissions .author_guidelines > h2.page-header,
.page_submissions .copyright-notice > h2.page-header {
  margin: 0 !important;
  color: var(--jitika-ink) !important;
  font-size: 23px !important;
  font-weight: 700 !important;
  line-height: 1.28 !important;
}

.page_submissions .submission_checklist > *:not(.page-header),
.page_submissions .author_guidelines > *:not(.page-header),
.page_submissions .copyright-notice > *:not(.page-header) {
  margin-right: 20px;
  margin-left: 20px;
}

.page_submissions .submission_checklist > *:last-child,
.page_submissions .author_guidelines > *:last-child,
.page_submissions .copyright-notice > *:last-child {
  margin-bottom: 22px;
}

/* =========================================================
   E. Editorial Team and Reviewers
   ========================================================= */

.page_editorial_team > p:first-of-type,
.pkp_page_reviewers .page_about > p:first-of-type {
  margin: 0 0 28px;
  padding: 19px 21px;
  border: 1px solid #bfd6eb;
  border-left: 6px solid var(--jitika-blue);
  border-radius: 9px;
  color: #334a60;
  background: #f3f8fe;
  font-size: 15.5px;
  line-height: 1.62;
}

.page_editorial_team h2,
.page_editorial_team h3,
.pkp_page_reviewers .page_about h2,
.pkp_page_reviewers .page_about h3 {
  margin: 34px 0 14px !important;
  padding: 13px 17px !important;
  border: 0 !important;
  border-left: 5px solid var(--jitika-blue) !important;
  border-radius: 0 8px 8px 0;
  color: var(--jitika-ink) !important;
  background: var(--jitika-blue-soft);
  font-weight: 700;
  line-height: 1.3;
}

.page_editorial_team ul:not(.breadcrumb),
.page_editorial_team ol:not(.breadcrumb),
.pkp_page_reviewers .page_about ul:not(.breadcrumb),
.pkp_page_reviewers .page_about ol:not(.breadcrumb) {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 0 0 28px !important;
  padding: 0 !important;
  list-style: none !important;
}

.page_editorial_team li:not(.breadcrumb li),
.pkp_page_reviewers .page_about li:not(.breadcrumb li) {
  position: relative;
  min-width: 0;
  min-height: 118px;
  margin: 0 !important;
  padding: 18px 18px 18px 48px;
  border: 1px solid var(--jitika-line);
  border-radius: 9px;
  color: #405469;
  background: #ffffff;
  font-size: 14.5px;
  line-height: 1.58;
  overflow-wrap: anywhere;
}

.page_editorial_team ul:not(.breadcrumb) > li::before,
.pkp_page_reviewers .page_about ul:not(.breadcrumb) > li::before {
  position: absolute;
  top: 22px;
  left: 19px;
  width: 10px;
  height: 10px;
  border: 3px solid #cfe0f1;
  border-radius: 50%;
  background: var(--jitika-blue);
  content: "";
}

.page_editorial_team li > strong:first-child,
.pkp_page_reviewers .page_about li > strong:first-child {
  display: block;
  margin-bottom: 5px;
  color: var(--jitika-ink);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.36;
}

.page_editorial_team li a,
.pkp_page_reviewers .page_about li a {
  display: inline-block;
  margin: 10px 7px 0 0;
  padding: 4px 8px;
  border: 1px solid #b8cde1;
  border-radius: 5px;
  color: var(--jitika-blue);
  background: #f8fbff;
  font-size: 12.5px;
  font-weight: 700;
  text-decoration: none;
}

/* =========================================================
   F. Issue archive cards and no-cover placeholder
   ========================================================= */

.page_issue_archive .issue-summary.media {
  position: relative;
  display: grid;
  grid-template-columns: 132px minmax(0, 1fr);
  gap: 20px;
  min-height: 178px;
  margin: 0 0 18px;
  padding: 18px;
  border: 1px solid var(--jitika-line);
  border-radius: 10px;
  background: #ffffff;
}

.page_issue_archive .issue-summary.media::before {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  width: 132px;
  min-height: 142px;
  align-items: center;
  justify-content: center;
  padding: 12px;
  border: 1px dashed #aebdcb;
  border-radius: 7px;
  color: #7b8997;
  background: #f5f8fb;
  content: "No cover image";
  font-size: 12px;
  font-weight: 600;
  line-height: 1.35;
  text-align: center;
}

.page_issue_archive .issue-summary .media-left {
  position: relative;
  z-index: 2;
  grid-column: 1;
  grid-row: 1;
  display: block;
  padding: 0;
}

.page_issue_archive .issue-summary .media-left img {
  display: block;
  width: 132px;
  height: auto;
  border-radius: 5px;
}

.page_issue_archive .issue-summary .media-body {
  grid-column: 2;
  width: auto;
  min-width: 0;
}

/* =========================================================
   G. Single issue / table of contents
   Includes legacy bilingual issue compatibility
   ========================================================= */

.page_issue .issue-toc {
  margin: 0;
}

.page_issue .issue-toc > .heading.row {
  margin-right: -10px;
  margin-left: -10px;
}

.page_issue .issue-toc > .heading.row > .thumbnail,
.page_issue .issue-toc > .heading.row > .issue-details {
  padding-right: 10px;
  padding-left: 10px;
}

.page_issue .issue-toc .thumbnail {
  margin-bottom: 18px;
  border: 0;
  background: transparent;
}

.page_issue .issue-toc .thumbnail .cover img {
  display: block;
  width: 100%;
  max-width: 260px;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 12px 28px rgba(10, 42, 75, 0.14);
}

.page_issue .issue-toc .issue-details {
  box-sizing: border-box;
}

.page_issue .issue-toc .issue-details .pub_id,
.page_issue .issue-toc .issue-details .published {
  overflow-wrap: anywhere;
}

.page_issue .issue-toc .issue-details > .pub_id:first-child,
.page_issue .issue-toc .issue-details > .published:first-child {
  margin-top: 0;
}

.page_issue .issue-toc .heading .issue-details {
  padding-top: 14px !important;
  padding-right: 16px !important;
  padding-bottom: 14px !important;
  padding-left: 16px !important;
}

.page_issue .issue-toc .issue-details .pub_id,
.page_issue .issue-toc .issue-details .published {
  padding-right: 2px;
  padding-left: 2px;
  line-height: 1.55;
}

.page_issue .issue-toc .issue-details .pub_id {
  margin-bottom: 9px;
}

.page_issue .issue-toc .issue-details .published {
  margin-bottom: 0;
}

.page_issue .issue-toc .galleys .btn-group,
.page_issue .issue-toc .article-summary .btn-group {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  width: 100%;
  margin: 0 !important;
  vertical-align: top;
}

.page_issue .issue-toc .galleys .btn-group > .galley-link,
.page_issue .issue-toc .article-summary .btn-group > .galley-link {
  float: none !important;
  flex: 0 0 auto;
  margin: 0 !important;
  border-radius: 6px !important;
}

.page_issue .issue-toc .galleys .btn-group > .galley-link + .galley-link,
.page_issue .issue-toc .article-summary .btn-group > .galley-link + .galley-link {
  margin-left: 0 !important;
}

.page_issue .issue-toc .galleys {
  margin: 22px 0 30px;
}

.page_issue .issue-toc .galleys > .page-header,
.page_issue .issue-toc .section > .page-header {
  margin: 0 0 16px;
  padding: 0 0 12px;
  border-bottom: 1px solid var(--jitika-line);
}

.page_issue .issue-toc .galleys > .page-header h2,
.page_issue .issue-toc .section > .page-header h2 {
  margin: 0;
  color: var(--jitika-ink);
  font-size: 21px;
  font-weight: 700;
}

.page_issue .issue-toc .galleys > .page-header h2 small,
.page_issue .issue-toc .section > .page-header h2 small {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.page_issue .issue-toc .article-summary.media {
  margin: 0;
  padding: 22px 4px;
  border-bottom: 1px solid var(--jitika-line);
}

.page_issue .issue-toc .article-summary .media-heading {
  margin: 0 0 8px;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}

.page_issue .issue-toc .article-summary .authors,
.page_issue .issue-toc .article-summary .pages {
  color: var(--jitika-muted);
  font-size: 14px;
  line-height: 1.5;
}

.page_issue .issue-toc .article-summary .btn-group {
  margin-top: 12px !important;
}

/* =========================================================
   H. Article landing page
   ========================================================= */

body.pkp_page_article .page_article > .article-details {
  width: 100%;
  margin: 0;
  padding: 32px;
  border: 1px solid var(--jitika-line);
  border-radius: var(--jitika-radius);
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(10, 42, 75, 0.06);
}

body.pkp_page_article .article-details > header > h1.page-header {
  margin: 0 0 30px !important;
  padding: 0 0 23px !important;
  border: 0 !important;
  border-bottom: 1px solid var(--jitika-line) !important;
  color: var(--jitika-ink) !important;
  background: transparent !important;
  font-size: clamp(32px, 3.7vw, 44px) !important;
  font-weight: 700 !important;
  letter-spacing: -0.027em !important;
  line-height: 1.14 !important;
}

body.pkp_page_article .article-details > .row {
  display: flex !important;
  flex-wrap: nowrap !important;
  margin-right: -16px !important;
  margin-left: -16px !important;
}

body.pkp_page_article .article-details > .row > .article-sidebar {
  float: none !important;
  flex: 0 0 29% !important;
  width: 29% !important;
  max-width: 29% !important;
  padding-right: 16px !important;
  padding-left: 16px !important;
}

body.pkp_page_article .article-details > .row > .col-md-8 {
  float: none !important;
  flex: 0 0 71% !important;
  width: 71% !important;
  max-width: 71% !important;
  padding-right: 16px !important;
  padding-left: 16px !important;
}

body.pkp_page_article .article-sidebar .download {
  display: grid !important;
  gap: 9px;
  margin: 0 0 18px;
}

body.pkp_page_article .article-sidebar .download .galley-link {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 10px 13px !important;
  border-radius: 7px !important;
  text-align: center !important;
}

body.pkp_page_article .article-main .authors {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 0 26px !important;
  counter-reset: jitika-author-sequence !important;
}

body.pkp_page_article .article-main .authors .author {
  position: relative !important;
  min-width: 0;
  margin: 0 !important;
  padding: 47px 17px 15px !important;
  border: 1px solid var(--jitika-line);
  border-radius: 8px;
  background: #f8fbff;
  counter-increment: jitika-author-sequence !important;
}

body.pkp_page_article .article-main .authors .author::before {
  position: absolute !important;
  top: 14px !important;
  left: 16px !important;
  display: inline-flex !important;
  min-width: 70px !important;
  height: 23px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 9px !important;
  border: 1px solid #b8cde1 !important;
  border-radius: 999px !important;
  color: var(--jitika-blue) !important;
  background: #ffffff !important;
  content: "Author " counter(jitika-author-sequence) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

/* =========================================================
   I. Standalone PDF viewer
   ========================================================= */

html body.pkp_page_article.pkp_op_view header.header_view {
  position: fixed !important;
  z-index: 2147483000 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: auto !important;
  left: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 58px !important;
  min-height: 58px !important;
  max-height: 58px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #ffffff !important;
  background: var(--jitika-navy) !important;
  box-shadow: 0 3px 14px rgba(3, 24, 46, 0.24) !important;
  overflow: hidden !important;
}

html body.pkp_page_article.pkp_op_view header.header_view a.return,
html body.pkp_page_article.pkp_op_view header.header_view a.download {
  position: absolute !important;
  z-index: 2147483002 !important;
  top: 9px !important;
  display: inline-flex !important;
  height: 40px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 13px !important;
  border: 1px solid rgba(255, 255, 255, 0.48) !important;
  border-radius: 7px !important;
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0.04) !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

html body.pkp_page_article.pkp_op_view header.header_view a.return {
  left: 12px !important;
  width: 88px !important;
}

html body.pkp_page_article.pkp_op_view header.header_view a.download {
  right: 12px !important;
  width: 124px !important;
}

html body.pkp_page_article.pkp_op_view header.header_view a.return::before {
  content: "\2190  Back" !important;
}

html body.pkp_page_article.pkp_op_view header.header_view a.download::before {
  content: "\21E9  Download PDF" !important;
}

html body.pkp_page_article.pkp_op_view header.header_view a.title {
  position: absolute !important;
  z-index: 2147483001 !important;
  top: 0 !important;
  right: 148px !important;
  bottom: 0 !important;
  left: 112px !important;
  display: flex !important;
  height: 58px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 12px !important;
  color: #ffffff !important;
  background: transparent !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-align: center !important;
  text-decoration: none !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}

html body.pkp_page_article.pkp_op_view header.header_view .pkp_screen_reader,
html body.pkp_page_article.pkp_op_view header.header_view a.download > .label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}

html body.pkp_page_article.pkp_op_view > #pdfCanvasContainer.galley_view {
  position: fixed !important;
  z-index: 1 !important;
  top: 58px !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: #252529 !important;
  overflow: hidden !important;
}

html body.pkp_page_article.pkp_op_view > #pdfCanvasContainer.galley_view > iframe {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

/* =========================================================
   J. Footer legal separation
   ========================================================= */

.jitika-footer__legal {
  column-gap: 48px !important;
}

.jitika-footer__platform-credit {
  padding-left: 30px;
  border-left: 1px solid rgba(255, 255, 255, 0.24);
}

.jitika-footer__platform-credit,
.jitika-footer__platform-credit a {
  font-size: 12px !important;
  font-weight: 400 !important;
  line-height: 1.55 !important;
}

/* =========================================================
   K. Responsive
   ========================================================= */

@media (max-width: 991px) {
  body.pkp_page_article .article-details > .row {
    display: block !important;
    margin: 0 !important;
  }

  body.pkp_page_article .article-details > .row > .article-sidebar,
  body.pkp_page_article .article-details > .row > .col-md-8 {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
  }

  .jitika-footer__platform-credit {
    padding: 18px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-left: 0;
  }
}

@media (max-width: 767px) {
  body:not(.pkp_page_index) .pkp_structure_main > .page {
    margin-top: 20px;
    padding: 20px;
  }

  .page_about > .page-header > h1,
  .page_editorial_team > .page-header > h1,
  .page_submissions > .page-header > h1,
  .page_issue_archive > .page-header > h1,
  .page_announcements > h1:first-of-type,
  .page_contact > h1:first-of-type,
  .page_privacy > h1:first-of-type {
    font-size: 28px !important;
  }

  .page_editorial_team ul:not(.breadcrumb),
  .page_editorial_team ol:not(.breadcrumb),
  .pkp_page_reviewers .page_about ul:not(.breadcrumb),
  .pkp_page_reviewers .page_about ol:not(.breadcrumb) {
    grid-template-columns: 1fr;
  }

  .page_issue_archive .issue-summary.media {
    grid-template-columns: 90px minmax(0, 1fr);
    gap: 14px;
    padding: 14px;
  }

  .page_issue_archive .issue-summary.media::before,
  .page_issue_archive .issue-summary .media-left img {
    width: 90px;
  }

  .page_issue .issue-toc .heading .issue-details {
    padding: 12px 14px !important;
  }

  .page_issue .issue-toc .galleys .btn-group,
  .page_issue .issue-toc .article-summary .btn-group {
    gap: 8px !important;
  }

  body.pkp_page_article .page_article > .article-details {
    padding: 20px !important;
  }

  body.pkp_page_article .article-main .authors {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 700px) {
  html body.pkp_page_article.pkp_op_view header.header_view {
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;
  }

  html body.pkp_page_article.pkp_op_view header.header_view a.return {
    top: 8px !important;
    left: 8px !important;
    width: 72px !important;
    height: 38px !important;
  }

  html body.pkp_page_article.pkp_op_view header.header_view a.download {
    top: 8px !important;
    right: 8px !important;
    width: 106px !important;
    height: 38px !important;
  }

  html body.pkp_page_article.pkp_op_view header.header_view a.download::before {
    content: "\21E9  Download" !important;
  }

  html body.pkp_page_article.pkp_op_view header.header_view a.title {
    right: 122px !important;
    left: 92px !important;
    height: 54px !important;
    font-size: 12px !important;
  }

  html body.pkp_page_article.pkp_op_view > #pdfCanvasContainer.galley_view {
    top: 54px !important;
  }
}