/* =========================================================
   TEMA 1 — "Maroon Emas" untuk OJS Default Theme (3.3 / 3.4)
   TAHAP 1: dasar warna & huruf, header (banner), menu utama
   Unggah di: Website Settings > Appearance > Advanced
              > Journal style sheet
   ========================================================= */

/* --- 1. Huruf dari Google Fonts --- */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Source+Sans+3:wght@400;600&display=swap');

/* --- 2. Variabel warna: cukup ganti di sini untuk varian --- */
:root {
  --maroon:      #7a1424;  /* warna utama: menu, judul, tombol */
  --maroon-tua:  #5e0f1b;  /* hover / footer */
  --emas:        #c9a24a;  /* aksen garis & tombol cari */
  --krem:        #fbf7f2;  /* latar halaman */
  --merah-muda:  #f6e9e7;  /* latar label terbitan */
  --teks:        #3a3a3a;
}

/* --- 3. Dasar halaman --- */
body {
  background: var(--krem);
  color: var(--teks);
  font-family: 'Source Sans 3', 'Noto Sans', sans-serif;
}

.pkp_structure_page {
  background: transparent;
}

h1, h2, h3,
.pkp_block .title {
  font-family: 'Playfair Display', Georgia, serif;
  color: var(--maroon);
}

a {
  color: var(--maroon);
}

/* --- 4. Header: banner gambar (logo + nama + masjid) --- */
.pkp_structure_head {
  background: var(--krem) !important;
  border-bottom: 0;
}

.pkp_site_name_wrapper,
.pkp_site_name {
  padding: 0 !important;
  height: auto !important;
}

/* gambar banner dibuat selebar wadahnya */
.pkp_site_name .is_img img {
  display: block;
  width: 100%;
  max-width: 100%;
  max-height: none !important;
  height: auto;
}

/* tautan Login / Register di pojok kanan atas */
.pkp_navigation_user > li > a {
  color: var(--maroon) !important;
  font-size: 0.85rem;
}

/* --- 5. Menu utama: pita maroon selebar layar --- */
@media (min-width: 992px) {
  .pkp_site_nav_menu {
    background: var(--maroon);
    /* trik: bayangan melebar ke kiri-kanan agar pita penuh layar */
    box-shadow: 0 0 0 100vmax var(--maroon);
    clip-path: inset(0 -100vmax);
  }

  .pkp_navigation_primary_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0;
  }
}

.pkp_navigation_primary > li > a {
  color: #fff !important;
  font-weight: 600;
  border-bottom: 3px solid transparent !important;
  padding-bottom: 0.4rem;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
  color: #fff !important;
  border-bottom-color: var(--emas) !important;
  background: transparent;
}

/* isi dropdown (About, Submissions) */
.pkp_navigation_primary ul a {
  color: var(--maroon) !important;
}

.pkp_navigation_primary ul a:hover {
  background: var(--merah-muda);
  border-left-color: var(--emas) !important;
}

/* --- 6. Kotak pencarian (tampilan saja; diklik membuka halaman Search) --- */
.pkp_navigation_search_wrapper a.pkp_search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 240px;
  height: 34px;
  padding: 0 0 0 12px;
  background: #fff;
  border: 0 !important;
  border-radius: 4px;
  overflow: hidden;
  font-size: 0;              /* sembunyikan kata bawaan "Search" */
}

.pkp_navigation_search_wrapper a.pkp_search::before {
  content: "Search articles, authors, keyword…";
  font-size: 0.8rem;
  color: #999;
}

.pkp_navigation_search_wrapper a.pkp_search .fa {
  order: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 100%;
  background: var(--emas);
  color: #fff;
  font-size: 0.9rem;
}

/* ====== AKHIR TAHAP 1 — tahap berikutnya ditambahkan di bawah ====== */

/* =========================================================
   TAHAP 3: MENU SAMPING (Custom Block "menu-jurnal")
   dan JADWAL TERBIT (Custom Block "jadwal-terbit")
   Ikon memakai Font Awesome 4.7 yang sudah dimuat Default Theme
   ========================================================= */

