/* Memaksa Logo menjadi Banner Full Width */
.pkp_site_name .is_img img {
    width: 100% !important;  /* Lebar 100% mengikuti layar */
    max-width: 100% !important;
    height: auto !important; /* Tinggi menyesuaikan otomatis */
    max-height: none !important; /* Hapus batasan tinggi bawaan OJS */
}

/* (Opsional) Menghapus background Biru di belakang banner */
.pkp_structure_head {
    background-color: #ffffff !important; /* Ganti jadi putih */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Memastikan banner mepet kiri-kanan */
.pkp_head_wrapper {
    max-width: 100% !important;
    padding: 0 !important;
}
/* 1. Pengaturan Latar Belakang & Font */
body {
    background-color: #f8fafc !important; /* Abu-abu sangat muda agar konten menonjol */
    color: #1e293b;
}

/* 2. Styling Navigasi Utama (Current, Archives, About) */
.pkp_navigation_primary > li > a {
    color: #0d2846 !important; /* Biru Navy */
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.5px;
    padding: 10px 15px !important;
}

.pkp_navigation_primary > li > a:hover {
    color: #2563eb !important; /* Biru Terang saat hover */
    border-bottom: 2px solid #2563eb;
}

/* 3. Membuat Konten Tengah Terlihat Seperti Kartu (Card Layout) */
.pkp_structure_main {
    background: #ffffff;
    padding: 30px !important;
    border-radius: 8px;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    margin-top: 20px;
    margin-bottom: 40px;
}

/* 4. Mewarnai Judul Edisi & Artikel */
h2, h3, .obj_issue_summary h2 a, .obj_article_summary h3 a {
    color: #0d2846 !important; /* Biru Navy Gelap */
    text-decoration: none;
    transition: 0.3s;
}

h2:hover, h3:hover, .obj_issue_summary h2 a:hover, .obj_article_summary h3 a:hover {
    color: #2563eb !important;
}

/* 5. Styling Garis Pemisah (Border) */
.pkp_structure_head {
    border-bottom: 4px solid #0d2846 !important; /* Garis tebal di bawah banner */
}

hr, .obj_article_summary {
    border-color: #e2e8f0 !important;
}

/* 6. Styling Tombol PDF & View (Biru Aksensi) */
.obj_article_summary .pages, .obj_article_summary .pdf {
    background-color: #f0f7ff !important;
    color: #1e40af !important;
    border: 1px solid #bfdbfe !important;
    padding: 5px 12px !important;
    border-radius: 4px;
    font-weight: bold;
    text-decoration: none;
}

.obj_article_summary .pdf:hover {
    background-color: #1e40af !important;
    color: #ffffff !important;
}

/* 7. Footer Biru Profesional */
.pkp_structure_footer {
    background-color: #0d2846 !important;
    color: #ffffff !important;
    padding: 40px 0 !important;
}

.pkp_structure_footer a {
    color: #bfdbfe !important;
}

/* 8. Merapikan Sidebar agar menyatu dengan konten */
.pkp_structure_sidebar {
    padding-top: 20px !important;
}