/* ==========================================================================
   AMCR — HM Publisher journal skin
   Warna utama: merah mengkilat
   Dibuat 2026-08-05. Mengikuti bahasa desain bioscmed.com.
   Dipasang sebagai "Journal Stylesheet" (Appearance) dan dimuat SETELAH tema
   default OJS 3.5, sehingga aman menimpa tanpa mengubah file tema.
   Untuk mencabut: hapus setelan styleSheet jurnal ini.
   ========================================================================== */

:root {
  --j-light:  #d81f2a;
  --j-main:   #b3121f;
  --j-dark:   #7d0c16;
  --j-accent: #e6c45e;
  --j-ink:    #22303b;
  --j-line:   rgba(0,0,0,.09);
}

/* --- Kepala situs: gradien mengkilat + kisi heksagon + garis aksen emas --- */
.pkp_structure_head {
  position: relative;
  background:
    url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%2756%27%20height%3D%2797%27%20viewBox%3D%270%200%2056%2097%27%3E%3Cg%20fill%3D%27none%27%20stroke%3D%27%23ffffff%27%20stroke-opacity%3D%270.10%27%20stroke-width%3D%271.4%27%3E%3Cpath%20d%3D%27M28%200L56%2016v32L28%2064L0%2048V16z%27%2F%3E%3Cpath%20d%3D%27M28%2033L56%2049v32L28%2097L0%2081V49z%27%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E"),
    linear-gradient(158deg, var(--j-light) 0%, var(--j-main) 46%, var(--j-dark) 100%);
  background-size: 56px 97px, auto;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 2px 10px rgba(0,0,0,.14);
}
/* kilau: sorotan lembut di sepertiga atas */
.pkp_structure_head::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.20) 0%, rgba(255,255,255,.05) 34%, rgba(255,255,255,0) 68%);
}
/* garis emas di dasar kepala */
.pkp_structure_head::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4px;
  background: linear-gradient(90deg, color-mix(in srgb, var(--j-accent) 62%, #000) 0%,
                                     var(--j-accent) 42%, var(--j-accent) 58%,
                                     color-mix(in srgb, var(--j-accent) 62%, #000) 100%);
}
.pkp_head_wrapper { position: relative; z-index: 1; }

/* logo + nama jurnal berdampingan */
.pkp_site_name_wrapper {
  display: flex; align-items: center; gap: 1.35rem; flex-wrap: wrap;
  padding-top: 1.35rem; padding-bottom: 1.35rem;
}
/* di DOM, logo berada SETELAH <h1>; kembalikan urutan visual: logo dulu */
.pkp_site_name_wrapper > .pkp_site_name { order: -1; flex: 0 0 auto; }
.pkp_site_name .is_img {
  display: inline-block; background: #fff; padding: 5px; border-radius: 7px;
  box-shadow: 0 6px 20px rgba(0,0,0,.26); line-height: 0;
}
.pkp_site_name .is_img img { max-height: 92px; width: auto; border-radius: 4px; }
.pkp_site_name, .pkp_site_name a {
  color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.34);
  font-family: Georgia, "Times New Roman", serif; letter-spacing: .2px;
}

/* OJS sudah merender nama jurnal sebagai <h1> tersembunyi untuk pembaca layar.
   Kita tampilkan yang di header saja — teksnya nyata, jadi tetap ramah SEO
   dan pembaca layar. Selektor sengaja dipersempit ke anak langsung wrapper
   header agar teks screen-reader di tempat lain tidak ikut terbuka. */
.pkp_head_wrapper > .pkp_site_name_wrapper > h1.pkp_screen_reader {
  /* aturan tema memakai position:absolute !important; left:-2000px,
     jadi !important di sini memang diperlukan untuk menandinginya */
  position: static !important; left: auto !important;
  clip: auto !important; clip-path: none !important;
  width: auto; height: auto; margin: 0; padding: 0;
  overflow: visible; white-space: normal;
  flex: 1 1 300px; min-width: 0;
  font-family: Georgia, "Times New Roman", serif; font-weight: 700;
  font-size: 1.85rem; line-height: 1.18; color: #fff;
  text-shadow: 0 1px 3px rgba(0,0,0,.34);
}

/* --- Navigasi utama --- */
.pkp_navigation_primary_row {
  background: linear-gradient(180deg, color-mix(in srgb, var(--j-dark) 88%, #fff) 0%, var(--j-dark) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10);
}
.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a,
.pkp_navigation_search_wrapper a {
  color: rgba(255,255,255,.94); font-weight: 600; letter-spacing: .2px;
}
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  color: #fff; background: rgba(255,255,255,.13); border-radius: 4px;
}
.pkp_navigation_primary > li.in_focus > a { box-shadow: inset 0 -3px 0 var(--j-accent); }

/* --- Judul bagian dengan garis aksen pendek --- */
.pkp_structure_main > .page > h1,
.current_issue_title,
.obj_issue_toc > h2 {
  position: relative; padding-bottom: .5rem;
  font-family: Georgia, "Times New Roman", serif; color: var(--j-ink);
}
.pkp_structure_main > .page > h1::after,
.current_issue_title::after,
.obj_issue_toc > h2::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 56px; height: 3px; border-radius: 2px;
  background: linear-gradient(90deg, var(--j-main), var(--j-accent));
}

/* --- Daftar artikel sebagai kartu --- */
.obj_article_summary {
  padding: 1rem 1.1rem; margin-bottom: .85rem;
  background: #fff; border: 1px solid var(--j-line); border-radius: 10px;
  border-left: 4px solid var(--j-main);
  transition: box-shadow .18s ease, transform .18s ease;
}
.obj_article_summary:hover { box-shadow: 0 6px 18px rgba(0,0,0,.09); transform: translateY(-1px); }
.obj_article_summary > .title a { color: var(--j-ink); font-weight: 600; }
.obj_article_summary > .title a:hover { color: var(--j-main); }

/* --- Tautan galley (PDF) sebagai pil --- */
.obj_galley_link {
  border: 1px solid color-mix(in srgb, var(--j-main) 35%, #fff);
  background: linear-gradient(180deg, #fff 0%, color-mix(in srgb, var(--j-main) 7%, #fff) 100%);
  color: var(--j-main); border-radius: 999px; font-weight: 600;
}
.obj_galley_link:hover, .obj_galley_link:focus {
  background: linear-gradient(180deg, var(--j-light) 0%, var(--j-main) 100%);
  color: #fff; border-color: var(--j-main);
}

/* --- Tombol --- */
.pkp_button, .cmp_button, button.submitFormButton, .pkp_block .cmp_button {
  background: linear-gradient(180deg, var(--j-light) 0%, var(--j-main) 100%);
  border: 1px solid color-mix(in srgb, var(--j-dark) 70%, #000);
  color: #fff; border-radius: 6px; font-weight: 600;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.28);
}
.pkp_button:hover, .cmp_button:hover { filter: brightness(1.07); color: #fff; }

/* --- Blok sidebar sebagai kartu berkepala gelap --- */
.pkp_block {
  background: #fff; border: 1px solid var(--j-line); border-radius: 10px;
  overflow: hidden; margin-bottom: 1.1rem; padding: 0;
}
.pkp_block > .title {
  margin: 0; padding: .7rem 1rem;
  background: linear-gradient(180deg, color-mix(in srgb, var(--j-dark) 86%, #fff) 0%, var(--j-dark) 100%);
  color: #fff; font-size: .82rem; letter-spacing: .09em; text-transform: uppercase;
  border-bottom: 3px solid var(--j-accent);
}
.pkp_block > .content, .pkp_block > ul { padding: .9rem 1rem; }

/* --- Sampul terbitan --- */
.current_issue .cover img, .obj_issue_summary .cover img {
  border-radius: 6px; box-shadow: 0 4px 14px rgba(0,0,0,.16);
}

/* --- Metrik artikel (plugin hmpArticleStats) --- */
.hmp-artstat {
  margin: 1.6rem 0 0; padding: 1.1rem 1.2rem; border-radius: 10px;
  background: color-mix(in srgb, var(--j-main) 4%, #fff);
  border: 1px solid var(--j-line); border-left: 4px solid var(--j-main);
}
.hmp-artstat__title {
  margin: 0 0 .8rem; font-family: Georgia, "Times New Roman", serif;
  font-size: 1.05rem; color: var(--j-ink);
}
.hmp-artstat__grid { display: flex; flex-wrap: wrap; gap: .6rem; }
.hmp-artstat__item {
  flex: 1 1 7rem; text-align: center; padding: .7rem .4rem; border-radius: 8px;
  background: #fff; border: 1px solid color-mix(in srgb, var(--j-main) 18%, #fff);
}
.hmp-artstat__item b {
  display: block; font-family: Georgia, serif; font-size: 1.5rem; line-height: 1.1; color: var(--j-main);
}
.hmp-artstat__item small {
  display: block; margin-top: .2rem; font-size: .68rem; letter-spacing: .07em;
  text-transform: uppercase; color: #78838f;
}
.hmp-artstat__note { margin: .7rem 0 0; font-size: .75rem; color: #7b8794; }

/* --- Statistik ringkas di daftar artikel sebuah terbitan --- */
.hmp-tocstat {
  display: flex; flex-wrap: wrap; gap: .9rem; margin-top: .45rem;
  font-size: .78rem; color: #78838f;
}
.hmp-tocstat__n { font-weight: 700; color: var(--j-main); }

/* --- Beranda: informasi jurnal DI ATAS terbitan terkini ---
   OJS merender .additional_content setelah .current_issue; kita balik
   urutannya secara visual tanpa mengubah template tema. */
.page_index_journal { display: flex; flex-direction: column; }
.page_index_journal > .additional_content {
  order: -1; margin: 0 0 2.2rem; padding-bottom: 1.6rem;
  border-bottom: 1px solid var(--j-line);
}
.page_index_journal > .current_issue { order: 0; }

/* --- Kartu hero + tabel informasi jurnal di beranda --- */
.hmp-hero {
  padding: 1.6rem 1.7rem; border-radius: 12px; margin-bottom: 1.8rem; color: #fff;
  background: linear-gradient(158deg, var(--j-light) 0%, var(--j-main) 48%, var(--j-dark) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.20), 0 6px 20px rgba(0,0,0,.13);
}
.hmp-hero__chips { margin: 0 0 .9rem; }
.hmp-hero__title {
  margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: 1.7rem;
  line-height: 1.2; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,.3);
}
.hmp-hero__subtitle { margin: .3rem 0 .8rem; font-size: 1rem; color: rgba(255,255,255,.92); }
.hmp-hero__lead { margin: 0 0 1.1rem; font-size: .95rem; line-height: 1.65; color: rgba(255,255,255,.95); max-width: 46rem; }
.hmp-hero__cta { display: flex; flex-wrap: wrap; gap: .6rem; margin: 0 0 1rem; }
.hmp-hero__cta .hmp-btn { display: inline-block; margin: 0; min-width: 12rem; }
.hmp-hero__cta .hmp-btn:not(.hmp-btn--primary) {
  background: rgba(255,255,255,.14); border-color: rgba(255,255,255,.45); color: #fff;
}
.hmp-hero__cta .hmp-btn:not(.hmp-btn--primary):hover { background: rgba(255,255,255,.26); }
.hmp-hero__meta {
  margin: 0; padding-top: .85rem; border-top: 1px solid rgba(255,255,255,.24);
  font-size: .82rem; color: rgba(255,255,255,.88);
}

.hmp-section-title {
  position: relative; margin: 0 0 .9rem; padding-bottom: .45rem;
  font-family: Georgia, "Times New Roman", serif; font-size: 1.25rem; color: var(--j-ink);
}
.hmp-section-title::after {
  content: ""; position: absolute; left: 0; bottom: 0; width: 48px; height: 3px; border-radius: 2px;
  background: linear-gradient(90deg, var(--j-main), var(--j-accent));
}
.hmp-info { width: 100%; border-collapse: collapse; font-size: .89rem; }
.hmp-info th, .hmp-info td {
  padding: .55rem .75rem; text-align: left; vertical-align: top; border-bottom: 1px solid var(--j-line);
}
.hmp-info th {
  width: 34%; font-weight: 600; color: #55616d; background: color-mix(in srgb, var(--j-main) 4%, #fff);
}
.hmp-info td { color: var(--j-ink); }
.hmp-info tr:last-child th, .hmp-info tr:last-child td { border-bottom: 0; }

@media (max-width: 600px) {
  .hmp-info th, .hmp-info td { display: block; width: auto; }
  .hmp-info th { border-bottom: 0; padding-bottom: .1rem; }
  .hmp-hero__cta .hmp-btn { min-width: 0; flex: 1 1 100%; }
}

/* --- Kaki halaman --- */
.pkp_structure_footer_wrapper {
  background: linear-gradient(180deg, var(--j-dark) 0%, color-mix(in srgb, var(--j-dark) 78%, #000) 100%);
  color: rgba(255,255,255,.90); border-top: 4px solid var(--j-accent);
}
.pkp_structure_footer_wrapper a { color: var(--j-accent); }
.pkp_footer_content { font-size: .88rem; line-height: 1.65; }
.pkp_footer_content p { margin: .35rem 0; }
.pkp_footer_content strong { color: #fff; }
.pkp_footer_content img { max-width: 100%; height: auto; }
/* Brand "Platform & workflow by OJS/PKP" disembunyikan atas permintaan penerbit.
   Hapus aturan ini untuk memunculkannya kembali. */
.pkp_brand_footer { display: none !important; }

/* --- Pil identitas (dipakai oleh blok HTML kustom bila ada) --- */
.hmp-chip {
  display: inline-block; padding: .3rem .8rem; margin: 0 .35rem .4rem 0;
  border-radius: 999px; font-size: .78rem; font-weight: 600; letter-spacing: .02em;
  color: #fff; background: rgba(255,255,255,.16);
  border: 1px solid rgba(255,255,255,.34); backdrop-filter: saturate(140%);
}
.hmp-chip--gold {
  background: linear-gradient(180deg, var(--j-accent) 0%, color-mix(in srgb, var(--j-accent) 68%, #000) 100%);
  border-color: color-mix(in srgb, var(--j-accent) 55%, #000); color: #2a2205;
}

/* --- Isi kartu sidebar (blok kustom bergaya bioscmed) --- */
.pkp_block .hmp-lead { margin: 0 0 .8rem; font-size: .88rem; line-height: 1.55; color: #4a5866; }

.hmp-btn {
  display: block; text-align: center; padding: .55rem .9rem; margin-top: .5rem;
  border-radius: 6px; font-size: .86rem; font-weight: 600; text-decoration: none;
  border: 1px solid color-mix(in srgb, var(--j-main) 42%, #fff);
  color: var(--j-main); background: color-mix(in srgb, var(--j-main) 6%, #fff);
}
.hmp-btn:hover, .hmp-btn:focus {
  background: linear-gradient(180deg, var(--j-light) 0%, var(--j-main) 100%);
  color: #fff; border-color: var(--j-main); text-decoration: none;
}
.hmp-btn--primary {
  background: linear-gradient(180deg, var(--j-accent) 0%, color-mix(in srgb, var(--j-accent) 70%, #000) 100%);
  border-color: color-mix(in srgb, var(--j-accent) 55%, #000); color: #2a2205;
}
.hmp-btn--primary:hover, .hmp-btn--primary:focus { filter: brightness(1.06); color: #2a2205; }

/* kartu akreditasi */
.hmp-accr__mark {
  display: block; text-align: center; padding: .9rem .6rem; border-radius: 8px; margin-bottom: .8rem;
  background: linear-gradient(160deg, var(--j-light) 0%, var(--j-dark) 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.22);
}
.hmp-accr__rank {
  display: block; font-family: Georgia, serif; font-size: 1.6rem; font-weight: 700;
  letter-spacing: .04em; color: var(--j-accent); text-shadow: 0 1px 2px rgba(0,0,0,.35);
}
.hmp-accr__label {
  display: block; margin-top: .2rem; font-size: .68rem; letter-spacing: .11em;
  text-transform: uppercase; color: rgba(255,255,255,.92);
}

/* angka statistik kutipan */
.hmp-stats { display: flex; gap: .5rem; margin: 0 0 .7rem; }
.hmp-stats > div {
  flex: 1; text-align: center; padding: .6rem .3rem; border-radius: 8px;
  background: color-mix(in srgb, var(--j-main) 7%, #fff);
  border: 1px solid color-mix(in srgb, var(--j-main) 20%, #fff);
}
.hmp-stats b {
  display: block; font-family: Georgia, serif; font-size: 1.45rem; line-height: 1.1; color: var(--j-main);
}
.hmp-stats small {
  display: block; margin-top: .15rem; font-size: .66rem; letter-spacing: .08em;
  text-transform: uppercase; color: #78838f;
}
.hmp-note { margin: .55rem 0 0; font-size: .74rem; line-height: 1.5; color: #7b8794; }

/* daftar fakta ringkas */
.hmp-facts { margin: 0 0 .6rem; font-size: .82rem; }
.hmp-facts dt {
  margin-top: .5rem; font-size: .67rem; letter-spacing: .1em; text-transform: uppercase; color: #78838f;
}
.hmp-facts dd { margin: .1rem 0 0; color: var(--j-ink); font-weight: 600; word-break: break-word; }

/* daftar tautan */
.hmp-links { list-style: none; margin: 0; padding: 0; }
.hmp-links > li { border-bottom: 1px solid var(--j-line); }
.hmp-links > li:last-child { border-bottom: 0; }
.hmp-links > li > a {
  display: block; padding: .5rem .1rem; font-size: .86rem; color: var(--j-ink); text-decoration: none;
}
.hmp-links > li > a:hover { color: var(--j-main); padding-left: .35rem; }

.hmp-links--chips { display: flex; flex-wrap: wrap; gap: .4rem; }
.hmp-links--chips > li { border: 0; }
.hmp-links--chips > li > a {
  padding: .3rem .7rem; border-radius: 999px; font-size: .78rem; font-weight: 600;
  border: 1px solid color-mix(in srgb, var(--j-main) 30%, #fff);
  background: color-mix(in srgb, var(--j-main) 6%, #fff); color: var(--j-main);
}
.hmp-links--chips > li > a:hover {
  padding-left: .7rem;
  background: linear-gradient(180deg, var(--j-light) 0%, var(--j-main) 100%); color: #fff;
}

/* --- Aksesibilitas: fokus terlihat jelas --- */
a:focus-visible, button:focus-visible, .obj_galley_link:focus-visible {
  outline: 3px solid var(--j-accent); outline-offset: 2px;
}

@media (max-width: 767px) {
  .pkp_site_name .is_img img { max-height: 62px; }
  .obj_article_summary { padding: .85rem .9rem; }
}