/* blok yang berisi menu/jadwal kita: buang bingkai & judul bawaan */
.pkp_block:has(.t1-menu),
.pkp_block:has(.t1-jadwal) {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

.pkp_block:has(.t1-menu) > .title,
.pkp_block:has(.t1-jadwal) > .title {
  display: none;
}

/* --- daftar menu berbentuk kartu --- */
.t1-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.t1-menu li {
  margin: 0;
}

.t1-menu a {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 15px 18px;
  background: #fff;
  border: 1px solid #eee3df;
  border-radius: 6px;
  box-shadow: 0 1px 3px rgba(122, 20, 36, 0.06);
  font-family: 'Playfair Display', Georgia, serif;
  font-weight: 600;
  color: #2c2c2c !important;
  text-decoration: none !important;
}

/* ikon di kiri */
.t1-menu a::before {
  font-family: FontAwesome;
  font-weight: normal;
  font-size: 1.35rem;
  width: 28px;
  text-align: center;
  color: var(--maroon);
}

/* panah kecil di kanan */
.t1-menu a::after {
  content: "\f054";
  font-family: FontAwesome;
  margin-left: auto;
  font-size: 0.7rem;
  color: #999;
}

.t1-menu a:hover,
.t1-menu a:focus {
  border-color: var(--emas);
  color: var(--maroon) !important;
}

/* kode ikon Font Awesome 4.7 per menu */
.ic-scope::before    { content: "\f02d"; } /* buku */
.ic-editor::before   { content: "\f0c0"; } /* kelompok orang */
.ic-reviewer::before { content: "\f0c0"; }
.ic-guide::before    { content: "\f0f6"; } /* dokumen */
.ic-ethics::before   { content: "\f132"; } /* perisai */
.ic-review::before   { content: "\f0e8"; } /* bagan alur */
.ic-oa::before       { content: "\f13e"; } /* gembok terbuka */
.ic-submit::before   { content: "\f044"; } /* pena */
.ic-template::before { content: "\f15c"; } /* berkas teks */
.ic-index::before    { content: "\f080"; } /* grafik batang */

/* tombol besar Submit Your Paper */
.t1-menu a.ic-submit {
  margin: 8px 0;
  padding: 22px 18px;
  background: var(--maroon);
  border-color: var(--maroon);
  color: #fff !important;
  font-size: 1.15rem;
}

.t1-menu a.ic-submit::before,
.t1-menu a.ic-submit::after {
  color: #fff;
}

.t1-menu a.ic-submit:hover {
  background: var(--maroon-tua);
  color: #fff !important;
}

/* --- kartu Jadwal Terbit dengan garis waktu --- */
.t1-jadwal {
  margin-top: 14px;
  padding: 22px;
  background: #f3e9dd;
  border-radius: 6px;
}

.t1-jadwal-judul {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 18px;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--maroon);
}

.t1-jadwal-judul::before {
  content: "\f073"; /* kalender */
  font-family: FontAwesome;
  font-weight: normal;
  font-size: 1.5rem;
}

.t1-jadwal ul {
  list-style: none;
  margin: 0 0 0 12px;
  padding: 0 0 0 30px;
  border-left: 2px solid var(--maroon);
}

.t1-jadwal li {
  position: relative;
  margin: 0 0 18px;
  line-height: 1.5;
}

.t1-jadwal li:last-child {
  margin-bottom: 0;
}

/* titik bulat di atas garis */
.t1-jadwal li::before {
  content: "";
  position: absolute;
  left: -37px;
  top: 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--maroon);
}

/* ====== AKHIR TAHAP 3 ====== */

/* =========================================================
   TAHAP 2: PROFIL JURNAL, CURRENT ISSUE, KARTU ARTIKEL
   ========================================================= */

/* --- 1. Kotak profil jurnal (isi dari Journal Summary) --- */
.homepage_about > h2 {
  display: none;               /* judul bawaan "About the Journal" */
}

.homepage_about {
  margin-bottom: 28px;
}

.t1-profil {
  display: flex;
  gap: 28px;
  align-items: flex-start;
  padding: 20px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(122, 20, 36, 0.08);
}

/* gambar sampul: TinyMCE kadang membungkusnya dengan <p> */
.t1-profil > :first-child {
  flex: 0 0 170px;
  margin: 0;
}

.t1-profil img {
  display: block;
  width: 170px;
  height: auto;
  border-radius: 4px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.18);
}

