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

/* ================================================================
   OPEN ISLAMIC STUDIES — OJS 3.3.0.22 DEFAULT THEME
   Adaptasi visual hijau elegan untuk Open Islamic Studies
   Catatan: nama kelas .oms-* dipertahankan agar HTML lama tetap kompatibel.
   ================================================================ */

:root {
  --oms-navy: #032f27;
  --oms-blue: #075642;
  --oms-cyan: #3f8b70;
  --oms-gold: #b89552;
  --oms-ink: #20342e;
  --oms-muted: #607069;
  --oms-line: #d8dfda;
  --oms-soft: #f3f6f1;
  --oms-white: #ffffff;
  --oms-radius: 8px;
  --oms-shadow: 0 5px 22px rgba(3, 47, 39, .10);
}

/* Keep the centered layout fixed when short pages do not need a scrollbar */
html {
  overflow-y: scroll;
  scrollbar-gutter: stable;
}

html, body {
  font-family: "Noto Sans", "Segoe UI", Arial, sans-serif;
  color: var(--oms-ink);
  background: #eaf0eb;
}

a { color: #0b6b51; }
a:hover, a:focus { color: #064638; }
img { max-width: 100%; height: auto; }

/* Page shell */
.pkp_structure_page {
  max-width: 1440px;
  margin: 0 auto;
  background: var(--oms-white);
  box-shadow: 0 0 35px rgba(3, 47, 39, .12);
}

.pkp_site_name_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_navigation_user,
.pkp_structure_content,
.pkp_structure_footer {
  max-width: 1200px;
}

/* Header image uploaded through Website > Appearance > Header */
.pkp_structure_head {
  position: relative;
  background: var(--oms-navy);
  border: 0;
}

.pkp_head_wrapper { background: var(--oms-navy); }

.pkp_site_name_wrapper {
  height: auto;
  min-height: 120px;
  margin-bottom: 0 !important;
  padding: 0;
}

.pkp_site_name {
  position: static;
  margin: 0;
  padding: 0;
  line-height: 0 !important;
  text-align: center;
}

.pkp_site_name .is_img {
  display: block;
  line-height: 0;
}

.pkp_site_name .is_img img {
  display: block;
  width: 100%;
  max-width: 1200px;
  max-height: none;
  margin: 0 auto;
  object-fit: contain;
}

.pkp_site_name .is_text {
  display: block;
  padding: 42px 24px;
  color: #fff;
  font-size: clamp(28px, 5vw, 54px);
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* User menu as compact top-right controls */
@media (min-width: 992px) {
  .pkp_navigation_user_wrapper {
    position: absolute;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    transform: none !important;
    z-index: 20;
    pointer-events: none;
  }

  .pkp_navigation_user {
    box-sizing: border-box;
    width: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
    text-align: right;
    pointer-events: auto;
  }

  .pkp_navigation_user > li > a {
    padding: 7px 12px;
    background: rgba(255,255,255,.92);
    border: 1px solid rgba(255,255,255,.55);
    border-radius: 0 !important;
    color: var(--oms-navy);
    box-shadow: 0 2px 8px rgba(0,0,0,.16);
  }
}

/* Main navigation */
.pkp_site_nav_menu {
  margin-top: 0 !important;
}

.pkp_navigation_primary_row {
  position: relative;
  margin-top: -7px !important;
  background: #fff;
  border: 1px solid rgba(3,47,39,.08);
  box-shadow: 0 4px 14px rgba(3,47,39,.10);
}

.pkp_navigation_primary > li > a,
.pkp_head_wrapper .pkp_search {
  color: #155f49;
  font-weight: 600;
}

/* Match the Search baseline with the primary menu labels */
@media (min-width: 992px) {
  .pkp_navigation_search_wrapper .pkp_search.pkp_search_desktop {
    position: relative;
    top: 17px !important;
  }
}

/* Align the Home menu with the text inside the homepage card */
@media (min-width: 992px) {
  #navigationPrimary.pkp_navigation_primary {
    position: relative;
    left: 30px !important;
    padding-left: 0;
  }
}

/* Move the account menu from the 1160px header wrapper to the outer blue edge */
@media (min-width: 1200px) {
  #navigationUserWrapper.pkp_navigation_user_wrapper {
    left: auto !important;
    right: -140px !important;
    width: auto !important;
    transform: none !important;
  }

  #navigationUser.pkp_navigation_user {
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }
}

.pkp_navigation_primary > li > a {
  padding-top: 17px;
  padding-bottom: 15px;
  border-bottom: 3px solid transparent;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  color: #0b6b51;
  border-bottom-color: var(--oms-gold);
}

.pkp_navigation_primary ul {
  border: 0;
  border-radius: 0 0 6px 6px;
  box-shadow: var(--oms-shadow);
}

.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus {
  background: var(--oms-soft);
}

/* Content grid */
.pkp_structure_content {
  padding-top: 0 !important;
  padding-bottom: 36px;
}

/* Neutralize the exact desktop spacing rules of OJS Default Theme */
@media (min-width: 992px) {
  body.pkp_page_index .pkp_structure_content {
    padding-top: 0 !important;
  }

  body.pkp_page_index .pkp_structure_main:first-child:last-child {
    margin-top: 0 !important;
  }

  body.pkp_page_index .page_index_journal .additional_content {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: 0 !important;
  }

  body.pkp_page_index .oms-home-card {
    margin-top: 0 !important;
  }
}

@media (min-width: 992px) {
  .pkp_structure_main {
    float: left;
    width: calc(100% - 320px);
    padding: 0 22px 50px 0;
  }

  .pkp_structure_main::before,
  .pkp_structure_main::after { display: none; }

  .pkp_structure_sidebar,
  .pkp_structure_sidebar.left {
    float: right;
    width: 320px;
  }

  /* Full-width layout when no sidebar block is enabled */
  .pkp_structure_content:not(.has_sidebar) .pkp_structure_main {
    float: none;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto !important;
    margin-top: 0 !important;
    padding: 0 0 50px;
  }

  .pkp_structure_content:not(.has_sidebar) > .pkp_structure_main:first-child:last-child {
    margin-top: 0 !important;
  }
}

/* General cards and headings */
.page_index_journal,
.page_issue,
.page_issue_archive,
.page_article,
.page_about,
.page_contact,
.page_submissions,
.page_search {
  line-height: 1.75;
}

.oms-home-card,
.obj_issue_toc,
.obj_article_details,
.page_issue_archive .issues_archive > li {
  background: #fff;
  border: 1px solid var(--oms-line);
  border-radius: var(--oms-radius);
  box-shadow: 0 4px 16px rgba(3,47,39,.06);
}

.page_index_journal h2,
.page_issue h1,
.page_issue_archive h1,
.page_article h1,
.page_about h1,
.page_contact h1,
.page_submissions h1,
.page_search h1 {
  color: var(--oms-navy);
}

.page_index_journal h2::after,
.oms-section-title::after {
  content: "";
  display: block;
  width: 90px;
  height: 3px;
  margin-top: 10px;
  border-radius: 5px;
  background: linear-gradient(90deg, var(--oms-cyan), var(--oms-gold));
}

/* Additional Content HTML supplied with this package */
.page_index_journal > .additional_content {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.pkp_structure_content:not(.has_sidebar) .page_index_journal,
.pkp_structure_content:not(.has_sidebar) .page_index_journal > .additional_content {
  margin-top: 0 !important;
}

.oms-home-card {
  width: 100%;
  margin: 0;
  padding: 30px;
}
.oms-section-title { margin: 0 0 22px; font-size: 25px; }
.oms-about-text { text-align: justify; }

.oms-journal-profile {
  display: grid;
  grid-template-columns: minmax(170px, 220px) 1fr;
  gap: 28px;
  align-items: start;
  margin-top: 25px;
}

.oms-cover {
  display: block;
  width: 100%;
  border-radius: 4px;
  box-shadow: 0 7px 18px rgba(3,47,39,.22);
}

.oms-meta { margin: 0; padding: 0; list-style: none; }
.oms-meta li { padding: 7px 0; border-bottom: 1px dashed var(--oms-line); }
.oms-meta strong { color: var(--oms-navy); }

.oms-actions { display: flex; flex-wrap: wrap; gap: 10px; margin: 22px 0; }
.oms-button,
.block_make_submission a,
.obj_galley_link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 40px;
  padding: 8px 16px;
  border: 1px solid #0b6b51;
  border-radius: 5px;
  background: linear-gradient(135deg, #0b6b51, #075642);
  color: #fff !important;
  font-weight: 700;
  text-decoration: none;
  box-shadow: 0 3px 9px rgba(7,86,66,.20);
}

.oms-button:hover,
.oms-button:focus,
.block_make_submission a:hover,
.block_make_submission a:focus,
.obj_galley_link:hover,
.obj_galley_link:focus {
  background: var(--oms-navy);
  border-color: var(--oms-navy);
  transform: translateY(-1px);
}

.oms-button--gold {
  background: linear-gradient(135deg, #b08a4a, var(--oms-gold));
  border-color: #b08a4a;
  color: var(--oms-navy) !important;
}

.oms-indexing {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--oms-line);
}

.oms-indexing img {
  width: auto;
  max-width: 150px;
  height: 48px;
  object-fit: contain;
  padding: 5px;
  background: #fff;
  border: 1px solid var(--oms-line);
}

/* Current issue */
.current_issue,
.homepage_about,
.cmp_announcements { margin-top: 30px; }
.current_issue > h2 { margin-bottom: 22px; }
.obj_issue_toc { padding: 24px; }
.obj_issue_toc .section { border-top-color: var(--oms-line); }
.obj_issue_toc .section > h2,
.obj_issue_toc .section > h3 { color: var(--oms-blue); }

/* Article summaries */
.obj_article_summary {
  margin-bottom: 16px;
  padding: 18px;
  border: 1px solid var(--oms-line);
  border-left: 4px solid var(--oms-cyan);
  border-radius: 6px;
  background: #fff;
}
.obj_article_summary > .title { font-size: 17px; line-height: 1.5; }
.obj_article_summary > .title a { color: var(--oms-navy); }
.obj_article_summary .authors { color: var(--oms-muted); }

/* Article detail */
.obj_article_details { padding: 26px; }
.obj_article_details > .page_title { line-height: 1.35; }
.obj_article_details .authors .name { color: var(--oms-blue); }
.obj_article_details .item.abstract .value { text-align: justify; line-height: 1.8; }
.obj_article_details .entry_details .item { background: var(--oms-soft); }

/* Sidebar cards */
.pkp_structure_sidebar .pkp_block {
  margin: 0 0 18px;
  padding: 0;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--oms-line);
  border-radius: 7px;
  box-shadow: 0 4px 14px rgba(3,47,39,.07);
}

