/**
 * =================================================================
 * File CSS Tema Jurnal OJS 3 - "JIGM Theme" (By Khairul Amin)
* =================================================================
 */

/* --- [WAJIB DIEDIT] Konfigurasi Warna & Font Utama --- */
:root {
  --warna-utama: #ca0202; /* Merah Marun, untuk link, border, dan elemen utama */
  --warna-hover: #006798; /* Biru, untuk link hover */
  --warna-navigasi-awal: #fcede4; /* Gradien navigasi (warna kiri) */
  --warna-navigasi-akhir: #fcede4; /* Gradien navigasi (warna kanan) */
  --warna-sidebar-hover: #ffa46ff3; /* Oranye/Peach untuk hover menu sidebar */
  --warna-error: #ff4040; /* Merah untuk pesan error */
  --warna-tombol: #332c2b; /* Abu-abu tua untuk tombol */
  --warna-teks-utama: rgba(0, 0, 0, 0.87);
  --warna-teks-putih: #ffffff;
  --font-utama: "Noto Serif", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;
  --font-judul: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;
}


/* --- Normalisasi & Pengaturan Dasar --- */
html {
  line-height: 1.15;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
fieldset.reviewer {
   display: none;
}
.pkp_page_index .homepage_about h2 {
   display: none;
}
.pkp_page_index .homepage_about {
    padding-top: 0 !important;
}
.pkp_page_index .current_issue .current_issue_title {
  margin: 0.43rem;
}
.obj_issue_toc .sections:not(:first-child){
    margin: 0rem;
}
.obj_article_summary>.title {
    text-align: justify;
}
.obj_article_summary .authors {
        padding-right: 0em !important;
}
.obj_article_summary .pages {
        position: relative !important; 
        line-height: 1.143rem;
        color: #7e0000;
    }
.pkp_navigation_search_wrapper a{
    color: #000 !important;
    text-transform: uppercase;
    font-weight: 700;
}
body {
  margin: 0;
  font-family: var(--font-utama);
  font-size: 14px;
  line-height: 20px;
  color: var(--warna-teks-utama);
  background: url(https://img.freepik.com/premium-vector/round-frame-simple-template-background_1159-26628.jpg);
  background-size: 186px;
}

a {
  color: var(--warna-utama);
  text-decoration: none !important;
}
a:hover, a:focus {
  color: var(--warna-hover);
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
}


/* --- Struktur Halaman Utama --- */
.pkp_structure_page {
  margin: 0 auto;
  max-width: 1160px;
  background: #fbede47a;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
.pkp_site_name .is_img img {
    max-height: 100%;
}
@media (min-width: 1200px) {
  .pkp_structure_page {
    margin-top: -10px;
    margin-bottom: 0px;
  }
}

.pkp_structure_content {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding: 10px;
}

@media (min-width: 992px) {
  .pkp_structure_sidebar {
    float: right;
    width: 300px;
  }
  .pkp_structure_main {
    float: left;
    padding: 0 30px 90px;
    width: calc(100% - 300px);
  }

  .obj_article_summary .pages {
        position: relative !important; 
        line-height: 1.143rem;
        color: #7e0000;
    }
}
.pkp_structure_main {
    background: #ffffff5c;
}

/* --- Tipografi & Judul --- */
.pkp_structure_main h1, .pkp_structure_main h2, .pkp_structure_main h3, .pkp_structure_main h4 {
  font-family: var(--font-judul);
  margin: 40px 0 20px;
}
.pkp_structure_main h1 { font-size: 24px; line-height: 30px; font-weight: 700; }
.pkp_structure_main h2 { font-size: 18px; line-height: 30px; font-weight: 700; }
.pkp_structure_main h3 { font-size: 16px; line-height: 20px; font-weight: 700; }
.pkp_structure_main p {
  text-align: justify;
  line-height: 22px;
  margin: 9px 0;
}


/* --- Header & Navigasi --- */
.pkp_structure_head {
  background-color: #fdeeec;
  border-bottom: 1px solid #ddd;
}

.pkp_site_name_wrapper {
  background: #fdeeec;
}

.pkp_site_name .is_text {
  font-family: var(--font-judul);
  font-size: 24px;
  font-weight: 700;
  color: var(--warna-utama);
  text-decoration: none;
}

.pkp_navigation_primary_row {
  background: linear-gradient(89deg, var(--warna-navigasi-awal), var(--warna-navigasi-akhir));
  border-bottom: 3px solid #eb2324;
  border-top: 3px solid #eb2324;
}

#navigationPrimary a {
  font-family: var(--font-judul);
  font-size: 14px;
  color: var(--warna-teks-putih);
  font-weight: 700;
  text-transform: uppercase;
}
#navigationPrimary > li > a {
  padding: 10px;
  color: #bc1e1e;
  margin-left: 10px;
}
#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus {
  border-color: #bc1e1e;
  background-color: rgba(0,0,0,0.1);
}
@media (min-width: 992px){
    .pkp_navigation_user_wrapper {
        top: 25px;
        padding-right: 38px;
      
    }
    .pkp_navigation_user a{
        color:black;
        font-weight: 800;
        text-transform: uppercase;

    }
}