.t1-profil h2 {
  margin: 0 0 12px;
  font-size: 1.9rem;
}

.t1-profil p {
  line-height: 1.6;
}

/* tiga keunggulan berikon */
.t1-fitur {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.t1-fitur li {
  display: flex;
  align-items: center;
  gap: 10px;
  max-width: 140px;
  font-size: 0.9rem;
  line-height: 1.3;
}

.t1-fitur li::before {
  font-family: FontAwesome;
  font-size: 1.6rem;
  color: var(--maroon);
}

.ft-peer::before   { content: "\f02d"; } /* buku */
.ft-oa::before     { content: "\f1c0"; } /* database */
.ft-terbit::before { content: "\f0c0"; } /* kelompok orang */

/* --- 2. Judul "Current Issue" + tautan View All Issues sebaris --- */
.current_issue {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
}

.current_issue > h2           { order: 1; margin: 0; font-size: 2rem; }
.current_issue > .read_more   { order: 2; font-size: 0.9rem; font-weight: 600; }
.current_issue > .current_issue_title { order: 3; flex-basis: 100%; }
.current_issue > .obj_issue_toc       { order: 4; flex-basis: 100%; }

/* garis emas di bawah judul */
.current_issue > h2::after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  margin-top: 6px;
  background: var(--emas);
}

/* pita nomor terbitan + lencana */
.current_issue_title {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 16px 0;
  padding: 12px 16px;
  background: var(--merah-muda);
  border-radius: 6px;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.2rem;
  font-weight: 600;
  color: var(--maroon);
}

.current_issue_title::after {
  content: "Current Issue";
  padding: 3px 10px;
  border: 1px solid var(--emas);
  border-radius: 4px;
  background: #fffaf0;
  font-family: 'Source Sans 3', sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  color: #9a7428;
}

/* sembunyikan sampul terbitan & judul seksi ("Articles") di beranda */
.current_issue .obj_issue_toc > .heading,
.current_issue .obj_issue_toc .section > h2,
.current_issue .obj_issue_toc .section > h3 {
  display: none;
}

/* --- 3. Kartu artikel --- */
.obj_article_summary {
  display: grid;
  grid-template-columns: 120px 1fr auto;
  grid-template-areas:
    "cover title pdf"
    "cover meta  pdf";
  align-items: start;
  column-gap: 18px;
  row-gap: 6px;
  margin-bottom: 14px;
  padding: 12px;
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 4px rgba(122, 20, 36, 0.08);
}

/* artikel tanpa gambar: kolom gambar dihilangkan */
.obj_article_summary:not(:has(.cover)) {
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "title pdf"
    "meta  pdf";
}

.obj_article_summary .cover {
  grid-area: cover;
  float: none;
  width: auto;
  margin: 0;
}

.obj_article_summary .cover img {
  display: block;
  width: 120px;
  height: 120px;
  object-fit: cover;           /* gambar dipotong rapi, tidak gepeng */
  border-radius: 4px;
}

.obj_article_summary .title {
  grid-area: title;
  margin: 0;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.1rem;
  line-height: 1.35;
}

.obj_article_summary .title a {
  color: var(--maroon);
  text-decoration: none;
}

.obj_article_summary .meta {
  grid-area: meta;
  font-size: 0.9rem;
  color: #555;
}

