/* 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) dan audit desain (DS-03 sampai DS-08). */

/* 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: #116C05;
  border-color: #116C05;
}
html body .pkp_structure_sidebar .pkp_block.block_make_submission a:hover {
  color: #fff !important;
  background: #0D5504;
  border-color: #0D5504;
}
.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 #116C05;
  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 #116C05;
}
.am-cta a.am-primary { background: #116C05; color: #fff; }
.am-cta a.am-primary:hover { background: #0D5504; border-color: #0D5504; }
.am-cta a.am-secondary { background: #fff; color: #116C05; }
.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; }
}


/* ===== Audit desain DS-03 sampai DS-08 (31 Okt 2026) ===== */

/* DS-07: satu hijau utama = Hijau Unaya (Pedoman Identitas Visual 2026, #116C05).
   Stylesheet situs memakai variabel --u-green*; nilainya ditimpa hanya untuk jurnal ini.
   Stylesheet jurnal dimuat SEBELUM stylesheet situs, jadi selektor html:root dipakai agar menang. Ukuran memakai px karena 1 rem di situs ini = 14 px.
   Putih di atas #116C05 = 6,6:1; #116C05 di atas putih = 6,6:1. */
html:root {
  --u-green: #116C05;
  --u-green-dark: #116C05;
  --u-green-deep: #0A3D03;
  --u-green-tint: #EAF3E6;
}

/* DS-03: dua keluarga huruf saja. Tema memuat Noto Sans untuk judul bagian dan judul blok; samakan ke Source Sans 3
   (antarmuka) dan Source Serif 4 (judul artikel, judul nomor, pengumuman). Noto Sans tidak lagi dipakai. */
html body .pkp_structure_page :is(h1, h2, h3, h4, h5, h6, .title, .label) {
  font-family: var(--u-sans) !important;
}
html body .pkp_structure_page :is(.obj_article_summary .title, .obj_article_summary .title a, .current_issue_title,
  .page_title, .obj_announcement_summary h3, .obj_announcement_summary h3 a, .am-intro h2, .obj_issue_summary .title) {
  font-family: var(--u-serif) !important;
}
html body .pkp_site_name, html body .pkp_site_name * { font-family: var(--u-sans) !important; }
.am-intro h2 { font-weight: 600; font-size: 21px; }

/* DS-04: daftar artikel. Judul 20 px (18 px di ponsel), jarak 24 px, pemisah tipis, metadata 15 px dengan kontras lebih tinggi. */
html body .cmp_article_list > li {
  margin: 0 0 24px;
  padding: 0 0 24px;
  border-bottom: 1px solid var(--u-line);
}
html body .cmp_article_list > li:last-child { margin-bottom: 0; border-bottom: 0; }
html body .obj_article_summary .title { margin: 0 0 6px; }
html body .obj_article_summary .title a { font-size: 20px; line-height: 1.4; letter-spacing: 0; }
html body .obj_article_summary .authors,
html body .obj_article_summary .meta { font-size: 15px; color: #4d5852; }
@media (max-width: 600px) {
  html body .obj_article_summary .title a { font-size: 18px; }
}

/* DS-06: sidebar lebih rapat tanpa mengurangi blok: jarak antarblok dan judul blok dipadatkan. */
html body .pkp_structure_sidebar .pkp_block { margin-bottom: 20px; }
html body .pkp_structure_sidebar .pkp_block .title { margin-bottom: 8px; letter-spacing: .12em; }

/* DS-08: fokus keyboard terlihat pada tautan dan tombol utama (kuning Unaya tidak cukup kontras di putih, pakai hijau tua). */
html body .pkp_structure_page a:focus-visible,
html body .pkp_structure_page button:focus-visible {
  outline: 3px solid #0A3D03;
  outline-offset: 2px;
}

/* Garis berlebih (masukan pengguna 31 Okt 2026): garis atas blok Additional Content menabrak tombol Make a Submission,
   dan menu utama diapit dua garis. Hapus garis atas konten dan garis atas baris menu; sisakan garis di bawah menu.
   Padding atas dihapus agar kotak pengantar sejajar dengan tombol di sidebar. */
html body .pkp_structure_page .additional_content { border-top: 0; padding-top: 0; margin-top: 0; }
html body .pkp_structure_page .pkp_navigation_primary_row { border-top: 0; }

/* Kelurusan tepi (masukan pengguna 31 Okt 2026): kolom utama tema punya padding kiri 30 px sehingga konten
   menjorok dari logo dan menu. Di layar dua kolom, hapus padding kiri (padding kanan tetap jadi jarak ke sidebar),
   dan rapatkan tombol Search ke tepi kanan agar lurus dengan sidebar. */
@media (min-width: 992px) {
  html body .pkp_structure_main { padding-left: 0; }
  html body .pkp_navigation_search_wrapper a { margin-right: 0; padding-right: 0; }
}