/* JURNAL KONSEPSI — Perbaikan tampilan, November 2026
   Tema: Default Manuscript / OJS 3.3
   Simpan salinan CSS lama sebelum mengunggah file ini.
   Warna identitas asli dipertahankan. */

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

:root { --konsepsi-maroon: #490f0f; --konsepsi-navy: #08275b; }

/* 1. Tipografi: jangan mengecilkan SEMUA elemen secara berulang */
body { font-family: 'Open Sans', Arial, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.65; background: #f0f1f3; color: #202124; }
p, li { font-size: inherit; line-height: 1.65; }
h1, h2, h3, h4 { color: #202124; line-height: 1.35; }
a { color: #490f0f; }
a:hover, a:focus { color: #711b1b; }
strong, b { font-weight: 700; }

/* 2. Lebar halaman: beri ruang lebih besar di layar desktop */
.pkp_structure_page { box-sizing: border-box; width: 100%; max-width: 1240px; margin-left: auto; margin-right: auto; background: #fff; }
.pkp_structure_head, .pkp_structure_content, .pkp_structure_footer { box-sizing: border-box; }

/* 3. Header: jangan memotong logo, jangan tambahkan ruang kosong berlebih */
.pkp_structure_head { border-bottom: 1px solid var(--konsepsi-maroon); }
.pkp_site_name_wrapper { padding: 0; }
.pkp_site_name { padding-top: 0; padding-bottom: 0; }
.pkp_site_name .is_img img { display: block; max-height: 160px; max-width: 100%; width: auto; height: auto; object-fit: contain; }

/* 4. Navigasi sesuai tema asli */
.pkp_navigation_primary_row { background: var(--konsepsi-maroon); }
#navigationPrimary a { font-family: 'Open Sans', Arial, sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; }
#navigationPrimary a:hover, #navigationPrimary a:focus { color: #fff; background: #651818; }
.pkp_head_wrapper .pkp_search .search_controls .search_prompt { font-family: 'Open Sans', Arial, sans-serif; font-size: 12px; font-weight: 700; text-transform: uppercase; }
.pkp_navigation_user ul { width: 14em; }

/* 5. Konten & artikel */
.pkp_page_index .additional_content { padding: 12px 0; border-top: 0; }
.obj_article_summary > .title a { text-decoration: none; }
.obj_article_summary > .title a:hover, .obj_article_summary > .title a:focus,
.pkp_block a:hover, .pkp_block a:focus { border-bottom: 1px dotted var(--konsepsi-maroon); }
.obj_article_details .main_entry .item .label,
.obj_article_details .main_entry .label { color: var(--konsepsi-maroon); font-size: 15px; font-weight: 700; }
.obj_article_details .main_entry .label { display: block; border-bottom: 1px solid #e5d5d5; padding-bottom: 5px; text-transform: uppercase; }
.obj_article_details .item.doi .label, .obj_article_details .item.keywords .label { font-size: 15px; }
.obj_article_details .entry_details .galleys_links > li a { display: block; }

/* 6. Sidebar: kerapian & keterbacaan tanpa mengubah struktur tema */
.pkp_structure_sidebar { box-sizing: border-box; overflow-wrap: anywhere; }
.pkp_block { margin-bottom: 22px; }
.pkp_block .content p, .pkp_block .content li { line-height: 1.6; }
.pkp_block img, .additional_content img { max-width: 100%; height: auto; }
.pkp_block iframe { max-width: 100%; }

/* 7. Tombol & notifikasi */
.cmp_manuscript_button, .block_make_submission a, .obj_galley_link { font-family: 'Open Sans', Arial, sans-serif; font-weight: 700; text-transform: uppercase; background: var(--konsepsi-maroon); color: #fff; border: none; }
.cmp_manuscript_button:hover, .block_make_submission a:hover, .obj_galley_link:hover { background: #671818; color: #fff; }
.cmp_notification { border-left-color: var(--konsepsi-maroon); }

/* 8. Footer: jangan paksa float/width yang dapat merusak mobile */
.pkp_structure_footer { background: var(--konsepsi-maroon); }
.pkp_footer_content { text-align: center; padding: 14px 12px; }
.pkp_footer_content p, .pkp_footer_content a { color: #fff; }
.pkp_brand_footer { text-align: center; }
.pkp_structure_footer_wrapper { border-bottom: 0; }
.fa { color: inherit; }
.most_read_article_journal .fa { color: #202124; font-size: .9rem; }

/* 9. Adaptasi tablet dan telepon */
@media (max-width: 991px) {
  .pkp_structure_page { max-width: 100%; }
  .pkp_site_name { padding-top: 0; }
  .pkp_site_name .is_img img { max-height: 125px; }
}
@media (max-width: 767px) {
  body { font-size: 14px; }
  .pkp_site_name .is_img img { max-height: 100px; }
  .pkp_footer_content { padding: 12px; }
  .pkp_structure_sidebar { width: 100%; max-width: 100%; }
}




/* 10. Header marun sesuai sampul Jurnal Konsepsi. */
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_name {
  background: #490f0f !important;
}
.pkp_structure_head { border-bottom: 0 !important; }
.pkp_site_name { padding-top: 8px !important; padding-bottom: 8px !important; }
.pkp_site_name .is_img img {
  display: block;
  max-width: 100%;
  max-height: 150px;
  width: auto;
  height: auto;
  object-fit: contain;
}
/* Biru tua pada navigasi, mengikuti tampilan semula. */
.pkp_navigation_primary_row { background: #08275b !important; }
#navigationPrimary a,
.pkp_head_wrapper .pkp_search .search_controls .search_prompt { color: #ffffff; }
#navigationPrimary a:hover,
#navigationPrimary a:focus { background-color: #490f0f; color: #fff; }
@media (max-width: 767px) {
  .pkp_site_name .is_img img { max-height: 105px; }
}
/* Jika kuning berasal dari piksel gambar logo, gambar harus diganti:
   CSS tidak dapat mengubah latar yang menyatu dengan gambar. */

/* 11. Sembunyikan banner Homepage Image lama di BERANDA saja.
   File asli tetap tersimpan dalam pengaturan OJS. */
.pkp_page_index .homepage_image,
.pkp_page_index .homepage-image {
  display: none !important;
}

/* 12. Tambahan jarak yang nyaman pada blok sidebar. */
.pkp_structure_sidebar .pkp_block {
  margin-bottom: 24px;
}
.pkp_structure_sidebar .pkp_block .content {
  line-height: 1.65;
}



/* ============================================================
   KONSEPSI — PROFIL BERANDA ALA JOSSE (2026-11-13)
   HANYA tabel profil yang mengandung sampul cp-newcov1.png.
   Tidak mengubah tabel artikel, detail naskah, atau admin OJS.
   ============================================================ */
@media (min-width: 768px) {
  .pkp_structure_page { max-width: 1200px; }
}
.pkp_page_index .homepage_about {
  font-size: 14px;
  line-height: 1.65;
}
/* Tabel pertama profil: sampul dan deskripsi */
.pkp_page_index table:has(img[src*="cp-newcov1.png"]) {
  width: 100% !important;
  table-layout: fixed;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0;
  background: #f4f7fa !important;
  border-radius: 9px;
  margin: 12px 0 0 !important;
}
.pkp_page_index table:has(img[src*="cp-newcov1.png"]) td {
  border: 0 !important;
  padding: 22px 16px !important;
  vertical-align: middle !important;
  background: transparent !important;
  font-size: 15px !important;
  line-height: 1.65;
}
.pkp_page_index table:has(img[src*="cp-newcov1.png"]) td:first-child {
  width: 32% !important;
  text-align: center !important;
}
.pkp_page_index table:has(img[src*="cp-newcov1.png"]) td:last-child {
  width: 68% !important;
  text-align: left !important;
}
.pkp_page_index table:has(img[src*="cp-newcov1.png"]) img[src*="cp-newcov1.png"] {
  width: 195px !important;
  max-width: 100% !important;
  max-height: 270px !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
  object-fit: contain;
}
.pkp_page_index table:has(img[src*="cp-newcov1.png"]) p {
  font-size: 15px !important;
  line-height: 1.65 !important;
  margin: 0 0 12px !important;
}
.pkp_page_index table:has(img[src*="cp-newcov1.png"]) td:last-child p:first-child {
  font-size: 19px !important;
  font-weight: 700 !important;
  color: #490f0f !important;
}
.pkp_page_index table:has(img[src*="cp-newcov1.png"]) a[href*="/submission/wizard"] {
  display: inline-block !important;
  background: #490f0f !important;
  color: #fff !important;
  padding: 10px 17px !important;
  border-radius: 5px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
/* Tabel kedua: empat kolom identitas yang tepat mengikuti tabel profil */
.pkp_page_index table:has(img[src*="cp-newcov1.png"]) + table {
  width: 100% !important;
  border: 1px solid #e7eaf0 !important;
  border-collapse: collapse !important;
  background: #fbfcfd !important;
  margin: 0 0 12px !important;
  table-layout: fixed;
}
.pkp_page_index table:has(img[src*="cp-newcov1.png"]) + table td {
  width: 25% !important;
  border: 1px solid #e7eaf0 !important;
  padding: 14px 10px !important;
  text-align: center !important;
  vertical-align: middle !important;
  background: #fbfcfd !important;
  font-size: 14px !important;
  overflow-wrap: anywhere;
}
.pkp_page_index table:has(img[src*="cp-newcov1.png"]) + table td small {
  display: block;
  font-size: 11px !important;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: #5e6b81;
}
.pkp_page_index table:has(img[src*="cp-newcov1.png"]) + table td p {
  margin: 6px 0 0 !important;
  line-height: 1.45 !important;
}
.pkp_page_index table:has(img[src*="cp-newcov1.png"]) + table td a {
  color: #490f0f !important;
  font-weight: 700;
}
/* Sidebar: memperbaiki keterbacaan tanpa menyembunyikan fitur. */
.pkp_structure_sidebar .pkp_block {
  font-size: 13px;
  line-height: 1.65;
}
.pkp_structure_sidebar .pkp_block .content p {
  text-align: left !important;
  line-height: 1.65 !important;
  margin: 0 0 10px;
}
/* Seluler: profil ditumpuk dengan proporsi wajar. */
@media (max-width: 650px) {
  .pkp_page_index table:has(img[src*="cp-newcov1.png"]),
  .pkp_page_index table:has(img[src*="cp-newcov1.png"]) tbody,
  .pkp_page_index table:has(img[src*="cp-newcov1.png"]) tr,
  .pkp_page_index table:has(img[src*="cp-newcov1.png"]) td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .pkp_page_index table:has(img[src*="cp-newcov1.png"]) td:first-child,
  .pkp_page_index table:has(img[src*="cp-newcov1.png"]) td:last-child {
    width: 100% !important;
  }
  .pkp_page_index table:has(img[src*="cp-newcov1.png"]) td:first-child { padding-bottom: 0 !important; }
  .pkp_page_index table:has(img[src*="cp-newcov1.png"]) img { width: 130px !important; }
  .pkp_page_index table:has(img[src*="cp-newcov1.png"]) + table td {
    display: block;
    width: 100% !important;
  }
}

/* 13. Penyesuaian akhir ringan pada beranda, tidak mengubah menu atau header.
   Ruang kosong setelah profil diperpendek hanya pada halaman beranda. */
.pkp_page_index .homepage_about {
  margin-bottom: 8px !important;
}
.pkp_page_index .current_issue {
  margin-top: 16px !important;
  padding-top: 0 !important;
}
/* Jaga tinggi kartu profil proporsional setelah sampul diperbesar. */
.pkp_page_index table:has(img[src*="cp-newcov1.png"]) td {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

/* ==========================================================
   KOREKSI SAMPUL — 13 NOV 2026
   File gambar cp-newcov1.png mengandung area transparan luas.
   Perbesar isi visualnya tanpa memengaruhi layout profil.
   ========================================================== */
@media (min-width: 651px) {
  .pkp_page_index table:has(img[src*="cp-newcov1.png"]) td:first-child {
    overflow: hidden !important;
    height: 225px !important;
    padding: 8px 0 !important;
    vertical-align: middle !important;
  }
  .pkp_page_index table:has(img[src*="cp-newcov1.png"]) img[src*="cp-newcov1.png"] {
    width: 190px !important;
    max-width: none !important;
    max-height: none !important;
    height: auto !important;
    transform: scale(2.2) !important;
    transform-origin: center center !important;
    margin: 0 auto !important;
  }
}
@media (max-width: 650px) {
  .pkp_page_index table:has(img[src*="cp-newcov1.png"]) td:first-child {
    overflow: hidden !important;
    height: 185px !important;
  }
  .pkp_page_index table:has(img[src*="cp-newcov1.png"]) img[src*="cp-newcov1.png"] {
    width: 165px !important;
    max-width: none !important;
    max-height: none !important;
    transform: scale(1.9) !important;
    transform-origin: center center !important;
  }
}