/* --- Sidebar --- */
.pkp_block {
  padding: 0px 0px 0px 20px;
  font-size: 14px;
  line-height: 20px;
}

.pkp_block .title {
  display: block;
  margin-bottom: 10px;
  padding-bottom: 0.5em;
  border-bottom: 3px solid var(--warna-utama);
  font-family: var(--font-judul);
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--warna-teks-utama);
}

.pkp_block .content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.pkp_block .content ul li {
    background: none;
    border-bottom: 2px solid var(--warna-utama);
    border-radius: 4px;
    padding: 0px 0;
    text-align: center;
    transition: background 0.3s ease, color 0.3s ease, transform 0.3s ease;
}
.pkp_block .content ul li:hover {
  background: linear-gradient(89deg, var(--warna-sidebar-hover), var(--warna-teks-putih));
  color: #333;
  transform: scale(1.02);
}
.pkp_block .content ul li a {
    text-decoration: none;
    color: var(--warna-teks-utama);
}
.pkp_block .content ul li:hover a {
    color: #333;
}


/* --- [FITUR KHUSUS] Tampilan Daftar Artikel (Grid 2 Kolom) --- */
.cmp_article_list.articles {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  justify-content: start;
}
/* Kembali ke 1 kolom di layar kecil */
@media (max-width: 768px) {
  .cmp_article_list.articles {
    grid-template-columns: 1fr;
  }
}
.cmp_article_list > li {
    margin-bottom: 0; /* Menghapus margin bawah default */
}


/* --- Tombol & Link Galley --- */
.block_make_submission a,
.obj_galley_link {
  font-family: var(--font-judul);
  font-weight: 700;
  text-transform: uppercase;
  background: var(--warna-tombol);
  color: var(--warna-teks-putih);
  border: none;
  padding: 0 1em;
  line-height: 28px;
  border-radius: 3px;
  display: inline-block;
  text-decoration: none;
}
.block_make_submission a:hover,
.block_make_submission a:focus,
.obj_galley_link:hover,
.obj_galley_link:focus {
  background: var(--warna-utama);
  color: var(--warna-teks-putih);
}


/* --- Halaman Depan & Detail Artikel --- */
.pkp_page_index .current_issue h2 {
  display: inline-block;
  padding-bottom: 0.5em;
  border-bottom: 3px solid var(--warna-utama);
  text-transform: uppercase;
  font-weight: 700;
}

.obj_article_details .main_entry .label {
  display: inline-block;
  padding: 0 0 5px;
  border-bottom: 3px solid var(--warna-utama);
  color: var(--warna-teks-utama);
  text-transform: uppercase;
  font-family: var(--font-judul);
}


/* --- Formulir & Pesan Error --- */
.cmp_form .label .required {
  color: var(--warna-error);
}
.cmp_form .pkp_form_error,
.page_register #formErrors,
.page_lost_password .pkp_form_error {
  background: var(--warna-error);
  color: var(--warna-teks-putih);
}


/* --- Footer --- */
.pkp_structure_footer_wrapper {
  border-top: 5px solid var(--warna-utama);
  background: var(--warna-teks-putih);
}
.pkp_footer_content {
  padding: 30px;
  text-align: left;
}
.pkp_brand_footer {
  display: none;
}