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

/* --- [WAJIB DIEDIT] Konfigurasi Warna & Font Utama --- */
:root {
  --warna-utama: #27381d; /* Merah Marun, untuk link, border, dan elemen utama */
  --warna-hover: #95482f; /* Biru, untuk link hover */
  --warna-navigasi-awal: #27381d; /* Gradien navigasi (warna kiri) */
  --warna-navigasi-akhir: #27381d; /* Gradien navigasi (warna kanan) */
  --warna-sidebar-hover: #f7b306f3; /* 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%;
}
.pkp_nav_list ul {
	background: #26371d;
}
.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;padding-top: 8px;
}
body {
  margin: 0;
  font-family: var(--font-utama);
  font-size: 14px;
  line-height: 20px;
  color: var(--warna-teks-utama);
  background: url(https://t3.ftcdn.net/jpg/03/90/31/28/360_F_390312870_vcVseKRXP5hhtRLdZOAbNGxbTCgMurdf.jpg);

}

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: #ffffffe6;
  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: -37px;
    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: none;
}

/* --- 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;
}

    .elegant-sidebar {
        font-family: var(--font-utama);
        text-align: center;
        color: var(--warna-teks);
    }

    /* Gaya untuk Judul Setiap Bagian */
    .sidebar-title {
        font-size: 14px;
        font-weight: 700;
        color: var(--warna-judul);
        text-transform: uppercase;
        letter-spacing: 1.5px;
        padding-bottom: 8px;
        margin: 30px 0 0 0;
        border-bottom: 2px solid var(--warna-aksen);
        display: inline-block; /* Agar border hanya selebar teks */
    }

    /* Gaya untuk Menu Navigasi */
    .sidebar-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
        text-align: left;
    }
    .sidebar-menu li a {
        display: block;
        color: var(--warna-teks);
        padding: 10px 15px;
        border-radius: 6px;
        text-decoration: none;
        font-weight: 500;
        font-size: 14px;
        transition: all 0.25s ease-in-out;
    }
    .sidebar-menu li a:hover {
        background-color: #26371d;
        color: #ffff;
        transform: translateX(5px);
    }

    /* Gaya untuk Template Artikel */
    .template-link a {
        display: inline-block;
        border: 1px solid #ddd;
        border-radius: 8px;
        overflow: hidden;
        transition: all 0.3s ease;
        box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    }
    .template-link a:hover {
        transform: translateY(-5px);
        box-shadow: 0 8px 20px rgba(0,0,0,0.1);
        border-color: var(--warna-aksen);
    }
    .template-link img {
        display: block;
        max-width: 220px; /* Atur lebar maksimal template */
        width: 100%;
    }

    /* Gaya untuk Grid Logo Indeks & Tools */
    .logo-grid {
        display: grid;
        grid-template-columns: 1fr 1fr; /* 2 kolom */
        gap: 15px;
        align-items: center;
        padding: 0 10px;
    }
    .logo-grid a {
        display: block;
        transition: transform 0.2s ease;
    }
    .logo-grid a:hover {
        transform: scale(1.08);
    }
    .logo-grid img {
        width: 100%;
        max-width: 120px;
        filter: grayscale(100%); /* Efek Grayscale */
        opacity: 0.8;
        transition: all 0.3s ease;
    }
    .logo-grid img:hover {
        filter: grayscale(0%); /* Kembali berwarna saat disentuh mouse */
        opacity: 1;
    }

    /* Gaya untuk Pengunjung */
    .visitors-section img {
        max-width: 100%;
        margin-bottom: 10px;
    }

.pkp_structure_main:before, .pkp_structure_main:after{
	background: none !important;
}
/* --- Header & Navigasi --- */
.pkp_structure_head {
  background-color: #26371d;
  border-bottom: 1px solid #ddd;
}

.pkp_site_name_wrapper {
  background: #27381d;
}

.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 #f9f20d;
    border-top: 3px solid #f9f20d;
}

#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: #f8f213;
  margin-left: 10px;
}
#navigationPrimary > li > a:hover,
#navigationPrimary > li > a:focus {
  border-color: #f8f213;
  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;
		margin-top: 20px;         background: #f6f312;
    }
}


/* --- 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: #ffffff;
  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: #ffffff;
}

/* --- Tata Letak Grid (Tetap Responsif) --- */
.cmp_article_list.articles {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
    gap: 1.5rem;
}

/* --- [UPGRADE UTAMA] Desain Kartu Artikel Mewah --- */
.obj_article_summary {
    background: linear-gradient(to bottom, #ffffff, #cfc5ac4a); /* Gradien halus untuk kedalaman */
    border: 1px solid #f9f20d82;
    border-radius: 10px; /* Sudut lebih lembut */
    padding: 1rem;
    margin: 0 !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
    position: relative;
    overflow: hidden;
    /* Transisi yang lebih canggih (cubic-bezier) untuk kesan mewah */
    transition: all 0.35s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* --- [EFEK KUNCI] Interaksi yang Hidup Saat Hover --- */
.obj_article_summary:hover {
    transform: translateY(-8px) scale(1.01); /* Mengangkat & sedikit membesar */
    border-color: var(--warna-aksen); /* Border menyala dengan warna Emas */
    /* Bayangan menjadi lebih besar dan berwarna biru halus */
    box-shadow: 0 15px 35px rgba(10, 43, 86, 0.15); 
}

/* --- Badge Premium --- */
.obj_article_summary .series,
.obj_article_summary .galleys_links a {
    display: inline-block;
    padding: 5px 14px;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.5;
    color: #555;
    border: 1px solid #ddd;
    background: linear-gradient(to top, #f0f0f0, #cfc5ac4a);
    border-radius: 50px;
    text-decoration: none;
    margin-right: 8px;
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.obj_article_summary .galleys_links a:hover {
    background: var(--warna-aksen);
    border-color: var(--warna-aksen);
    color: var(--warna-utama);
}
.obj_article_summary .galleys_links a::before {
    content: 'DOI ↗';
}
.obj_article_summary .galleys_links .galleys_link .label {
    display: none;
}

/* --- Tipografi Formal & Berwibawa --- */
.obj_article_summary .title {
    font-family: var(--font-utama);
    font-size: 1.2rem; /* Sedikit lebih besar untuk dampak maksimal */
    font-weight: normal;
    line-height: 1.1;
    color: #064198;
    margin: 0 0 0.5rem 0;
}
.obj_article_summary .title a {
    text-decoration: none;
    color: inherit;
}
.obj_article_summary .title a:hover {
    color: #980606;
    text-decoration: underline;
}

.obj_article_summary .authors {
    font-size: 0.9rem;
    color: var(--warna-teks-penulis);
    margin-bottom: 1.2rem;
    font-style: italic;
    line-height: 1.4;
}
/* Tambahan "By" untuk kesan formal */
.obj_article_summary .authors::before {
    content: 'By ';
    font-style: normal;
    font-weight: 500;
    color: #07044e;
}

/* Mendorong tombol ke bagian bawah kartu */
.obj_article_summary .galleys_links {
    margin-top: auto;
    padding-top: 1rem;
}


/* 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;
}