/* IJIP journal stylesheet (Default theme, OJS 3.3) - rewritten 03-11-2026. Purple from the logo, orange accent from the old stylesheet. */
:root {
  --navy: #5e17eb;
  --navy-dark: #3a0ca3;
  --orange: #f7921c;
  --orange-dark: #d97a0c;
  --ink: #1f2933;
  --muted: #5f6b76;
  --line: #e4e0f3;
  --soft: #f5f3ff;
  --link: #4b12c4;
}

body { color: var(--ink); background: #fff; }
a { color: var(--link); }
a:hover, a:focus { color: var(--navy-dark); }
.pkp_structure_main img, .pkp_block img { max-width: 100%; height: auto; }
.pkp_structure_main table { max-width: 100%; }
.pkp_structure_main p, .pkp_structure_main li { line-height: 1.7; }

/* ---------- Header ---------- */
.pkp_structure_head {
  background-color: #22086a;
  background-size: cover !important;
  background-position: right center !important;
  border-bottom: 4px solid var(--orange);
}
.pkp_site_name_wrapper { background: transparent; }
.pkp_site_name .is_img img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 46px;
}
.pkp_site_nav_menu { background: var(--navy); }
.pkp_site_nav_menu a { color: #fff; }
.pkp_site_nav_menu a:hover, .pkp_site_nav_menu a:focus { color: var(--orange); }
.pkp_navigation_primary > li > a { font-weight: 600; }

@media (min-width: 992px) {
  .pkp_site_name { padding: 84px 0 76px; }
  .pkp_site_name .is_img img { max-height: 118px; }
  .pkp_navigation_primary_row {
    background: rgba(20, 4, 60, .55);
    box-shadow: 0 0 0 100vmax rgba(20, 4, 60, .55);
    clip-path: inset(0 -100vmax);
    backdrop-filter: blur(4px);
  }
  .pkp_site_nav_menu { background: transparent; }
  .pkp_navigation_primary > li > a {
    color: #fff;
    margin: 0 .2rem;
    padding: .9rem .6rem;
    border-bottom: 3px solid transparent;
  }
  .pkp_navigation_primary > li > a:hover,
  .pkp_navigation_primary > li > a:focus {
    color: #fff;
    border-bottom-color: var(--orange);
    text-decoration: none;
  }
  .pkp_navigation_primary > li:first-child > a { margin-left: 0; padding-left: 0; }
  .pkp_navigation_primary ul { border-top: 3px solid var(--orange); border-radius: 0 0 4px 4px; }
  .pkp_navigation_primary ul a { color: var(--ink); font-weight: 400; }
  .pkp_navigation_primary ul a:hover, .pkp_navigation_primary ul a:focus { color: var(--navy); border-color: var(--orange); }
  .pkp_navigation_search_wrapper a { color: #fff; font-weight: 600; }
  .pkp_navigation_search_wrapper a:hover, .pkp_navigation_search_wrapper a:focus { color: var(--orange); border-color: transparent; }
  .pkp_navigation_user_wrapper { top: 10px; }
  .pkp_navigation_user > li > a {
    color: #fff;
    background: rgba(58, 12, 163, .85);
    border-radius: 4px;
    padding: 4px 14px;
    font-weight: 600;
  }
  .pkp_navigation_user > li > a:hover, .pkp_navigation_user > li > a:focus {
    color: #fff;
    background: var(--orange);
    text-decoration: none;
  }
  .pkp_navigation_user ul a { color: var(--ink); }
}

@media (max-width: 991px) {
  .pkp_site_name_wrapper { background: rgba(58, 12, 163, .0); }
  .pkp_site_name_wrapper { height: auto; padding: 0; }
  .pkp_site_name { position: static; height: auto; width: auto; padding: 18px 64px 18px 56px; }
  .pkp_site_name .is_img { display: block; }
  .pkp_site_name .is_img img { max-height: 44px; max-width: 100%; }
  .pkp_site_nav_toggle { top: 50%; transform: translateY(-50%); }
  .pkp_site_nav_toggle { color: #fff; }
  .pkp_site_nav_toggle:before, .pkp_site_nav_toggle:after, .pkp_site_nav_toggle span:after { background: #fff; }
  .pkp_navigation_primary, .pkp_navigation_user { padding-top: .5rem; }
  .pkp_site_nav_menu .pkp_navigation_primary_wrapper > ul > li > a { font-size: 1rem; padding: .35rem 0; }
}

/* ---------- Main content ---------- */
.pkp_structure_main h1, .pkp_structure_main h2 { color: var(--navy); }
.page_index_journal .homepage_about h2,
.page_index_journal .current_issue h2,
.page_index_journal .cmp_announcements h2 { color: var(--navy); }

/* Journal facts on the homepage (custom markup in the journal description) */
.ijp-facts {
  display: grid;
  grid-template-columns: 9.5rem 1fr;
  gap: .45rem 1rem;
  margin: 0 0 1.5rem;
  padding: 1.1rem 1.25rem;
  background: var(--soft);
  border-left: 4px solid var(--navy);
  border-radius: 4px;
  font-size: .93rem;
}
.ijp-facts dt { font-weight: 700; color: var(--muted); }
.ijp-facts dd { margin: 0; }
@media (max-width: 600px) {
  .ijp-facts { grid-template-columns: 1fr; gap: .1rem; }
  .ijp-facts dd { margin-bottom: .55rem; }
}
.ijp-btn, a.ijp-btn {
  display: inline-block;
  padding: .55rem 1.1rem;
  border-radius: 4px;
  background: var(--navy);
  color: #fff;
  font-weight: 600;
  text-decoration: none;
}
.ijp-btn:hover, .ijp-btn:focus { background: var(--orange); color: #fff; text-decoration: none; }


/* Article lists */
.obj_article_summary { font-size: .82rem; color: var(--muted); }
.obj_article_summary > .title { font-size: 1.05rem; line-height: 1.4; }
.obj_article_summary > .title a { color: var(--navy); }
.obj_article_summary > .title a:hover { color: var(--link); }
.obj_article_summary .meta { font-size: .9rem; color: var(--ink); }
.obj_article_summary .pages { color: var(--muted); }
.obj_article_summary .galleys_links { margin: .6rem 0 .35rem; }
.obj_article_summary .fa { color: #a99fc9; }
.cmp_article_list > li { padding-bottom: 1.6rem; border-bottom: 1px solid var(--line); margin-bottom: 1.6rem; }
.cmp_article_list > li:last-child { border-bottom: 0; }

.obj_galley_link, .cmp_button, .cmp_form .buttons button {
  border-color: var(--navy);
  color: var(--navy);
  border-radius: 4px;
}
.obj_galley_link:hover, .obj_galley_link:focus {
  background: var(--navy);
  border-color: var(--navy);
  color: #fff;
}

/* Announcements */
.cmp_announcements .obj_announcement_summary h2 a, .cmp_announcements .obj_announcement_summary h3 a { color: var(--navy); }

/* ---------- Sidebar ---------- */
.pkp_structure_sidebar .pkp_block { padding: 0; margin: 0 0 1.5rem; font-size: .9rem; line-height: 1.55; }
@media (min-width: 992px) {
  .pkp_structure_sidebar .pkp_block { margin: 1.5rem 1.25rem 0; }
  .pkp_structure_sidebar .pkp_block + .pkp_block { margin-top: 1.25rem; }
}
@media (max-width: 991px) {
  .pkp_structure_sidebar { padding: 0 1rem 1rem; }
}
.pkp_block .title {
  display: block;
  margin: 0;
  padding: .6rem .9rem;
  background: var(--navy);
  color: #fff;
  font-family: inherit;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  border-radius: 4px 4px 0 0;
}
.pkp_block .content {
  padding: .85rem .9rem;
  border: 1px solid var(--line);
  border-top: 0;
  border-radius: 0 0 4px 4px;
}
.pkp_block .content p { margin: 0 0 .6rem; }
.pkp_block .content p:last-child { margin-bottom: 0; }

.block_make_submission { padding: 0; }
.block_make_submission .block_make_submission_link,
.block_make_submission a {
  display: block;
  padding: .85rem 1rem;
  background: var(--orange);
  border: 0;
  border-radius: 4px;
  box-shadow: none;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.block_make_submission a:hover, .block_make_submission a:focus { background: var(--orange-dark); color: #fff; }

#customblock-quick-links h3 {
  margin: .9rem 0 .3rem;
  font-family: inherit;
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .07em;
  text-transform: uppercase;
  color: var(--muted);
}
#customblock-quick-links h3:first-child { margin-top: 0; }
#customblock-quick-links ul { list-style: none; margin: 0; padding: 0; }
#customblock-quick-links li { margin: 0; padding: 0; border-bottom: 1px solid var(--soft); }
#customblock-quick-links li:last-child { border-bottom: 0; }
#customblock-quick-links li a { display: block; padding: .3rem 0; color: var(--ink); text-decoration: none; }
#customblock-quick-links li a:hover, #customblock-quick-links li a:focus { color: var(--link); padding-left: .25rem; }

#customblock-sinta-4 img { display: block; margin: 0 auto; max-height: 110px; width: auto; }
#customblock-sinta-4 .content { font-size: .84rem; color: var(--muted); }
#customblock-template a, #customblock-sinta-4 a.ijp-btn {
  display: block;
  padding: .5rem .8rem;
  border: 1px solid var(--navy);
  border-radius: 4px;
  background: #fff;
  color: var(--navy);
  font-weight: 600;
  text-align: center;
  text-decoration: none;
}
#customblock-template a:hover, #customblock-sinta-4 a.ijp-btn:hover { background: var(--navy); color: #fff; }
#customblock-visitors .content { text-align: center; }
#customblock-affiliated-with .content { display: flex; flex-wrap: wrap; align-items: center; gap: .9rem; }
#customblock-affiliated-with .content p { margin: 0; }
#customblock-affiliated-with img { max-height: 46px; width: auto; }

/* ---------- Footer ---------- */
.pkp_structure_footer_wrapper { background: var(--navy); border-top: 4px solid var(--orange); }
.pkp_structure_footer { background: transparent; }
.pkp_footer_content { padding: 2rem 1rem 1rem; color: #e6dcff; font-size: .88rem; line-height: 1.65; }
.pkp_footer_content a { color: #fff; text-decoration: underline; }
.pkp_footer_content a:hover, .pkp_footer_content a:focus { color: var(--orange); }
.pkp_footer_content strong { color: #fff; }
.ijp-footer { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 1.5rem; }
.ijp-footer h3 { margin: 0 0 .4rem; color: #fff; font-family: inherit; font-size: .78rem; letter-spacing: .07em; text-transform: uppercase; }
.ijp-footer p { margin: 0 0 .4rem; }
.ijp-footer img { vertical-align: middle; }
@media (max-width: 767px) { .ijp-footer { grid-template-columns: 1fr; } }
.pkp_brand_footer { display: none !important; }
.pkp_brand_footer img { filter: brightness(0) invert(1); opacity: .55; max-width: 110px; }

/* Editorial team / masthead */
.ijp-board h3 { margin: 1.4rem 0 .4rem; font-size: 1rem; color: var(--navy); }
.ijp-board ul { margin: 0; padding-left: 1.1rem; }
.ijp-board li { margin-bottom: .25rem; }
.ijp-board .aff { color: var(--muted); }

/* Homepage announcement: one item, full width */
.page_index_journal .cmp_announcements .more { display: none; }
@media (min-width: 992px) {
  .page_index_journal .cmp_announcements.highlight_first .obj_announcement_summary { width: 100%; float: none; border-right: 0; }
}

/* Sidebar fine-tuning */
.block_make_submission .content { padding: 0; border: 0; }
.pkp_structure_sidebar .pkp_block .content p, .pkp_structure_sidebar .pkp_block .content li { line-height: 1.55; }

/* Archives: cover grid */
.page_issue_archive .issues_archive {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));
  gap: 2rem 1.5rem;
  margin: 1.5rem 0 0;
  border: 0;
}
.page_issue_archive .issues_archive > li { margin: 0; padding: 0; border: 0; }
.page_issue_archive .issues_archive > li:not(:has(.cover)) {
  grid-column: 1 / -1;
  padding: 1rem 1.25rem;
  background: var(--soft);
  border-left: 4px solid var(--navy);
  border-radius: 4px;
}
.page_issue_archive .obj_issue_summary .cover { float: none; display: block; width: 100%; margin: 0 0 .7rem; padding: 0; }
.page_issue_archive .obj_issue_summary .cover img {
  width: 100%;
  max-height: none;
  border-radius: 3px;
  box-shadow: 0 6px 18px rgba(40, 8, 120, .18);
  transition: transform .15s ease, box-shadow .15s ease;
}
.page_issue_archive .obj_issue_summary .cover:hover img { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(40, 8, 120, .25); }
.page_issue_archive .obj_issue_summary h2 { margin: 0; font-size: 1rem; line-height: 1.35; }
.page_issue_archive .obj_issue_summary .description { margin: .3rem 0 0; font-size: .9rem; }
.obj_issue_toc .cover img { border-radius: 3px; box-shadow: 0 6px 18px rgba(40, 8, 120, .18); }

/* Author Guidelines and other long pages */
.pkp_structure_main h3 { margin-top: 2rem; color: var(--navy); }
.pkp_structure_main h4 { margin: 1.3rem 0 .3rem; color: var(--ink); }

/* IJIP extras */
@media (min-width: 992px) {
  .pkp_navigation_user > li > a { background: var(--navy); }
}
/* No horizontal scrolling on phones (long rules of "=" and wide images in old content) */
html, body { overflow-x: hidden; }
.pkp_structure_main, .pkp_block .content { overflow-wrap: anywhere; }
/* Accessibility widget: keep it clear of the menu on phones */
@media (max-width: 991px) { .pkp_structure_page { padding-top: 0; } }
/* Static pages (Editorial Board, Reviewer): readable lists */
.page_static .pkp_structure_main p { text-align: left; margin: .5rem 0; line-height: 1.6; }
.page_static .pkp_structure_main p strong { color: var(--navy); }

/* Accreditation block: first in the sidebar, framed in orange so it stands apart from the purple menu blocks */
#customblock-sinta-4 .title { background: var(--orange); color: #fff; }
#customblock-sinta-4 .content {
  border: 2px solid var(--orange);
  border-top: 0;
  background: #fff8ef;
  text-align: center;
  font-size: .84rem;
  color: var(--ink);
}
#customblock-sinta-4 .content img { display: block; width: 100%; max-height: none; height: auto; margin: 0 auto .4rem; border-radius: 10px; }
#customblock-sinta-4 .content strong { color: var(--navy); }
#customblock-sinta-4 a.ijp-btn { background: var(--navy); color: #fff; border: 0; display: block; }
#customblock-sinta-4 a.ijp-btn:hover { background: var(--orange-dark); color: #fff; }

/* Hide the UserWay accessibility widget that the server injects on every journal (owner, 03-11-2026) */
.uwy, .userway_buttons_wrapper, #userwayAccessibilityIcon, .uai { display: none !important; visibility: hidden !important; }