/* Stylesheet khusus Jurnal Aceh Medika (Settings > Website > Appearance > Advanced > Journal style sheet).
   Hanya berlaku untuk jurnal ini. Dibuat 31 Okt 2026 dari audit UI/UX (AM-03, AM-09, AM-10). */

/* AM-09: kontras tombol Make a Submission. Putih di atas hijau gelap = 6,6:1 (sebelumnya 3,2:1).
   Aturan situs ".pkp_structure_sidebar .pkp_block a" menimpa warna teks putih, jadi spesifisitasnya disamakan. */
html body .pkp_structure_sidebar .pkp_block.block_make_submission a,
html body .pkp_structure_sidebar .pkp_block.block_make_submission a:visited {
  color: #fff !important;
  background: #0b6b3a;
  border-color: #0b6b3a;
}
html body .pkp_structure_sidebar .pkp_block.block_make_submission a:hover {
  color: #fff !important;
  background: #085c33;
  border-color: #085c33;
}
.pkp_structure_sidebar .block_make_submission a:focus-visible,
.am-cta a:focus-visible {
  outline: 3px solid #f2c200;
  outline-offset: 2px;
}

/* AM-11: blok kustom punya dua heading (judul blok OJS yang khusus pembaca layar + judul buatan di isi blok).
   Tampilkan judul bawaan OJS dan sembunyikan judul isi, sehingga pembaca layar hanya menemukan satu heading per blok. */
html body .pkp_block.block_custom h2.title.pkp_screen_reader {
  position: static !important;
  left: auto !important;
  clip: auto !important;
  clip-path: none;
  width: auto;
  height: auto;
  overflow: visible;
  margin: 0 0 10px;
}
html body .pkp_block.block_custom h2.title:not(.pkp_screen_reader) { display: none; }

/* OJS menaruh "Additional Content" setelah Current Issue di HTML. Pindahkan ke atas secara visual
   supaya tombol kirim naskah terlihat di layar awal (ponsel). Urutan fokus keyboard mengikuti HTML, bukan tampilan. */
.page_index_journal { display: flex; flex-direction: column; }
.page_index_journal .additional_content { order: -1; }

/* AM-10 dan AM-03: kotak pengantar di beranda dengan dua tombol utama (baca / kirim naskah). */
.am-intro {
  border: 1px solid var(--u-line, #cfd6d1);
  border-left: 4px solid #0b6b3a;
  border-radius: 8px;
  background: #f6f8f5;
  padding: 18px 20px;
  margin: 0 0 28px;
}
.am-intro h2 {
  margin: 0 0 6px;
  font-size: 1.25rem;
  line-height: 1.3;
}
.am-intro p { margin: 0 0 12px; line-height: 1.55; }
.am-cta { display: flex; flex-wrap: wrap; gap: 10px; margin: 6px 0 0; }
.am-cta a {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 8px;
  font-weight: 700;
  text-decoration: none;
  border: 2px solid #0b6b3a;
}
.am-cta a.am-primary { background: #0b6b3a; color: #fff; }
.am-cta a.am-primary:hover { background: #085c33; border-color: #085c33; }
.am-cta a.am-secondary { background: #fff; color: #0b6b3a; }
.am-cta a.am-secondary:hover { background: #eaf6ef; }
.am-links { margin: 12px 0 0; font-size: .92rem; }
.am-links a { margin-right: 14px; }
@media (max-width: 480px) {
  .am-cta a { flex: 1 1 100%; text-align: center; }
}