/* ==========================================================
   SEMBUNYIKAN KONTEN UTAMA - TAMPILKAN HANYA TEKS
   ========================================================== */

/* Sembunyikan semua konten di area utama */
.page_index_site .journals > ul,
.page_index_site .journals .thumb,
.page_index_site .journals .description,
.page_index_site .journals .links,
.page_index_site .journals li > .view,
.page_index_site .journals .body {
    display: none !important;
}

/* Tampilkan teks pengganti di area journals */
.page_index_site .journals {
    position: relative !important;
    min-height: 200px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

/* Tambahkan teks melalui pseudo-element */
.page_index_site .journals::before {
    content: "Asosiasi Informatika Sumatera Utara (Bahasa Indonesia)  North Sumatra Informatics Association(English)" !important;
    display: block !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #236e83 !important;
    text-align: center !important;
    padding: 40px 20px !important;
    max-width: 900px !important;
    line-height: 1.5 !important;
    position: relative !important;
    z-index: 999 !important;
}

/* Sembunyikan judul "Journals" */
.page_index_site .journals > h2 {
    display: none !important;
}

/* ==========================================================
   PERTAHANKAN HEADER, FOOTER, DAN STRUKTUR LAIN
   ========================================================== */

/* Jangan menambahkan selector global "nav" di bagian ini */
.pkp_structure_head,
.pkp_structure_footer,
.pkp_navigation,
.pkp_brand_footer,
header,
footer {
    display: block !important;
}

/* Reset body */
body {
    display: block !important;
    background: #f8f9fa !important;
}

/* ==========================================================
   PERBAIKAN MENU RESPONSIF OJS 3.5
   ========================================================== */

/* HP dan tablet: menu tertutup secara otomatis */
@media screen and (max-width: 991px) {
    .pkp_site_nav_menu {
        display: none !important;
    }

    /* Menu tampil ketika tombol hamburger ditekan */
    .pkp_site_nav_menu.pkp_site_nav_menu--isOpen {
        display: block !important;
    }
}

/* Desktop: menu selalu tampil normal */
@media screen and (min-width: 992px) {
    .pkp_site_nav_menu {
        display: block !important;
    }
}

/* ==========================================================
   RESPONSIVE TEKS HALAMAN UTAMA
   ========================================================== */

@media screen and (max-width: 600px) {
    .page_index_site .journals::before {
        font-size: 20px !important;
        padding: 30px 15px !important;
    }
}

@media screen and (max-width: 400px) {
    .page_index_site .journals::before {
        font-size: 17px !important;
        padding: 20px 10px !important;
    }
}