.obj_article_summary .galleys_links {
  grid-area: pdf;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* tombol PDF maroon */
.obj_article_summary .obj_galley_link {
  display: inline-block;
  padding: 6px 14px;
  background: var(--maroon);
  border: 0 !important;
  border-radius: 4px;
  color: #fff !important;
  font-size: 0.8rem;
  font-weight: 600;
}

.obj_article_summary .obj_galley_link::before {
  color: #fff;
}

.obj_article_summary .obj_galley_link:hover,
.obj_article_summary .obj_galley_link:focus {
  background: var(--maroon-tua);
}

/* --- 4. Penyesuaian layar HP --- */
@media (max-width: 600px) {
  .t1-profil {
    flex-direction: column;
    align-items: center;
  }

  .obj_article_summary {
    grid-template-columns: 90px 1fr;
    grid-template-areas:
      "cover title"
      "cover meta"
      "cover pdf";
  }

  .obj_article_summary .cover img {
    width: 90px;
    height: 90px;
  }
}

/* ====== AKHIR TAHAP 2 ====== */

/* =========================================================
   PERBAIKAN UJI 1 (berdasarkan tangkapan layar pertama)
   Diletakkan paling bawah agar menimpa aturan sebelumnya
   ========================================================= */

/* a. latar krem merata, termasuk area kiri-kanan banner */
html,
body,
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper {
  background-color: var(--krem) !important;
}

.pkp_site_name_wrapper {
  border: 0 !important;        /* garis tipis di bawah banner */
}

/* b. menu rata kiri, kotak cari di ujung kanan
      (diperkuat pada uji 2: semua lapisan wadah dipaksa selebar penuh) */
@media (min-width: 992px) {
  .pkp_site_nav_menu,
  .pkp_navigation_primary_row,
  .pkp_navigation_primary_wrapper {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    float: none !important;
    text-align: left !important;
  }

  .pkp_site_nav_menu {
    display: block !important;
  }

  .pkp_navigation_primary_row,
  .pkp_navigation_primary_wrapper {
    display: flex !important;
    align-items: center;
    justify-content: space-between !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .pkp_navigation_primary {
    display: flex !important;
    flex: 1 1 auto;
    flex-wrap: wrap;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
  }

  /* menu pertama sejajar dengan tepi kiri banner */
  .pkp_navigation_primary > li:first-child > a {
    margin-left: 0 !important;
    padding-left: 0 !important;
  }

  .pkp_navigation_search_wrapper {
    float: none !important;
    margin-left: auto !important;
    padding: 0 !important;
  }
}

/* c. hapus dua garis vertikal bawaan di kiri-kanan isi utama */
.pkp_structure_main::before,
.pkp_structure_main::after {
  display: none !important;
}

/* d. kartu sidebar sejajar dengan bagian atas isi utama */
.pkp_structure_sidebar {
  padding-top: 1.5rem !important;
}

/* ====== AKHIR PERBAIKAN UJI 1 ====== */

/* =========================================================
   PERBAIKAN UJI 2: menu samping terlalu renggang
   Penyebab: Default Theme memberi margin & padding pada setiap
   <li> di dalam blok sidebar, lalu ditambah gap milik kita.
   ========================================================= */
.pkp_structure_sidebar .t1-menu {
  gap: 4px !important;           /* jarak antarkartu: ubah angka ini */
  margin: 0 !important;
  padding: 0 !important;
}

.pkp_structure_sidebar .t1-menu li {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  line-height: 1.3 !important;
}

.pkp_structure_sidebar .t1-menu a {
  margin: 0 !important;
  padding: 9px 16px !important;  /* tinggi kartu: ubah angka pertama */
  line-height: 1.25 !important;
  font-size: 0.95rem;
}

.pkp_structure_sidebar .t1-menu a::before {
  font-size: 1.15rem;            /* ikon sedikit diperkecil */
}

/* tombol Submit sedikit lebih tinggi & diberi jarak atas-bawah */
.pkp_structure_sidebar .t1-menu a.ic-submit {
  margin: 4px 0 !important;
  padding: 14px 16px !important;
  font-size: 1.1rem;
}

.pkp_structure_sidebar .t1-jadwal {
  margin-top: 12px !important;
}

/* ====== AKHIR PERBAIKAN UJI 2 ====== */

/* =========================================================
   PERBAIKAN UJI 3: garis waktu Publication Schedule
   Penyebab: Default Theme menolkan padding <ul> di sidebar,
   sehingga teks menempel ke garis dan titik terlempar keluar kartu.
   Solusi: garis & titik digambar pada tiap <li>, tidak lagi
   bergantung pada padding <ul>.
   ========================================================= */
.pkp_structure_sidebar .t1-jadwal ul {
  margin: 0 0 0 6px !important;  /* titik sejajar ikon kalender */
  padding: 0 !important;
  border-left: 0 !important;
  list-style: none !important;
}

.pkp_structure_sidebar .t1-jadwal li {
  position: relative;
  margin: 0 !important;
  padding: 0 0 18px 30px !important;  /* 30px = jarak teks dari garis */
  line-height: 1.45;
}

.pkp_structure_sidebar .t1-jadwal li:last-child {
  padding-bottom: 0 !important;
}

/* titik bulat */
.pkp_structure_sidebar .t1-jadwal li::before {
  content: "";
  position: absolute;
  z-index: 1;
  left: 0 !important;
  top: 5px !important;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--maroon);
}

/* garis penghubung: dari titik ini ke titik berikutnya */
.pkp_structure_sidebar .t1-jadwal li::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 11px;
  bottom: -11px;
  width: 2px;
  background: var(--maroon);
}