.pkp_structure_sidebar .pkp_block > .title,
.oms-block-title,
.editorial_team_block > .title {
  display: block;
  margin: 0;
  padding: 12px 16px;
  background: linear-gradient(135deg, var(--oms-navy), var(--oms-blue));
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-align: center;
}

.pkp_structure_sidebar .pkp_block > .content { padding: 15px; }
.block_make_submission .content { text-align: center; }

#customblock-oms-menu .content { padding: 0; }
.oms-side-menu { margin: 0; padding: 0; list-style: none; }
.oms-side-menu li { margin: 0; padding: 0; border-bottom: 1px solid var(--oms-line); }
.oms-side-menu li:last-child { border-bottom: 0; }
.oms-side-menu a {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 13px 15px;
  color: #0b6b51;
  text-decoration: none;
}
.oms-side-menu a:hover,
.oms-side-menu a:focus { background: #eaf2ed; color: var(--oms-navy); }
.oms-side-menu .fa { width: 20px; color: #0b6b51; text-align: center; }

.oms-publisher-logo {
  display: block;
  max-width: 190px;
  margin: 4px auto;
  padding: 12px;
  border-radius: 5px;
  background: var(--oms-navy);
}

/* Footer */
.pkp_structure_footer_wrapper {
  background: linear-gradient(135deg, #02261f, #064638);
  border-top: 4px solid var(--oms-gold);
  color: rgba(255,255,255,.86);
}
.pkp_structure_footer { padding-top: 0; padding-bottom: 0; }
.pkp_footer_content {
  padding: 20px 18px 10px;
  text-align: center;
}
.pkp_footer_content p { margin: 0; }
.pkp_footer_content a { color: #d9c392; }
.pkp_brand_footer { padding: 8px 18px 20px; }
.pkp_brand_footer a {
  float: none;
  max-width: 105px;
  margin: 0 auto;
  filter: brightness(0) invert(1);
  opacity: .64;
}

/* Mobile */
@media (max-width: 991px) {
  .pkp_site_name_wrapper { min-height: 0; padding-left: 45px; }
  .pkp_site_name .is_img img { width: 100%; }
  .pkp_site_nav_toggle { top: 50%; transform: translateY(-50%); }
  .pkp_site_nav_menu { background: var(--oms-navy); }
  .pkp_navigation_primary_row { box-shadow: none; }
  .pkp_navigation_primary > li > a { color: #fff; border-bottom: 1px solid rgba(255,255,255,.12); }
  .pkp_navigation_user > li > a { color: #fff; }
  .pkp_structure_content { padding-top: 18px; }
  .pkp_structure_main { padding-bottom: 25px; }
}

@media (max-width: 767px) {
  .pkp_structure_content { padding-left: 12px; padding-right: 12px; }
  .oms-home-card, .obj_issue_toc, .obj_article_details { padding: 18px; }
  .oms-journal-profile { grid-template-columns: 1fr; }
  .oms-cover { max-width: 230px; margin: 0 auto; }
  .oms-actions { flex-direction: column; }
  .oms-button { width: 100%; }
  .obj_article_summary { padding: 14px; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}

/* OIS: white text for Submit a Manuscript */
.pkp_page_index .additional_content .oms-actions .oms-button--gold,
.pkp_page_index .additional_content .oms-actions .oms-button--gold:link,
.pkp_page_index .additional_content .oms-actions .oms-button--gold:visited,
.pkp_page_index .additional_content .oms-actions .oms-button--gold:hover,
.pkp_page_index .additional_content .oms-actions .oms-button--gold:focus,
.pkp_page_index .additional_content .oms-actions .oms-button--gold:active {
    color: #ffffff !important;
}

/* === CARAKA MODERN SUBMISSIONS OIS START === */
/* === OIS MODERN SUBMISSIONS PAGE v1 START === */

/*
 * Modern public submissions page
 * Scope: /about/submissions only
 * Journal: Open Music Studies
 */

body.pkp_page_about.pkp_op_submissions {
    --oms-submit-navy: #071d38;
    --oms-submit-blue: #0b6687;
    --oms-submit-gold: #d7ad55;
    --oms-submit-gold-dark: #b98a31;
    --oms-submit-text: #172436;
    --oms-submit-muted: #607083;
    --oms-submit-border: #dfe7ee;
    --oms-submit-soft: #f4f7fa;
    --oms-submit-white: #ffffff;
}

body.pkp_page_about.pkp_op_submissions .pkp_structure_main {
    padding-top: 28px;
    padding-bottom: 56px;
}

body.pkp_page_about.pkp_op_submissions .page_submissions {
    display: grid;
    grid-template-columns: minmax(0, 1.65fr) minmax(280px, 0.85fr);
    gap: 22px;
    color: var(--oms-submit-text);
}

/* Breadcrumb */

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_breadcrumbs {
    grid-column: 1 / -1;
    margin: 0 0 2px;
    padding: 0;
}

/* Main page title */

body.pkp_page_about.pkp_op_submissions
.page_submissions > h1 {
    grid-column: 1 / -1;
    margin: 0;
    color: var(--oms-submit-navy);
    font-size: clamp(2rem, 3vw, 2.75rem);
    font-weight: 750;
    line-height: 1.15;
    letter-spacing: -0.035em;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > h1::after {
    content: "Prepare your manuscript and submit it securely through our online editorial system.";
    display: block;
    max-width: 760px;
    margin-top: 10px;
    color: var(--oms-submit-muted);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.7;
    letter-spacing: 0;
}

/* Submission action hero */

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification {
    grid-column: 1 / -1;
    margin: 4px 0 6px;
    padding: 30px;
    overflow: hidden;
    color: #dcebf2;
    background:
        radial-gradient(
            circle at 92% 10%,
            rgba(215, 173, 85, 0.24),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            var(--oms-submit-navy) 0%,
            #0a3854 58%,
            var(--oms-submit-blue) 100%
        );
    border: 1px solid rgba(215, 173, 85, 0.38);
    border-left: 1px solid rgba(215, 173, 85, 0.38);
    border-radius: 20px;
    box-shadow: 0 18px 40px rgba(7, 29, 56, 0.16);
    line-height: 1.6;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification::before {
    content: "Submit Your Manuscript";
    display: block;
    margin-bottom: 16px;
    color: var(--oms-submit-white);
    font-size: 1.42rem;
    font-weight: 700;
    line-height: 1.25;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a {
    display: inline-flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    margin: 2px 5px 2px 0;
    padding: 11px 20px;
    border-radius: 11px;
    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1.25;
    text-decoration: none;
    transition:
        transform 160ms ease,
        background-color 160ms ease,
        border-color 160ms ease,
        box-shadow 160ms ease;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:first-of-type {
    color: var(--oms-submit-navy);
    background: var(--oms-submit-gold);
    border: 1px solid var(--oms-submit-gold);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.16);
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:last-of-type {
    color: var(--oms-submit-white);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.48);
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:hover,
body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:focus {
    transform: translateY(-2px);
    text-decoration: none;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:first-of-type:hover,
body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:first-of-type:focus {
    color: var(--oms-submit-navy);
    background: #e4bd68;
    border-color: #e4bd68;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:last-of-type:hover,
body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:last-of-type:focus {
    color: var(--oms-submit-white);
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.8);
}

/* Shared cards */

body.pkp_page_about.pkp_op_submissions
.page_submissions > .submission_checklist,
body.pkp_page_about.pkp_op_submissions
.page_submissions > .section_policy,
body.pkp_page_about.pkp_op_submissions
.page_submissions > .privacy_statement {
    margin: 0;
    padding: 28px;
    background: var(--oms-submit-white);
    border: 1px solid var(--oms-submit-border);
    border-radius: 17px;
    box-shadow: 0 10px 28px rgba(30, 53, 73, 0.07);
}

/* Two-column placement */

body.pkp_page_about.pkp_op_submissions
.page_submissions > .submission_checklist {
    grid-column: 1;
    grid-row: 4 / span 2;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .section_policy {
    grid-column: 2;
    grid-row: 4;
    align-self: start;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .privacy_statement {
    grid-column: 2;
    grid-row: 5;
    align-self: start;
}

/* Card headings */

body.pkp_page_about.pkp_op_submissions
.page_submissions > .submission_checklist h2,
body.pkp_page_about.pkp_op_submissions
.page_submissions > .section_policy h2,
body.pkp_page_about.pkp_op_submissions
.page_submissions > .privacy_statement h2 {
    margin: 0 0 15px;
    color: var(--oms-submit-navy);
    font-size: 1.24rem;
    font-weight: 720;
    line-height: 1.35;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .submission_checklist h2::before,
body.pkp_page_about.pkp_op_submissions
.page_submissions > .section_policy h2::before,
body.pkp_page_about.pkp_op_submissions
.page_submissions > .privacy_statement h2::before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: 0 10px 2px 0;
    background: var(--oms-submit-gold);
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(215, 173, 85, 0.15);
}

/* Admin edit links */

body.pkp_page_about.pkp_op_submissions
.page_submissions .cmp_edit_link {
    display: inline-flex;
    margin-left: 8px;
    padding: 4px 8px;
    color: var(--oms-submit-blue);
    background: #eef8fb;
    border-radius: 7px;
    font-size: 0.76rem;
    font-weight: 650;
    vertical-align: middle;
    text-decoration: none;
}

/* Checklist */

body.pkp_page_about.pkp_op_submissions
.submission_checklist > p {
    margin: 0 0 18px;
    color: var(--oms-submit-muted);
    line-height: 1.7;
}

body.pkp_page_about.pkp_op_submissions
.submission_checklist ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

body.pkp_page_about.pkp_op_submissions
.submission_checklist li {
    position: relative;
    margin: 0;
    padding: 14px 4px 14px 42px;
    color: #354456;
    border-top: 1px solid #edf1f4;
    line-height: 1.65;
}

body.pkp_page_about.pkp_op_submissions
.submission_checklist li:first-child {
    border-top: 0;
}

body.pkp_page_about.pkp_op_submissions
.submission_checklist li::before {
    content: "✓";
    position: absolute;
    top: 14px;
    left: 0;
    display: inline-flex;
    width: 27px;
    height: 27px;
    align-items: center;
    justify-content: center;
    color: var(--oms-submit-navy);
    background: rgba(215, 173, 85, 0.22);
    border: 1px solid rgba(185, 138, 49, 0.34);
    border-radius: 50%;
    font-size: 0.82rem;
    font-weight: 800;
}

/* Section and privacy cards */

body.pkp_page_about.pkp_op_submissions
.section_policy p,
body.pkp_page_about.pkp_op_submissions
.privacy_statement p {
    margin: 0 0 14px;
    color: var(--oms-submit-muted);
    line-height: 1.7;
}

body.pkp_page_about.pkp_op_submissions
.section_policy p:last-child,
body.pkp_page_about.pkp_op_submissions
.privacy_statement p:last-child {
    margin-bottom: 0;
}

body.pkp_page_about.pkp_op_submissions
.section_policy p:last-child a {
    display: inline-flex;
    margin-top: 8px;
    padding: 9px 14px;
    color: var(--oms-submit-white);
    background: var(--oms-submit-blue);
    border-radius: 9px;
    font-weight: 700;
    text-decoration: none;
}

body.pkp_page_about.pkp_op_submissions
.section_policy p:last-child a:hover,
body.pkp_page_about.pkp_op_submissions
.section_policy p:last-child a:focus {
    color: var(--oms-submit-white);
    background: var(--oms-submit-navy);
    text-decoration: none;
}

/* Responsive */

@media (max-width: 900px) {
    body.pkp_page_about.pkp_op_submissions .page_submissions {
        grid-template-columns: minmax(0, 1fr);
    }

    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .submission_checklist,
    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .section_policy,
    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .privacy_statement {
        grid-column: 1;
        grid-row: auto;
    }
}

@media (max-width: 600px) {
    body.pkp_page_about.pkp_op_submissions .pkp_structure_main {
        padding-top: 20px;
        padding-bottom: 36px;
    }

    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .cmp_notification,
    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .submission_checklist,
    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .section_policy,
    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .privacy_statement {
        padding: 22px 19px;
        border-radius: 14px;
    }

    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .cmp_notification a {
        display: flex;
        width: 100%;
        margin: 5px 0;
        text-align: center;
    }
}

/* === OIS MODERN SUBMISSIONS PAGE v1 END === */

/* === OIS MODERN SUBMISSIONS PAGE v1.1 START === */

/* Memadatkan keseluruhan halaman */

body.pkp_page_about.pkp_op_submissions
.page_submissions {
    gap: 18px 20px;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > h1::after {
    margin-top: 7px;
}

/* Memadatkan kartu utama */

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification {
    margin: 0 0 4px;
    padding: 24px 28px;
    border-radius: 17px;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification::before {
    margin-bottom: 12px;
    font-size: 1.34rem;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a {
    min-height: 43px;
    padding: 10px 18px;
}

/* Mengganti label tombol pending agar lebih konsisten */

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:last-of-type {
    font-size: 0;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:last-of-type::before {
    content: "View Your Pending Submissions";
    font-size: 0.91rem;
}

/* Menyamakan ukuran dan padding kartu isi */

body.pkp_page_about.pkp_op_submissions
.page_submissions > .submission_checklist,
body.pkp_page_about.pkp_op_submissions
.page_submissions > .section_policy,
body.pkp_page_about.pkp_op_submissions
.page_submissions > .privacy_statement {
    padding: 25px;
    border-radius: 15px;
}

/* Merapikan kartu Articles */

body.pkp_page_about.pkp_op_submissions
.page_submissions > .section_policy {
    position: relative;
    overflow: hidden;
    border-top: 4px solid var(--oms-submit-gold);
}

body.pkp_page_about.pkp_op_submissions
.section_policy p:last-child {
    margin-top: 18px;
    font-size: 0;
}

body.pkp_page_about.pkp_op_submissions
.section_policy p:last-child a {
    display: flex;
    width: 100%;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 10px 16px;
    font-size: 0;
    border-radius: 10px;
    box-shadow: 0 7px 16px rgba(11, 102, 135, 0.16);
}

body.pkp_page_about.pkp_op_submissions
.section_policy p:last-child a::before {
    content: "Submit an Article";
    font-size: 0.91rem;
    font-weight: 700;
}

/* Merapikan kartu Privacy Statement */

body.pkp_page_about.pkp_op_submissions
.page_submissions > .privacy_statement {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f7fafc 100%
        );
    border-top: 4px solid var(--oms-submit-blue);
}

body.pkp_page_about.pkp_op_submissions
.privacy_statement h2 {
    margin-bottom: 12px;
}

body.pkp_page_about.pkp_op_submissions
.privacy_statement p {
    font-size: 0.94rem;
    line-height: 1.65;
}

/* Memadatkan checklist */

body.pkp_page_about.pkp_op_submissions
.submission_checklist > p {
    margin-bottom: 12px;
}

body.pkp_page_about.pkp_op_submissions
.submission_checklist li {
    padding-top: 12px;
    padding-bottom: 12px;
}

body.pkp_page_about.pkp_op_submissions
.submission_checklist li::before {
    top: 12px;
}

/* Fokus keyboard lebih jelas */

body.pkp_page_about.pkp_op_submissions
.page_submissions a:focus-visible {
    outline: 3px solid rgba(215, 173, 85, 0.72);
    outline-offset: 3px;
}

/* Penyesuaian layar kecil */

@media (max-width: 600px) {
    body.pkp_page_about.pkp_op_submissions
    .page_submissions {
        gap: 15px;
    }

    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .cmp_notification {
        padding: 21px 18px;
    }

    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .submission_checklist,
    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .section_policy,
    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .privacy_statement {
        padding: 21px 18px;
    }
}

/* === OIS MODERN SUBMISSIONS PAGE v1.1 END === */
/* === CARAKA MODERN SUBMISSIONS OIS END === */

/* === CARAKA OIS SUBMISSIONS PALETTE START === */

/*
 * Open Islamic Studies
 * Emerald green, parchment, and scholarly gold.
 */
.page_submissions {
    --cj-primary: #07483b;
    --cj-primary-dark: #03362d;
    --cj-secondary: #2f7465;
    --cj-accent: #c8a457;
    --cj-accent-light: #f5ead0;
    --cj-surface-soft: #f7f5ef;
    --cj-border: #d8e3de;
    --cj-text: #102d27;
}

/* Judul halaman */
.page_submissions > h1,
.page_submissions h1 {
    color: var(--cj-primary-dark) !important;
}

/* Banner Submit Your Manuscript */
.page_submissions > .cmp_notification,
.page_submissions .cmp_notification {
    background:
        linear-gradient(
            118deg,
            var(--cj-primary-dark) 0%,
            var(--cj-primary) 52%,
            var(--cj-secondary) 100%
        ) !important;
    border-color: rgba(200, 164, 87, 0.45) !important;
}

/* Tombol utama pada banner */
.page_submissions .cmp_notification
a:first-of-type,
.page_submissions .cmp_notification
.cmp_button:first-of-type {
    background: var(--cj-accent) !important;
    border-color: var(--cj-accent) !important;
    color: #16362e !important;
}

/* Tombol kedua pada banner */
.page_submissions .cmp_notification
a:nth-of-type(2),
.page_submissions .cmp_notification
.cmp_button:nth-of-type(2) {
    background: rgba(255, 255, 255, 0.07) !important;
    border-color: rgba(255, 255, 255, 0.34) !important;
    color: #ffffff !important;
}

/* Semua kartu informasi */
.page_submissions .submission_checklist,
.page_submissions .section_policy,
.page_submissions .author_guidelines,
.page_submissions .copyright_notice,
.page_submissions .privacy_statement {
    border-color: var(--cj-border) !important;
}

/* Checklist */
.page_submissions .submission_checklist {
    border-top-color: var(--cj-primary) !important;
}

.page_submissions .submission_checklist
h2::before,
.page_submissions .submission_checklist
li::before {
    background-color: var(--cj-accent) !important;
    border-color: var(--cj-accent) !important;
}

/*
 * Kartu Articles:
 * menghapus warna OMS dan memperbaiki proporsinya.
 */
.page_submissions .section_policy {
    align-self: start !important;
    min-height: 0 !important;
    height: auto !important;
    background: #ffffff !important;
    border: 1px solid var(--cj-border) !important;
    border-top: 4px solid var(--cj-accent) !important;
    box-shadow:
        0 12px 30px rgba(3, 54, 45, 0.08) !important;
}

.page_submissions .section_policy h2 {
    color: var(--cj-primary-dark) !important;
}

.page_submissions .section_policy h2::before {
    background-color: var(--cj-accent) !important;
    box-shadow:
        0 0 0 6px var(--cj-accent-light) !important;
}

.page_submissions .section_policy p {
    color: #62736e !important;
}

/* Tombol Submit an Article */
.page_submissions .section_policy
a,
.page_submissions .section_policy
.cmp_button {
    width: 100% !important;
    background:
        linear-gradient(
            135deg,
            var(--cj-primary) 0%,
            var(--cj-secondary) 100%
        ) !important;
    border-color: var(--cj-primary) !important;
    color: #ffffff !important;
    box-shadow:
        0 8px 18px rgba(7, 72, 59, 0.18) !important;
}

.page_submissions .section_policy
a:hover,
.page_submissions .section_policy
.cmp_button:hover {
    background: var(--cj-primary-dark) !important;
    border-color: var(--cj-primary-dark) !important;
    color: #ffffff !important;
}

/* Kartu lain pada kolom kanan */
.page_submissions .author_guidelines,
.page_submissions .copyright_notice,
.page_submissions .privacy_statement {
    border-top-color: var(--cj-primary) !important;
}

.page_submissions a {
    text-decoration-color: var(--cj-accent) !important;
}

/* === CARAKA OIS SUBMISSIONS PALETTE END === */



/* === CARAKA MATCH OMS SUBMISSIONS START === */

/*
 * Sama dengan OMS:
 * kartu Articles hanya menampilkan informasi section.
 */
body.pkp_page_about.pkp_op_submissions
.page_submissions > .section_policy
p:has(a[href*="/submission"]) {
    display: none !important;
}

/* Fallback untuk bentuk URL OJS lainnya. */
body.pkp_page_about.pkp_op_submissions
.page_submissions > .section_policy
p:has(a[href*="page=submission"]) {
    display: none !important;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .section_policy {
    padding-bottom: 25px;
}

body.pkp_page_about.pkp_op_submissions
.page_submissions > .section_policy p:last-of-type {
    margin-bottom: 0;
}

/*
 * Menyembunyikan text node "or" dan titik bawaan OJS.
 */
body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification {
    font-size: 0 !important;
}

/* Tombol pertama tetap memakai teks asli OJS. */
body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:first-of-type {
    font-size: 0.94rem !important;
}

/*
 * Teks asli tombol kedua disembunyikan.
 * Ini mencegah View Your Pending Submissions tampil rangkap.
 */
body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:last-of-type {
    position: relative;
    margin-left: 38px;
    font-size: 0 !important;
}

/* Menampilkan satu label tombol pending. */
body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:last-of-type::before {
    content: "View Your Pending Submissions" !important;
    display: inline !important;
    font-size: 0.91rem !important;
    font-weight: 700;
}

/* Menampilkan kembali kata "or", tanpa titik. */
body.pkp_page_about.pkp_op_submissions
.page_submissions > .cmp_notification a:last-of-type::after {
    content: "or" !important;
    position: absolute;
    top: 50%;
    right: calc(100% + 14px);
    display: block !important;
    color: #dcebf2;
    font-size: 0.94rem !important;
    font-weight: 400;
    line-height: 1;
    transform: translateY(-50%);
}

@media (max-width: 600px) {
    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .cmp_notification a:last-of-type {
        margin-top: 27px;
        margin-left: 0;
    }

    body.pkp_page_about.pkp_op_submissions
    .page_submissions > .cmp_notification a:last-of-type::after {
        top: -18px;
        right: 50%;
        transform: translateX(50%);
    }
}

/* === CARAKA MATCH OMS SUBMISSIONS END === */

/* === CARAKA OIS EDITORIAL BOARD START === */

body.pkp_page_editorial-board {
    --ois-board-primary: #07483b;
    --ois-board-dark: #03362d;
    --ois-board-secondary: #2f7465;
    --ois-board-gold: #c8a457;
    --ois-board-gold-soft: #f5ead0;
    --ois-board-surface: #f7f8f5;
    --ois-board-border: #d8e3de;
    --ois-board-text: #16362f;
    --ois-board-muted: #687873;
}

body.pkp_page_editorial-board .page_title {
    position: relative;
    margin-bottom: 28px;
    padding-bottom: 18px;
    color: var(--ois-board-dark);
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 800;
    letter-spacing: -0.035em;
}

body.pkp_page_editorial-board .page_title::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 72px;
    height: 4px;
    border-radius: 999px;
    background: var(--ois-board-gold);
    content: "";
}

body.pkp_page_editorial-board .ois-board {
    color: var(--ois-board-text);
}

body.pkp_page_editorial-board .ois-board *,
body.pkp_page_editorial-board .ois-board *::before,
body.pkp_page_editorial-board .ois-board *::after {
    box-sizing: border-box;
}

body.pkp_page_editorial-board .ois-board__intro {
    position: relative;
    overflow: hidden;
    margin-bottom: 42px;
    padding: clamp(30px, 5vw, 52px);
    border: 1px solid rgba(200, 164, 87, 0.42);
    border-radius: 24px;
    background:
        radial-gradient(
            circle at 92% 10%,
            rgba(200, 164, 87, 0.22),
            transparent 29%
        ),
        linear-gradient(
            125deg,
            var(--ois-board-dark) 0%,
            var(--ois-board-primary) 58%,
            var(--ois-board-secondary) 100%
        );
    box-shadow: 0 22px 48px rgba(3, 54, 45, 0.15);
    color: #fff;
}

body.pkp_page_editorial-board .ois-board__intro::after {
    position: absolute;
    right: -68px;
    bottom: -88px;
    width: 230px;
    height: 230px;
    border: 1px solid rgba(255, 255, 255, 0.13);
    border-radius: 50%;
    content: "";
}

body.pkp_page_editorial-board .ois-board__eyebrow,
body.pkp_page_editorial-board .ois-board__label {
    display: block;
    margin-bottom: 8px;
    color: var(--ois-board-gold);
    font-size: 0.72rem;
    font-weight: 800;
    letter-spacing: 0.16em;
    line-height: 1.4;
    text-transform: uppercase;
}

body.pkp_page_editorial-board .ois-board__intro h2 {
    position: relative;
    z-index: 1;
    margin: 0 0 15px;
    color: #fff;
    font-size: clamp(1.65rem, 3vw, 2.5rem);
    font-weight: 800;
    letter-spacing: -0.03em;
    line-height: 1.15;
}

body.pkp_page_editorial-board .ois-board__intro p {
    position: relative;
    z-index: 1;
    max-width: 760px;
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 1rem;
    line-height: 1.75;
}

body.pkp_page_editorial-board .ois-board__highlights {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 25px;
}

body.pkp_page_editorial-board .ois-board__highlights span {
    padding: 8px 13px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #fff;
    font-size: 0.76rem;
    font-weight: 700;
}

body.pkp_page_editorial-board .ois-board__section {
    margin: 0 0 45px;
}

body.pkp_page_editorial-board .ois-board__section-heading {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 20px;
}

body.pkp_page_editorial-board .ois-board__number {
    display: grid;
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    place-items: center;
    border: 1px solid rgba(200, 164, 87, 0.42);
    border-radius: 15px;
    background: var(--ois-board-gold-soft);
    color: var(--ois-board-primary);
    font-size: 0.8rem;
    font-weight: 800;
}

body.pkp_page_editorial-board
.ois-board__section-heading
.ois-board__label {
    margin: 0 0 2px;
    color: var(--ois-board-secondary);
    font-size: 0.65rem;
}

body.pkp_page_editorial-board .ois-board__section-heading h2 {
    margin: 0;
    color: var(--ois-board-dark);
    font-size: 1.38rem;
    font-weight: 800;
    letter-spacing: -0.02em;
}

body.pkp_page_editorial-board .ois-board__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

body.pkp_page_editorial-board .ois-board__grid--chief {
    grid-template-columns: minmax(0, 1fr);
}

body.pkp_page_editorial-board .ois-board__member {
    position: relative;
    display: flex;
    min-width: 0;
    min-height: 230px;
    flex-direction: column;
    padding: 26px;
    border: 1px solid var(--ois-board-border);
    border-top: 4px solid var(--ois-board-secondary);
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(3, 54, 45, 0.07);
    transition:
        transform 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

body.pkp_page_editorial-board .ois-board__member:hover {
    border-color: rgba(200, 164, 87, 0.65);
    transform: translateY(-3px);
    box-shadow: 0 18px 38px rgba(3, 54, 45, 0.12);
}

body.pkp_page_editorial-board .ois-board__member--chief {
    min-height: 0;
    padding: clamp(27px, 4vw, 38px);
    border-top-color: var(--ois-board-gold);
    background:
        linear-gradient(
            115deg,
            #fff 0%,
            #fff 72%,
            var(--ois-board-gold-soft) 100%
        );
}

body.pkp_page_editorial-board .ois-board__role {
    align-self: flex-start;
    margin-bottom: 15px;
    padding: 7px 11px;
    border-radius: 999px;
    background: var(--ois-board-primary);
    color: #fff;
    font-size: 0.69rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

body.pkp_page_editorial-board .ois-board__member h3 {
    margin: 0 0 10px;
    color: var(--ois-board-dark);
    font-size: 1.08rem;
    font-weight: 800;
    line-height: 1.38;
}

body.pkp_page_editorial-board .ois-board__member--chief h3 {
    font-size: clamp(1.3rem, 2.4vw, 1.75rem);
}

body.pkp_page_editorial-board .ois-board__institution {
    margin: 0 0 5px;
    color: var(--ois-board-text);
    font-size: 0.93rem;
    line-height: 1.55;
}

body.pkp_page_editorial-board .ois-board__country {
    margin: 0 0 22px;
    color: var(--ois-board-muted);
    font-size: 0.84rem;
    font-weight: 700;
}

body.pkp_page_editorial-board .ois-board__identifiers {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: auto;
}

body.pkp_page_editorial-board .ois-board__id {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    padding: 8px 11px;
    border: 1px solid var(--ois-board-border);
    border-radius: 9px;
    background: var(--ois-board-surface);
    color: var(--ois-board-primary);
    font-size: 0.7rem;
    line-height: 1.25;
    text-decoration: none;
    overflow-wrap: anywhere;
}

body.pkp_page_editorial-board .ois-board__id strong {
    font-weight: 800;
}

body.pkp_page_editorial-board .ois-board__id--scopus {
    border-color: #f0d2b8;
    background: #fff7ef;
    color: #a44c0b;
}

body.pkp_page_editorial-board .ois-board__id--orcid {
    border-color: #d5e8b6;
    background: #f5faeb;
    color: #4d7415;
}

body.pkp_page_editorial-board .ois-board__id:hover,
body.pkp_page_editorial-board .ois-board__id:focus {
    border-color: var(--ois-board-gold);
    box-shadow: 0 0 0 3px rgba(200, 164, 87, 0.17);
    text-decoration: none;
}

@media (max-width: 760px) {
    body.pkp_page_editorial-board .ois-board__grid {
        grid-template-columns: minmax(0, 1fr);
    }

    body.pkp_page_editorial-board .ois-board__member {
        min-height: 0;
    }
}

@media (max-width: 520px) {
    body.pkp_page_editorial-board .ois-board__intro {
        padding: 27px 22px;
        border-radius: 18px;
    }

    body.pkp_page_editorial-board .ois-board__section {
        margin-bottom: 36px;
    }

    body.pkp_page_editorial-board .ois-board__member {
        padding: 22px;
        border-radius: 15px;
    }

    body.pkp_page_editorial-board .ois-board__identifiers {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
    }

    body.pkp_page_editorial-board .ois-board__id {
        width: 100%;
    }
}

/* === CARAKA OIS EDITORIAL BOARD END === */


/* === CARAKA OIS EDITORIAL BOARD COMPACT START === */

/* Judul halaman lebih ringkas. */
body.pkp_page_editorial-board .page_title {
    margin-bottom: 20px;
    padding-bottom: 12px;
    font-size: clamp(1.75rem, 3vw, 2.35rem);
}

/* Banner pengantar lebih pendek. */
body.pkp_page_editorial-board .ois-board__intro {
    margin-bottom: 28px;
    padding: clamp(24px, 3.5vw, 34px);
    border-radius: 18px;
}

body.pkp_page_editorial-board .ois-board__intro h2 {
    margin-bottom: 10px;
    font-size: clamp(1.45rem, 2.5vw, 2rem);
}

body.pkp_page_editorial-board .ois-board__intro p {
    font-size: 0.94rem;
    line-height: 1.6;
}

body.pkp_page_editorial-board .ois-board__highlights {
    gap: 7px;
    margin-top: 17px;
}

body.pkp_page_editorial-board .ois-board__highlights span {
    padding: 6px 11px;
    font-size: 0.7rem;
}

/* Jarak antarkawasan diperkecil. */
body.pkp_page_editorial-board .ois-board__section {
    margin-bottom: 28px;
}

body.pkp_page_editorial-board .ois-board__section-heading {
    gap: 11px;
    margin-bottom: 13px;
}

body.pkp_page_editorial-board .ois-board__number {
    flex-basis: 40px;
    width: 40px;
    height: 40px;
    border-radius: 12px;
}

body.pkp_page_editorial-board .ois-board__section-heading h2 {
    font-size: 1.2rem;
}

/* Grid menyesuaikan ruang secara otomatis */
body.pkp_page_editorial-board .ois-board__grid {
    grid-template-columns: repeat(auto-fit, minmax(min(260px, 100%), 1fr));
    align-items: start;
    gap: 13px;
}

body.pkp_page_editorial-board .ois-board__grid--chief {
    grid-template-columns: minmax(0, 1fr);
}

/* Kartu */
body.pkp_page_editorial-board .ois-board__member {
    min-height: 0;
    padding: 19px 20px;
    border-radius: 14px;
    box-shadow: 0 7px 20px rgba(3, 54, 45, 0.06);
}

body.pkp_page_editorial-board .ois-board__member--chief {
    padding: 23px 25px;
}

body.pkp_page_editorial-board .ois-board__role {
    margin-bottom: 10px;
    padding: 5px 9px;
    font-size: 0.64rem;
}

body.pkp_page_editorial-board .ois-board__member h3 {
    margin-bottom: 7px;
    font-size: 1rem;
    line-height: 1.32;
}

body.pkp_page_editorial-board .ois-board__member--chief h3 {
    font-size: clamp(1.2rem, 2vw, 1.5rem);
}

body.pkp_page_editorial-board .ois-board__institution {
    margin-bottom: 3px;
    font-size: 0.87rem;
    line-height: 1.45;
}

/* CSS Modifikasi untuk Bendera & Negara */
body.pkp_page_editorial-board .ois-board__country {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    font-size: 0.78rem;
}

body.pkp_page_editorial-board .ois-board__country .fi {
    font-size: 1.2em;
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

/* Identifiers */
body.pkp_page_editorial-board .ois-board__identifiers {
    gap: 6px;
    margin-top: 5px;
}

body.pkp_page_editorial-board .ois-board__id {
    gap: 4px;
    padding: 6px 8px;
    border-radius: 7px;
    font-size: 0.64rem;
}

body.pkp_page_editorial-board .ois-board__member:hover {
    transform: translateY(-2px);
}

@media (max-width: 520px) {
    body.pkp_page_editorial-board .ois-board__intro {
        margin-bottom: 23px;
        padding: 22px 19px;
    }

    body.pkp_page_editorial-board .ois-board__section {
        margin-bottom: 24px;
    }

    body.pkp_page_editorial-board .ois-board__member,
    body.pkp_page_editorial-board .ois-board__member--chief {
        padding: 18px;
    }
}

/* === CARAKA OIS EDITORIAL BOARD COMPACT END === */

/* =========================================================
   OIS COUNTRY FLAGS — BEGIN
   Bendera Editorial Board Open Islamic Studies
   ========================================================= */

.ois-board__country {
    display: flex;
    align-items: center;
    gap: 8px;
}

.ois-board__country::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 16px;
    flex: 0 0 24px;
    border: 1px solid rgba(20, 63, 52, 0.16);
    border-radius: 3px;
    background-color: #ffffff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    box-shadow: 0 1px 3px rgba(20, 63, 52, 0.08);
}

.ois-board__country--id::before {
    background-image: url("/public/site/images/flags/id.svg");
}

.ois-board__country--my::before {
    background-image: url("/public/site/images/flags/my.svg");
}

.ois-board__country--bn::before {
    background-image: url("/public/site/images/flags/bn.svg");
}

.ois-board__country--jp::before {
    background-image: url("/public/site/images/flags/jp.svg");
}

.ois-board__country--cn::before {
    background-image: url("/public/site/images/flags/cn.svg");
}

.ois-board__country--lb::before {
    background-image: url("/public/site/images/flags/lb.svg");
}

.ois-board__country--iq::before {
    background-image: url("/public/site/images/flags/iq.svg");
}

.ois-board__country--ir::before {
    background-image: url("/public/site/images/flags/ir.svg");
}

.ois-board__country--uz::before {
    background-image: url("/public/site/images/flags/uz.svg");
}

.ois-board__country--ru::before {
    background-image: url("/public/site/images/flags/ru.svg");
}

@media (max-width: 640px) {
    .ois-board__country {
        gap: 7px;
    }

    .ois-board__country::before {
        width: 22px;
        height: 15px;
        flex-basis: 22px;
    }
}

/* =========================================================
   OIS COUNTRY FLAGS — END
   ========================================================= */

/* ==========================================================
   CARAKA STATIC PAGE ELEGANT CARD
   OIS - Open Islamic Studies
   V2 - OJS 3.5 actual DOM
   ========================================================== */

/*
 * Static Pages OJS 3.5 menggunakan elemen:
 * class="page"
 *
 * Selector [class="page"] sengaja dipakai agar tidak mengenai
 * halaman OJS lain yang biasanya memiliki class tambahan.
 */


/* ----------------------------------------------------------
   STATIC PAGE CARD
   ---------------------------------------------------------- */

body.pkp_op_index
.pkp_structure_main div[class="page"] {

    box-sizing: border-box;

    margin-top: 18px;
    margin-bottom: 30px;

    padding: 30px 34px 32px;

    background: #ffffff;

    border: 1px solid rgba(19, 58, 87, 0.20);
    border-radius: 10px;

    box-shadow:
        0 1px 2px rgba(15, 35, 55, 0.025),
        0 6px 20px rgba(15, 35, 55, 0.045);

    color: #263746;
}


/* ----------------------------------------------------------
   PAGE TITLE
   ---------------------------------------------------------- */

body.pkp_op_index
.pkp_structure_main div[class="page"] > h1:first-child,

body.pkp_op_index
.pkp_structure_main div[class="page"] > h2:first-child {

    margin-top: 0;
    margin-bottom: 22px;

    padding-bottom: 14px;

    border-bottom: 1px solid rgba(19, 58, 87, 0.13);

    color: #173a55;

    line-height: 1.30;
}


/* ----------------------------------------------------------
   PARAGRAPHS
   ---------------------------------------------------------- */

body.pkp_op_index
.pkp_structure_main div[class="page"] p {

    margin-top: 0;
    margin-bottom: 15px;

    line-height: 1.70;
}


/* ----------------------------------------------------------
   SECTION HEADINGS
   ---------------------------------------------------------- */

body.pkp_op_index
.pkp_structure_main div[class="page"] h2,

body.pkp_op_index
.pkp_structure_main div[class="page"] h3,

body.pkp_op_index
.pkp_structure_main div[class="page"] h4 {

    color: #183b56;
    line-height: 1.38;
}


body.pkp_op_index
.pkp_structure_main div[class="page"] h2 {

    margin-top: 28px;
    margin-bottom: 12px;
}


body.pkp_op_index
.pkp_structure_main div[class="page"] h3 {

    margin-top: 24px;
    margin-bottom: 10px;
}


body.pkp_op_index
.pkp_structure_main div[class="page"] h4 {

    margin-top: 20px;
    margin-bottom: 9px;
}


/* ----------------------------------------------------------
   LISTS
   ---------------------------------------------------------- */

body.pkp_op_index
.pkp_structure_main div[class="page"] ul,

body.pkp_op_index
.pkp_structure_main div[class="page"] ol {

    margin-top: 8px;
    margin-bottom: 16px;

    padding-left: 25px;
}


body.pkp_op_index
.pkp_structure_main div[class="page"] li {

    margin-bottom: 6px;

    line-height: 1.65;
}


/* ----------------------------------------------------------
   LINKS
   ---------------------------------------------------------- */

body.pkp_op_index
.pkp_structure_main div[class="page"] a {

    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}


/* ----------------------------------------------------------
   HORIZONTAL LINE
   ---------------------------------------------------------- */

body.pkp_op_index
.pkp_structure_main div[class="page"] hr {

    margin: 25px 0;

    border: 0;
    border-top: 1px solid rgba(19, 58, 87, 0.12);
}


/* ----------------------------------------------------------
   TABLES
   ---------------------------------------------------------- */

body.pkp_op_index
.pkp_structure_main div[class="page"] table {

    width: 100%;

    margin: 20px 0;

    border-collapse: collapse;
}


body.pkp_op_index
.pkp_structure_main div[class="page"] th {

    background: rgba(19, 58, 87, 0.055);

    color: #173a55;

    font-weight: 700;
}


body.pkp_op_index
.pkp_structure_main div[class="page"] th,

body.pkp_op_index
.pkp_structure_main div[class="page"] td {

    padding: 10px 12px;

    border: 1px solid rgba(19, 58, 87, 0.13);

    vertical-align: top;
}


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

@media (max-width: 768px) {

    body.pkp_op_index
    .pkp_structure_main div[class="page"] {

        margin-top: 12px;
        margin-bottom: 22px;

        padding: 22px 20px 24px;

        border-radius: 8px;
    }

    body.pkp_op_index
    .pkp_structure_main div[class="page"] > h1:first-child,

    body.pkp_op_index
    .pkp_structure_main div[class="page"] > h2:first-child {

        margin-bottom: 18px;
        padding-bottom: 12px;
    }

}


/* ==========================================================
   END CARAKA STATIC PAGE ELEGANT CARD
   ========================================================== */


/* ==========================================================
   CARAKA STATIC PAGE JUSTIFIED TEXT
   ========================================================== */

/*
 * Rata kanan-kiri hanya untuk isi teks Static Pages.
 * Heading tetap rata kiri.
 */

body.pkp_op_index
.pkp_structure_main div[class="page"] p {

    text-align: justify;
    text-justify: inter-word;
}


body.pkp_op_index
.pkp_structure_main div[class="page"] li {

    text-align: justify;
    text-justify: inter-word;
}


/* Heading dan judul tetap rata kiri */

body.pkp_op_index
.pkp_structure_main div[class="page"] h1,

body.pkp_op_index
.pkp_structure_main div[class="page"] h2,

body.pkp_op_index
.pkp_structure_main div[class="page"] h3,

body.pkp_op_index
.pkp_structure_main div[class="page"] h4 {

    text-align: left;
}


/* Tabel tetap natural agar mudah dibaca */

body.pkp_op_index
.pkp_structure_main div[class="page"] th,

body.pkp_op_index
.pkp_structure_main div[class="page"] td {

    text-align: left;
}


/* ==========================================================
   END CARAKA STATIC PAGE JUSTIFIED TEXT
   ========================================================== */


/* ==========================================================
   CARAKA SOFT ACADEMIC UI — SOFT NAVIGATION + DROPDOWN FINAL v1.3 START
   JOURNAL: OPEN ISLAMIC STUDIES

   Scope:
   - Desktop navigation
   - Dropdown navigation
   - User/account navigation
   - No mobile structural modification
   - No OJS core modification
   ========================================================== */

:root {
    --caraka-ui-nav-radius: 9px;
    --caraka-ui-dropdown-radius: 12px;

    --caraka-ui-motion:
        170ms cubic-bezier(.2, .7, .2, 1);

    --caraka-ui-shadow-hover:
        0 5px 14px rgba(3, 47, 39, .09);

    --caraka-ui-shadow-dropdown:
        0 14px 32px rgba(3, 47, 39, .12);
}


/* ==========================================================
   DESKTOP PRIMARY NAVIGATION
   ========================================================== */

@media (min-width: 992px) {

    .pkp_navigation_primary > li > a {

        margin: 6px 2px 5px;

        padding:
            11px
            12px
            10px;

        border-bottom:
            0 !important;

        border-radius:
            var(--caraka-ui-nav-radius);

        transition:
            background-color var(--caraka-ui-motion),
            color var(--caraka-ui-motion),
            box-shadow var(--caraka-ui-motion),
            transform var(--caraka-ui-motion);
    }


    .pkp_navigation_primary > li > a:hover,
    .pkp_navigation_primary > li > a:focus {

        color:
            #075642;

        background:
            rgba(11, 107, 81, .095);

        box-shadow:
            inset 0 0 0 1px rgba(11, 107, 81, .12),
            var(--caraka-ui-shadow-hover);

        transform:
            translateY(-1px);
    }


    .pkp_navigation_primary > li > a:focus-visible {

        outline:
            2px solid rgba(184, 149, 82, .85);

        outline-offset:
            2px;
    }


    .pkp_navigation_primary
    > li
    > a[aria-current="page"] {

        background:
            rgba(11, 107, 81, .075);

        box-shadow:
            inset 0 0 0 1px rgba(11, 107, 81, .10);
    }


    /* ======================================================
       DROPDOWN FLOATING PANEL
       ====================================================== */

    #navigationPrimary.pkp_navigation_primary ul {

        padding:
            7px !important;

        background:
            #ffffff !important;

        background-image:
            none !important;

        border:
            1px solid rgba(11, 107, 81, .10) !important;

        border-radius:
            var(--caraka-ui-dropdown-radius) !important;

        box-shadow:
            var(--caraka-ui-shadow-dropdown) !important;

        backdrop-filter:
            none !important;

        -webkit-backdrop-filter:
            none !important;

        overflow:
            hidden;
    }


    #navigationPrimary.pkp_navigation_primary ul li {

        margin:
            1px 0 !important;

        padding:
            0 !important;

        border:
            0 !important;

        background:
            transparent !important;

        background-image:
            none !important;
    }


    #navigationPrimary.pkp_navigation_primary ul li > a {

        display:
            block;

        margin:
            0 !important;

        padding:
            9px 11px !important;

        color:
            #155f49;

        background:
            transparent !important;

        background-image:
            none !important;

        border:
            0 !important;

        border-left:
            0 !important;

        border-bottom:
            0 !important;

        border-radius:
            8px !important;

        box-shadow:
            none !important;

        text-decoration:
            none !important;

        transition:
            background-color var(--caraka-ui-motion),
            color var(--caraka-ui-motion),
            box-shadow var(--caraka-ui-motion),
            transform var(--caraka-ui-motion);
    }


    #navigationPrimary.pkp_navigation_primary ul li > a:hover,
    #navigationPrimary.pkp_navigation_primary ul li > a:focus {

        color:
            #075642 !important;

        background:
            rgba(11, 107, 81, .095) !important;

        border:
            0 !important;

        border-left:
            0 !important;

        box-shadow:
            inset 0 0 0 1px
            rgba(11, 107, 81, .10) !important;

        transform:
            translateX(2px);
    }


    #navigationPrimary.pkp_navigation_primary ul li > a::before,
    #navigationPrimary.pkp_navigation_primary ul li > a::after {

        border:
            0 !important;
    }


    #navigationPrimary.pkp_navigation_primary ul li > a:focus-visible {

        outline:
            2px solid rgba(184, 149, 82, .80);

        outline-offset:
            -1px;
    }


    /* ======================================================
       USER / ACCOUNT NAVIGATION
       ====================================================== */

    .pkp_navigation_user > li > a {

        border-radius:
            var(--caraka-ui-nav-radius) !important;

        box-shadow:
            0 3px 12px rgba(3, 47, 39, .12);

        transition:
            background-color var(--caraka-ui-motion),
            color var(--caraka-ui-motion),
            box-shadow var(--caraka-ui-motion),
            transform var(--caraka-ui-motion);
    }


    .pkp_navigation_user > li > a:hover,
    .pkp_navigation_user > li > a:focus {

        background:
            #ffffff;

        color:
            #075642;

        box-shadow:
            0 6px 18px rgba(3, 47, 39, .15);

        transform:
            translateY(-1px);
    }


    .pkp_navigation_user > li > a:focus-visible {

        outline:
            2px solid rgba(184, 149, 82, .85);

        outline-offset:
            2px;
    }
}


/* Respect accessibility setting */

@media
    (min-width: 992px)
    and (prefers-reduced-motion: reduce) {

    .pkp_navigation_primary > li > a:hover,
    .pkp_navigation_primary > li > a:focus,

    #navigationPrimary.pkp_navigation_primary
    ul li > a:hover,

    #navigationPrimary.pkp_navigation_primary
    ul li > a:focus,

    .pkp_navigation_user > li > a:hover,
    .pkp_navigation_user > li > a:focus {

        transform:
            none;
    }
}


/* ==========================================================
   CARAKA SOFT ACADEMIC UI — SOFT NAVIGATION + DROPDOWN FINAL v1.3 END
   ========================================================== */


/* ==========================================================
   CARAKA SOFT ACADEMIC UI — URBANIST NAVIGATION v2.0 START
   ========================================================== */

.pkp_navigation_primary,
.pkp_navigation_primary a,
.pkp_navigation_user,
.pkp_navigation_user a,
.pkp_navigation_search_wrapper,
.pkp_navigation_search_wrapper .pkp_search {

    font-family:
        "Urbanist",
        "Noto Sans",
        "Segoe UI",
        Arial,
        sans-serif !important;
}

/* ==========================================================
   CARAKA SOFT ACADEMIC UI — URBANIST NAVIGATION v2.0 END
   ========================================================== */

/* ==========================================================
   CARAKA SOFT ACADEMIC UI — URBANIST HEADINGS v2.1 START
   ========================================================== */

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4,
.pkp_structure_main h5,
.pkp_structure_main h6 {

    font-family:
        "Urbanist",
        "Noto Sans",
        "Segoe UI",
        Arial,
        sans-serif !important;

    letter-spacing:
        -0.01em;
}

.pkp_structure_main > h1,
.pkp_structure_main .page_title {

    font-family:
        "Urbanist",
        "Noto Sans",
        "Segoe UI",
        Arial,
        sans-serif !important;

    font-weight:
        700;
}

.obj_article_summary .title,
.obj_article_summary .title a,
.obj_article_details .page_title,
.obj_issue_toc .heading,
.obj_issue_toc .title {

    font-family:
        "Urbanist",
        "Noto Sans",
        "Segoe UI",
        Arial,
        sans-serif !important;
}

body.pkp_op_index
.pkp_structure_main
div[class="page"]
h1,

body.pkp_op_index
.pkp_structure_main
div[class="page"]
h2,

body.pkp_op_index
.pkp_structure_main
div[class="page"]
h3,

body.pkp_op_index
.pkp_structure_main
div[class="page"]
h4 {

    font-family:
        "Urbanist",
        "Noto Sans",
        "Segoe UI",
        Arial,
        sans-serif !important;
}

/* ==========================================================
   CARAKA SOFT ACADEMIC UI — URBANIST HEADINGS v2.1 END
   ========================================================== */

/* ==========================================================
   CARAKA SOFT ACADEMIC UI — USER ACCOUNT SOFT DROPDOWN v1.0 START
   JOURNAL: OPEN ISLAMIC STUDIES
   ========================================================== */

@media (min-width: 992px) {

    #navigationUser.pkp_navigation_user
    > li
    > a {

        min-height: 32px;
        padding: 6px 11px !important;

        background:
            rgba(255,255,255,.96) !important;

        border:
            1px solid rgba(11,107,81,.12) !important;

        border-radius:
            9px !important;

        color:
            var(--oms-navy) !important;

        box-shadow:
            0 3px 12px rgba(11,107,81,.10) !important;
    }


    #navigationUser.pkp_navigation_user
    > li
    > a:hover,

    #navigationUser.pkp_navigation_user
    > li
    > a:focus {

        background:
            #ffffff !important;

        color:
            #075642 !important;

        box-shadow:
            inset 0 0 0 1px rgba(11,107,81,.10),
            0 6px 18px rgba(11,107,81,.12) !important;

        transform:
            translateY(-1px);
    }


    /* Task-count badge */

    #navigationUser.pkp_navigation_user
    > li
    > a
    .task_count {

        width: 20px;
        height: 20px;
        margin-left: 6px;

        background:
            rgba(11,107,81,.10);

        color:
            #075642;

        border:
            1px solid rgba(11,107,81,.08);

        border-radius:
            50%;

        line-height:
            18px;

        font-size:
            11px;

        font-weight:
            700;

        box-shadow:
            none;
    }


    /* Floating account panel */

    #navigationUser.pkp_navigation_user
    > li
    > ul {

        width:
            176px !important;

        min-width:
            176px;

        padding:
            7px !important;

        background:
            #ffffff !important;

        background-image:
            none !important;

        border:
            1px solid rgba(11,107,81,.10) !important;

        border-radius:
            12px !important;

        box-shadow:
            0 14px 32px rgba(11,107,81,.12) !important;

        overflow:
            hidden;

        box-sizing:
            border-box;
    }


    #navigationUser.pkp_navigation_user
    > li:hover
    > ul {

        position:
            absolute;

        top:
            0;

        left:
            auto !important;

        right:
            0 !important;

        transform:
            translate3d(0,34px,0) !important;

        will-change:
            transform;
    }


    #navigationUser.pkp_navigation_user
    > li
    > ul
    > li {

        display:
            block;

        margin:
            1px 0 !important;

        padding:
            0 !important;

        border:
            0 !important;

        background:
            transparent !important;
    }


    #navigationUser.pkp_navigation_user
    > li
    > ul
    > li
    > a {

        display:
            block;

        margin:
            0 !important;

        padding:
            9px 11px !important;

        background:
            transparent !important;

        border:
            0 !important;

        border-left:
            0 !important;

        border-radius:
            8px !important;

        color:
            #155f49 !important;

        box-shadow:
            none !important;

        text-decoration:
            none !important;

        transition:
            background-color 170ms cubic-bezier(.2,.7,.2,1),
            color 170ms cubic-bezier(.2,.7,.2,1),
            box-shadow 170ms cubic-bezier(.2,.7,.2,1),
            transform 170ms cubic-bezier(.2,.7,.2,1);
    }


    #navigationUser.pkp_navigation_user
    > li
    > ul
    > li
    > a:hover,

    #navigationUser.pkp_navigation_user
    > li
    > ul
    > li
    > a:focus {

        background:
            rgba(11,107,81,.095) !important;

        color:
            #075642 !important;

        border:
            0 !important;

        border-left:
            0 !important;

        box-shadow:
            inset 0 0 0 1px
            rgba(11,107,81,.10) !important;

        transform:
            translateX(2px);
    }


    #navigationUser.pkp_navigation_user
    > li
    > ul
    > li
    > a:focus-visible {

        outline:
            2px solid rgba(184,149,82,.80);

        outline-offset:
            -1px;
    }
}


/* Reduced motion */

@media
    (min-width: 992px)
    and (prefers-reduced-motion: reduce) {

    #navigationUser.pkp_navigation_user
    > li
    > a:hover,

    #navigationUser.pkp_navigation_user
    > li
    > a:focus,

    #navigationUser.pkp_navigation_user
    > li
    > ul
    > li
    > a:hover,

    #navigationUser.pkp_navigation_user
    > li
    > ul
    > li
    > a:focus {

        transform:
            none;
    }
}

/* ==========================================================
   CARAKA SOFT ACADEMIC UI — USER ACCOUNT SOFT DROPDOWN v1.0 END
   ========================================================== */

/* =========================================================
   CARAKA ISSUE TOC COMPACT FIX v1.0 START
   Homepage Current Issue + Full Issue View
   ========================================================= */


/* ---------------------------------------------------------
   1. HOMEPAGE - Published to Articles spacing
   --------------------------------------------------------- */

body.pkp_page_index.pkp_op_index
.current_issue
.obj_issue_toc
.sections:not(:first-child) {
    margin-top: 0 !important;
}

body.pkp_page_index.pkp_op_index
.current_issue
.obj_issue_toc
.published {
    margin-bottom: 8px !important;
}

body.pkp_page_index.pkp_op_index
.current_issue
.obj_issue_toc
.section {
    margin-top: 0 !important;
    padding-top: 14px !important;
}


/* ---------------------------------------------------------
   2. HOMEPAGE - Keep divider line inside card
   --------------------------------------------------------- */

@media (min-width: 992px) {
    body.pkp_page_index.pkp_op_index
    .current_issue
    .obj_issue_toc
    .section::before {
        left: 6px !important;
        width: calc(100% - 12px) !important;
    }
}


/* ---------------------------------------------------------
   3. FULL ISSUE VIEW - Published to Articles spacing
   --------------------------------------------------------- */

body.pkp_page_issue.pkp_op_view
.obj_issue_toc
.sections:not(:first-child) {
    margin-top: 0 !important;
}

body.pkp_page_issue.pkp_op_view
.obj_issue_toc
.published {
    margin-bottom: 8px !important;
}

body.pkp_page_issue.pkp_op_view
.obj_issue_toc
.section {
    margin-top: 0 !important;
    padding-top: 14px !important;
}


/* ---------------------------------------------------------
   4. FULL ISSUE VIEW - Keep divider line inside card
   --------------------------------------------------------- */

@media (min-width: 992px) {
    body.pkp_page_issue.pkp_op_view
    .obj_issue_toc
    .section::before {
        left: 6px !important;
        width: calc(100% - 12px) !important;
    }
}


/* =========================================================
   CARAKA ISSUE TOC COMPACT FIX v1.0 END
   ========================================================= */


/* =========================================================
   CARAKA HEADER EDGE GLOW v1 START
   Elegant cyan-gold perimeter glow
   ========================================================= */

.pkp_site_name .is_img {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    line-height: 0;
    isolation: isolate;
}

.pkp_site_name .is_img::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;

    border: 1px solid rgba(22, 184, 199, 0.38);
    border-bottom-color: rgba(231, 174, 69, 0.46);

    box-shadow:
        inset 0 0 0 1px rgba(255, 255, 255, 0.025),
        0 0 6px rgba(22, 184, 199, 0.24),
        0 0 14px rgba(22, 184, 199, 0.10),
        0 3px 14px rgba(231, 174, 69, 0.09);
}

/* Softer glow on tablet/mobile */
@media (max-width: 991px) {

    .pkp_site_name .is_img::after {
        border-color: rgba(22, 184, 199, 0.26);
        border-bottom-color: rgba(231, 174, 69, 0.30);

        box-shadow:
            inset 0 0 0 1px rgba(255, 255, 255, 0.02),
            0 0 5px rgba(22, 184, 199, 0.13);
    }
}

/* =========================================================
   CARAKA HEADER EDGE GLOW v1 END
   ========================================================= */


/* =========================================================
   CARAKA HOME ORDER
   Journal description/profile above Current Issue
   ========================================================= */

.pkp_page_index.pkp_op_index .page_index_journal {
    display: flex;
    flex-direction: column;
}

/* Journal description / profile */
.pkp_page_index.pkp_op_index
.page_index_journal > .additional_content {
    order: 1;
    margin-top: 0;
    margin-bottom: 28px;
}

/* Current issue */
.pkp_page_index.pkp_op_index
.page_index_journal > .current_issue {
    order: 2;
    margin-top: 0;
}

/* =========================================================
   CARAKA HOME ORDER END
   ========================================================= */


/* =========================================================
   CARAKA ARCHIVE WIDTH FIX v2 START
   Neutralize OJS Default Theme negative archive margins
   ========================================================= */

.page_issue_archive .issues_archive {
    box-sizing: border-box;

    width: 100% !important;
    max-width: 100% !important;

    margin-top: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    border-top: 0 !important;
}

.page_issue_archive .issues_archive > li {
    box-sizing: border-box;

    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 14px;

    border: 1px solid var(--oms-line, rgba(3,21,47,.12)) !important;
    border-radius: var(--oms-radius, 8px);

    background: #ffffff;

    box-shadow:
        0 4px 16px rgba(3,21,47,.06);
}

.page_issue_archive .issues_archive > li:last-child {
    margin-bottom: 0;
}

/* =========================================================
   CARAKA ARCHIVE WIDTH FIX v2 END
   ========================================================= */


/* =========================================================
   CARAKA SEARCH MENU FIX v1 START
   Align Search with primary navigation and share hover style
   ========================================================= */

@media (min-width: 992px) {

    .pkp_navigation_search_wrapper
    .pkp_search.pkp_search_desktop {

        position: relative;
        top: 0 !important;

        display: inline-flex;
        align-items: center;
        gap: 6px;

        margin: 6px 2px 5px !important;
        padding: 11px 12px 10px !important;

        border: 0 !important;
        border-bottom: 0 !important;
        border-radius: var(--caraka-ui-nav-radius, 8px);

        color: #164d6d !important;
        background: transparent;

        font-weight: 600;
        line-height: normal;

        text-decoration: none !important;

        transition:
            background-color 170ms cubic-bezier(.2,.7,.2,1),
            color 170ms cubic-bezier(.2,.7,.2,1),
            box-shadow 170ms cubic-bezier(.2,.7,.2,1),
            transform 170ms cubic-bezier(.2,.7,.2,1);
    }


    .pkp_navigation_search_wrapper
    .pkp_search.pkp_search_desktop:hover,

    .pkp_navigation_search_wrapper
    .pkp_search.pkp_search_desktop:focus {

        color: #075b82 !important;

        background:
            rgba(7,91,130,.095) !important;

        border: 0 !important;

        box-shadow:
            inset 0 0 0 1px rgba(7,91,130,.12),
            0 5px 14px rgba(3,21,47,.09);

        transform:
            translateY(-1px);

        text-decoration:
            none !important;
    }


    .pkp_navigation_search_wrapper
    .pkp_search.pkp_search_desktop:focus-visible {

        outline:
            2px solid rgba(231,174,69,.85);

        outline-offset:
            2px;
    }


    .pkp_navigation_search_wrapper
    .pkp_search.pkp_search_desktop .fa {

        margin: 0 !important;
        line-height: 1;
    }
}


@media
    (min-width: 992px)
    and (prefers-reduced-motion: reduce) {

    .pkp_navigation_search_wrapper
    .pkp_search.pkp_search_desktop:hover,

    .pkp_navigation_search_wrapper
    .pkp_search.pkp_search_desktop:focus {

        transform:
            none;
    }
}

/* =========================================================
   CARAKA SEARCH MENU FIX v1 END
   ========================================================= */


/* =========================================================
   OIS SEARCH COLOR v1 START
   OIS green-gold identity
   ========================================================= */

@media (min-width: 992px) {

    .pkp_navigation_search_wrapper
    .pkp_search.pkp_search_desktop {
        color: #075642 !important;
    }

    .pkp_navigation_search_wrapper
    .pkp_search.pkp_search_desktop:hover,

    .pkp_navigation_search_wrapper
    .pkp_search.pkp_search_desktop:focus {
        color: #0b6b51 !important;

        background:
            rgba(7, 86, 66, .095) !important;

        box-shadow:
            inset 0 0 0 1px rgba(7, 86, 66, .12),
            0 5px 14px rgba(3, 47, 39, .09);
    }

    .pkp_navigation_search_wrapper
    .pkp_search.pkp_search_desktop:focus-visible {
        outline:
            2px solid rgba(184, 149, 82, .85);
    }
}

/* =========================================================
   OIS SEARCH COLOR v1 END
   ========================================================= */