/* --- Kode CSS Anda Sebelumnya --- */
.pkp_brand_footer {
    display: none;
}
.pkp_page_index .homepage_about .pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4,
.pkp_structure_main .page h1,
.obj_article_details .item.doi,
.obj_article_details .item.keywords,
.pkp_structure_main p:last-child,
.obj_article_details .item > *:last-child,
#articlesBySameAuthorList ul li,
#articlesBySimilarityList ul li {
    text-align: justify;
}
p{
	text-align: justify;
}


.pkp_site_name {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.pkp_site_name_wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.pkp_site_name a {
    display: block !important;
}
.pkp_site_name img {
    max-width: 100% !important;
    width: 100% !important;
    max-height: 100% !important;
}
.additional_content p, 
.additional_content td {
    text-align: justify !important;
}
.additional_content table {
    width: 100% !important;
    max-width: 100% !important;
    display: block;
    overflow-x: auto;
}
@media only screen and (max-width: 480px) {
    #headerNavigationContainer {
        padding-bottom: 17px !important;
    }
}

/* --- Perbaikan CSS Footer 2 Kolom (Dipaksa Sejajar di Laptop) --- */
.footer-flex-container {
    display: flex !important;
    flex-wrap: nowrap !important; /* Mencegah elemen turun ke bawah secara otomatis di layar besar */
    gap: 30px !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    font-size: 14px;
    line-height: 1.5;
    width: 100% !important;
}

.footer-flex-item {
    flex: 1 1 50% !important; /* Membagi rata persis 50:50 untuk kiri dan kanan */
    box-sizing: border-box !important;
    min-width: 0 !important; /* Mencegah iframe/teks merusak flexbox */
}

.footer-flex-item iframe {
    width: 100% !important;
    max-width: 100% !important;
    height: 250px !important;
    border: 0 !important;
    display: block !important;
}

/* Hanya berubah jadi 1 kolom saat dibuka di HP/Tablet (< 768px) */
@media screen and (max-width: 768px) {
    .footer-flex-container {
        flex-wrap: wrap !important;
        flex-direction: column !important;
    }
    .footer-flex-item {
        flex: 1 1 100% !important;
        width: 100% !important;
    }
}