/* =========================
   OJS CLEAN SAFE VERSION
   ========================= */

/* 1. GLOBAL */
body {
    font-family: 'Segoe UI', Roboto, sans-serif;
    background-color: #f5f7fa;
    color: #333;
}

/* 2. HEADER (TIDAK DIHANCURKAN STRUKTURNYA) */
.pkp_site_name img {
    width: 100%;
    height: auto;
    max-height: 150px;
    object-fit: cover;
}

/* HILANGKAN BATAS CONTAINER */
.pkp_site_name .is_img {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

/* GAMBAR FULL LEBAR */
.pkp_site_name .is_img img {
    width: 100% !important;
    height: auto !important;
    display: block;
}

/* HAPUS BATAS TINGGI DI CONTAINER */
.pkp_site_name,
.pkp_site_name .is_img {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

/* PASTIKAN GAMBAR TIDAK KEPOTONG */
.pkp_site_name .is_img img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain;
    display: block;
}

/* 3. NAVBAR */
.pkp_navigation_primary_wrapper {
    background: #ffffff;
    border-bottom: 1px solid #e0e0e0;
}

.pkp_navigation_primary > li > a {
    color: #333;
    font-weight: 500;
}

.pkp_navigation_primary > li > a:hover {
    color: #0d6efd;
}

/* 4. ARTIKEL CARD */
.obj_article_summary {
    background: #ffffff;
    border-radius: 10px;
    padding: 18px;
    margin-bottom: 20px;
    border: 1px solid #eee;
    transition: 0.3s;
}

.obj_article_summary:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}

/* 5. JUDUL */
.obj_article_summary .title a {
    font-size: 17px;
    font-weight: 600;
    color: #0d6efd;
}

.obj_article_summary .title a:hover {
    text-decoration: underline;
}

/* 6. BUTTON */
.pkp_button {
    background: #0d6efd;
    border-radius: 6px;
    border: none;
}

.pkp_button:hover {
    background: #0b5ed7;
}

/* 7. SIDEBAR */
.pkp_block {
    border-radius: 8px;
    padding: 12px;
}

/* 8. FOOTER (JANGAN DIHANCURKAN) */
.pkp_structure_footer_wrapper,
.pkp_structure_footer {
    background: #005500 !important;
    background-color: #005500 !important;
}

/* TEKS & LINK JADI PUTIH */
.pkp_structure_footer_wrapper,
.pkp_structure_footer_wrapper p,
.pkp_structure_footer_wrapper span,
.pkp_structure_footer_wrapper div {
    color: #ffffff !important;
}

.pkp_structure_footer_wrapper a {
    color: #ffffff !important;
}