/* 1. IMPORT FONT DARI GOOGLE FONTS */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Roboto:ital,wght@0,400;0,700;1,400&display=swap');

/* 2. PENERAPAN FONT KE SELURUH HALAMAN */
body, p, div, span, li, a {
    font-family: 'Roboto', sans-serif !important;
}
h1, h2, h3, h4, .navigation, .pkp_structure_sidebar h3 {
    font-family: 'Montserrat', sans-serif !important;
    font-weight: 700;
}

/* 3. BANNER - IKUT LEBAR CONTAINER TEMA */
.pkp_site_name_wrapper {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}
.pkp_site_name {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
    width: 100% !important;
}
.pkp_site_name .is_img {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}
.pkp_site_name .is_img a {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

/* GAMBAR PENUH TIDAK TERPOTONG */
.pkp_site_name .is_img img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;           /* Tinggi otomatis = tidak crop */
    max-height: none !important;       /* Hapus batas tinggi */
    object-fit: unset !important;      /* Matikan object-fit = gambar tampil alami */
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_site_name .is_text {
    display: none !important;
}

/* 4. HEADER CONTAINER */
header.pkp_structure_head,
.pkp_structure_head {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
}
.pkp_structure_head .pkp_helpers_container {
    padding: 0 !important;
}

/* 5. MENGHILANGKAN JUDUL & SPASI PUTIH */
.page_index_journal .homepage_about > h2,
.page_index_journal .page_title,
.page_index_journal .cmp_breadcrumbs {
    display: none !important;
}
.page_index_journal .pkp_structure_main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.page_index_journal .homepage_about {
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.page_index_journal .additional_content {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 6. RESPONSIVE UNTUK HP */
@media screen and (max-width: 768px) {
    .pkp_site_name .is_img img {
        width: 100% !important;
        height: auto !important;
    }
}