.pkp_structure_sidebar .t1-jadwal li:last-child::after {
  display: none;               /* titik terakhir tanpa garis lanjutan */
}

/* ====== AKHIR PERBAIKAN UJI 3 ====== */

/* =========================================================
   PERBAIKAN UJI 4: pita menu melebihi lebar layar
   Penyebab: pada uji 2 wadah menu dipaksa width:100%, padahal
   wadah itu masih punya padding/posisi bawaan, sehingga lebarnya
   menjadi 100% + padding dan meluber ke samping.
   ========================================================= */
@media (min-width: 992px) {
  .pkp_site_nav_menu,
  .pkp_navigation_primary_row,
  .pkp_navigation_primary_wrapper {
    box-sizing: border-box !important;  /* padding dihitung di dalam lebar */
  }

  .pkp_site_nav_menu {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* pengaman terakhir: halaman tidak boleh bisa digeser ke samping */
html,
body {
  overflow-x: hidden;
  overflow-x: clip;   /* browser baru: sama, tanpa efek samping */
}

/* ---------------------------------------------------------
   PILIHAN: pita maroon hanya selebar banner (tidak penuh layar).
   Hapus tanda pembuka & penutup komentar pada 5 baris di bawah
   bila ingin memakai gaya ini.
   --------------------------------------------------------- */
/* (pilihan ini diaktifkan di Perbaikan Uji 5) */

/* ====== AKHIR PERBAIKAN UJI 4 ====== */

/* =========================================================
   PERBAIKAN UJI 5: disamakan dengan gambar desain
   ========================================================= */

/* a. pita menu selebar banner (bukan penuh layar) */
.pkp_site_nav_menu {
  box-shadow: none !important;
  clip-path: none !important;
}

@media (min-width: 992px) {
  /* ruang di dalam pita: menu tidak menempel tepi kiri/kanan */
  .pkp_navigation_primary_row {
    padding: 0 28px !important;
  }

  /* b. banner menempel langsung ke pita menu (tanpa celah) */
  .pkp_head_wrapper {
    padding-bottom: 0 !important;
  }

  .pkp_site_name_wrapper,
  .pkp_site_name,
  .pkp_site_name .is_img {
    margin-bottom: 0 !important;
    line-height: 0;              /* buang celah sisa di bawah gambar */
  }

  .pkp_site_nav_menu {
    margin-top: 0 !important;
  }
}

/* c. huruf menu lebih ringan seperti desain, jarak antarmenu lega */
.pkp_navigation_primary > li > a {
  font-weight: 400 !important;
  font-size: 1rem;
  margin: 0 14px !important;
}

/* d. jarak pita menu ke isi halaman diperkecil */
.pkp_structure_content {
  padding-top: 1.5rem !important;
}

.pkp_structure_sidebar {
  padding-top: 0 !important;
}

/* ====== AKHIR PERBAIKAN UJI 5 ====== */

/* =========================================================
   PERBAIKAN UJI 6 (OJS 3.4): kotak profil dari "Additional Content"
   Di OJS 3.4 kolom Journal Summary tidak punya tombol Source code,
   jadi HTML profil ditaruh di Additional Content. Bawaan tema
   menaruh Additional Content di paling bawah beranda; aturan ini
   memindahkannya ke paling atas, di atas Current Issue.
   ========================================================= */
.page_index_journal {
  display: flex;
  flex-direction: column;
}

.page_index_journal > .additional_content {
  order: -1;                   /* -1 = tampil sebelum elemen lain */
  margin-bottom: 28px;
}

/* ====== AKHIR PERBAIKAN UJI 6 ====== */

/* =========================================================
   PERBAIKAN UJI 7: beranda kurang rapat
   Penyebab utama: Default Theme memberi garis pemisah lewat
   ::before/::after serta margin besar antarbagian. Di dalam
   flexbox, ::before/::after ikut dihitung sebagai "kotak",
   sehingga mendorong judul Current Issue ke kanan dan
   menambah celah kosong.
   ========================================================= */

/* a. buang garis pemisah bawaan (termasuk garis yang memotong kartu) */
.page_index_journal::before,
.page_index_journal::after,
.page_index_journal > section::before,
.page_index_journal > section::after,
.page_index_journal > div::before,
.current_issue::before,
.current_issue::after,
.obj_issue_toc::before,
.obj_issue_toc .sections::before,
.obj_issue_toc .section::before,
.obj_issue_toc .section::after {
  display: none !important;
}

/* b. jarak antarbagian beranda dirapatkan */
.page_index_journal > .additional_content {
  margin: 0 0 24px !important;
}

.page_index_journal > .current_issue {
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}

/* c. jarak dari pita nomor terbitan ke kartu artikel */
.current_issue .obj_issue_toc,
.current_issue .obj_issue_toc .sections,
.current_issue .obj_issue_toc .section,
.current_issue .cmp_article_list {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.current_issue .cmp_article_list > li {
  margin: 0 0 14px !important;
  padding: 0 !important;
  border: 0 !important;
}

.current_issue_title {
  margin: 14px 0 16px !important;
}

/* d. huruf judul memakai Playfair seperti desain */
.page_index_journal h2,
.t1-profil h2,
.current_issue > h2 {
  font-family: 'Playfair Display', Georgia, serif !important;
  font-weight: 700 !important;
}

/* e. tautan View All Issues berwarna maroon */
.current_issue > .read_more,
.current_issue > .read_more .fa {
  color: var(--maroon) !important;
}

/* ====== AKHIR PERBAIKAN UJI 7 ====== */

/* =========================================================
   PERBAIKAN UJI 8: celah di atas "Current Issue" & kotak profil menjorok
   Penyebab: di OJS 3.4 ada elemen tak terlihat di dalam
   .current_issue yang ikut berbaris bersama judul, sehingga
   judul terdorong ke kanan dan baris pertama menjadi sangat tinggi.
   Solusi: semua elemen yang tidak kita kenal dipindah ke paling
   bawah (order 10) dan diberi baris sendiri.
   ========================================================= */
.current_issue > * {
  order: 10;
  flex-basis: 100%;
}

/* empat elemen yang kita kenal tetap di posisinya */
.current_issue > h2 {
  flex: 1 1 auto !important;
}

.current_issue > .read_more {
  flex: 0 0 auto !important;
  margin-left: auto;
}

.current_issue {
  align-items: center !important;
}

/* kotak profil tidak menjorok: sejajar dengan pita nomor terbitan */
.page_index_journal > .additional_content {
  padding: 0 !important;
  border-top: 0 !important;
}

/* garis tipis di atas isi beranda */
.page_index_journal > * {
  border-top: 0 !important;
}

/* ====== AKHIR PERBAIKAN UJI 8 ====== */

/* =========================================================
   PERBAIKAN UJI 9 (OJS 3.5.0.5, dari kode sumber halaman)
   ========================================================= */

/* a. bagian "About the Journal" kosong di beranda: inilah
      penyebab celah di atas Current Issue */
.page_index_journal > .homepage_about {
  display: none !important;
}

/* b. TinyMCE menyisipkan <br> setelah gambar sampul */
.t1-profil > br {
  display: none;
}

/* ====== AKHIR PERBAIKAN UJI 9 ====== */

/* =========================================================
   TAHAP 4: FOOTER TIGA KOLOM
   Isi dari: Website > Appearance > Setup > Page Footer
   ========================================================= */

/* bingkai footer: kotak maroon bermotif bintang samar */
.pkp_structure_footer_wrapper {
  background: transparent !important;
  border: 0 !important;
}

.pkp_structure_footer {
  padding: 0 !important;
  background-color: var(--maroon-tua);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='none' stroke='%23c9a24a' stroke-opacity='0.09'%3E%3Crect x='15' y='15' width='30' height='30'/%3E%3Crect x='15' y='15' width='30' height='30' transform='rotate(45 30 30)'/%3E%3C/g%3E%3C/svg%3E"),
    linear-gradient(180deg, var(--maroon) 0%, var(--maroon-tua) 100%);
  color: #f1e4e4;
}

.pkp_footer_content {
  float: none !important;
  width: 100% !important;
  padding: 0 !important;
}

/* logo OJS/PKP disembunyikan (hapus aturan ini bila ingin tetap tampil) */
.pkp_brand_footer {
  display: none !important;
}

/* --- susunan tiga kolom --- */
.t1-footer {
  display: grid;
  grid-template-columns: 1.35fr 1fr 1.25fr;
  padding: 36px 40px 30px;
}

.t1-f-kol {
  padding: 0 32px;
}

.t1-f-kol:first-child {
  padding-left: 0;
}

.t1-f-kol + .t1-f-kol {
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}

.t1-footer p,
.t1-footer ul {
  margin: 0;
  padding: 0;
}

.t1-footer a {
  color: #f1e4e4 !important;
  text-decoration: none !important;
}

.t1-footer a:hover {
  color: var(--emas) !important;
}

/* --- kolom 1: logo + identitas jurnal --- */
.t1-f-identitas {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

.t1-f-identitas > br {
  display: none;
}

.t1-f-identitas img {
  flex: 0 0 96px;
  width: 96px;
  height: auto;
}

.t1-f-nama {
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #fff;
}

.t1-f-issn {
  margin-top: 4px !important;
}

/* garis emas pendek di bawah e-ISSN */
.t1-f-issn::after {
  content: "";
  display: block;
  width: 48px;
  height: 2px;
  margin: 12px 0;
  background: var(--emas);
}

.t1-f-penerbit {
  font-size: 0.9rem;
  line-height: 1.6;
}

/* --- judul kolom 2 & 3 --- */
.t1-f-judul {
  margin-bottom: 14px !important;
  font-family: 'Playfair Display', Georgia, serif;
  font-size: 1.15rem;
  font-weight: 700;
  color: #fff;
}

.t1-f-judul::after {
  content: "";
  display: block;
  width: 48px;
  height: 2px;
  margin-top: 8px;
  background: var(--emas);
}

/* --- kolom 2: Quick Links --- */
.t1-f-links {
  list-style: none;
}

.t1-f-links li {
  margin: 0 0 4px !important;
  font-size: 0.92rem;
}

/* --- kolom 3: kontak berikon --- */
.t1-f-kontak {
  list-style: none;
}

.t1-f-kontak li {
  position: relative;
  margin: 0 0 10px !important;
  padding-left: 34px;
  font-size: 0.92rem;
  line-height: 1.5;
}

.t1-f-kontak li::before {
  position: absolute;
  left: 0;
  top: 1px;
  width: 20px;
  text-align: center;
  font-family: FontAwesome;
  font-size: 1.1rem;
  color: #fff;
}

.fk-alamat::before { content: "\f041"; } /* penanda lokasi */
.fk-email::before  { content: "\f0e0"; } /* amplop */
.fk-telp::before   { content: "\f095"; } /* telepon */
.fk-web::before    { content: "\f0ac"; } /* globe */

/* --- baris hak cipta --- */
.t1-f-copy {
  margin: 0 !important;
  padding: 14px 20px;
  border-top: 2px solid var(--emas);
  text-align: center;
  font-size: 0.85rem;
  color: #f1e4e4;
}

/* --- layar tablet & HP: kolom ditumpuk --- */
@media (max-width: 768px) {
  .t1-footer {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 28px 22px;
  }

  .t1-f-kol {
    padding: 0;
  }

  .t1-f-kol + .t1-f-kol {
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
    padding-top: 24px;
  }
}

/* ====== AKHIR TAHAP 4 ====== */

/* =========================================================
   PERBAIKAN UJI 10: tepi kiri isi halaman sejajar pita menu
   Penyebab: kolom utama (.pkp_structure_main) membawa padding
   kiri bawaan tema, sehingga kartu menjorok ke dalam,
   sedangkan banner, pita menu, dan footer rata dengan tepi.
   ========================================================= */
@media (min-width: 992px) {
  .pkp_structure_content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .pkp_structure_main {
    padding-left: 0 !important;
    padding-right: 32px !important;  /* jarak ke kolom sidebar */
  }

  .pkp_structure_sidebar {
    padding-right: 0 !important;
  }
}

/* ====== AKHIR PERBAIKAN UJI 10 ====== */