/* =========================================================
   Custom Style Sheet untuk OJS 3.2
   Warna Tema Utama: #009a4c
   ========================================================= */

/* 1. Mengatur Latar Belakang (Background Pinggir) */
body {
    /*https://e-journal-hki.stairo-probolinggo.ac.id/index.php/RJ/libraryFiles/downloadPublic/4 */
    background-image: url('https://e-journal-hki.stairo-probolinggo.ac.id/index.php/RJ/libraryFiles/downloadPublic/4'); 
    background-repeat: repeat;
    background-attachment: fixed; /* Membuat background diam saat halaman di-scroll */
    background-color: #e9ecef; /* Warna cadangan jika gambar gagal dimuat */
}

/* 2. Mengatur Area Konten Utama agar Tetap Putih dan Terbaca */
.pkp_structure_page {
    background-color: #ffffff;
    max-width: 1200px; /* Lebar standar halaman OJS */
    margin: 0 auto; /* Posisi di tengah */
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); /* Memberikan efek bayangan lembut sebagai pemisah dari background */
    padding: 0 20px 20px 20px;
}

/* 3. Menyesuaikan Warna Tautan (Link) */
a {
    color: #009a4c;
}
a:hover, a:focus {
    color: #007a3c; /* Warna hijau yang sedikit lebih gelap saat kursor diarahkan */
    text-decoration: underline;
}

/* 4. Menyesuaikan Warna Tombol (Buttons) */
.pkp_button, button, input[type="submit"], input[type="button"] {
    background-color: #009a4c;
    border-color: #009a4c;
    color: #ffffff;
}
.pkp_button:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover,
.pkp_button:focus, button:focus, input[type="submit"]:focus, input[type="button"]:focus {
    background-color: #007a3c;
    border-color: #007a3c;
    color: #ffffff;
}

/* 5. Menyesuaikan Garis Atas Header (Opsional) */
.pkp_structure_head {
    border-top: 5px solid #009a4c;
}

/* 6. Menyesuaikan Warna Menu Navigasi Utama */
.pkp_navigation_primary ul li a:hover,
.pkp_navigation_primary ul li a:focus,
.pkp_navigation_user ul li a:hover,
.pkp_navigation_user ul li a:focus {
    color: #009a4c;
}

/* 7. Menyesuaikan Warna Judul / Heading */
h1, h2, h3, h4, h5, h6, 
.pkp_page_title {
    color: #009a4c;
}

/* 8. Menyesuaikan Warna Kotak Informasi / Sidebar (Opsional) */
.pkp_block .title {
    border-bottom: 2px solid #009a4c;
    color: #009a4c;
}
/* =========================================================
   Tambahan Style untuk Sidebar dan Footer
   ========================================================= */

/* 1. Mempercantik Sidebar (Blok Samping) */
.pkp_structure_sidebar {
    padding-top: 20px;
}

/* Judul setiap blok di sidebar */
.pkp_block .title {
    background-color: #009a4c;
    color: #ffffff !important; /* Warna teks putih agar kontras */
    padding: 10px 15px;
    border-radius: 4px 4px 0 0; /* Membuat sudut atas melengkung */
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.9em;
    border-bottom: none;
}

/* Isi konten di dalam blok sidebar */
.pkp_block .content {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 15px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-bottom: 20px;
}

/* 2. Mengatur Footer (Bagian Bawah) */
.pkp_structure_footer_wrapper {
    background-color: #009a4c; /* Warna hijau penuh untuk area footer */
    color: #ffffff;
    border-top: 5px solid #007a3c;
    margin-top: 40px;
}

.pkp_structure_footer {
    padding: 30px 20px;
}

/* Mengatur warna link di dalam footer agar terlihat */
.pkp_structure_footer a {
    color: #ffffff;
    text-decoration: underline;
    font-weight: bold;
}

.pkp_structure_footer a:hover {
    color: #e9ecef;
}

/* Brand/Logo di Footer */
.pkp_footer_content .pkp_brand_footer img {
    filter: brightness(0) invert(1); /* Membuat logo partner (seperti PKP) jadi putih jika perlu */
}

/* 3. Menyesuaikan Tampilan Badge (misal: PDF/Full Text) */
.obj_article_summary .links a, 
.obj_issue_toc .links a {
    background-color: #009a4c;
    color: #ffffff;
    border-radius: 3px;
    padding: 5px 10px;
    transition: background 0.3s ease;
}

.obj_article_summary .links a:hover, 
.obj_issue_toc .links a:hover {
    background-color: #007a3c;
    text-decoration: none;
}

/* 4. Breadcrumbs (Navigasi Jejak Halaman) */
.pkp_structure_breadcrumb ol li a {
    color: #009a4c;
}

.pkp_structure_breadcrumb ol li:last-child {
    color: #666;
}