/* 1. Mengubah struktur header agar tersusun dari atas ke bawah (Vertikal) */
.pkp_structure_head .pkp_head_wrapper {
    display: flex !important;
    flex-direction: column !important;
    padding: 0 !important;
}

/* 2. Mengatur pembungkus logo agar mengambil lebar penuh (100%) */
.pkp_structure_head .pkp_site_name_wrapper {
    width: 100% !important;
    margin: 0 !important;
}

/* 3. Melepas posisi absolut bawaan OJS agar gambar bisa berada di tengah */
.pkp_structure_head .pkp_site_name {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 4. Mengatur gambar/logo menjadi proporsional dan mengambil lebar penuh seperti jurnal Circle */
.pkp_structure_head .pkp_site_name img {
    max-height: none !important; /* Menghapus batasan maksimal tinggi bawaan OJS */
    max-width: 100% !important;
    width: 100% !important;      /* Memaksa gambar mengisi layar (banner) */
    height: auto !important;     /* Menjaga proporsi agar tidak *stretch*/
    display: block !important;
    margin: 0 auto !important;
}

/* 5. Menempatkan menu navigasi utama agar sejajar di bawah banner */
.pkp_structure_head .pkp_navigation_primary_wrapper {
    width: 100% !important;
    padding: 10px 20px !important; 
}
.pkp_structure_main p,
.page_about p,
.page_issue p {
    text-align: justify !important;
    line-height: 1.75 !important; /* Menjaga jarak antar baris agar tetap nyaman dibaca */
}

/* Menargetkan secara spesifik bagian Abstrak */
.obj_article_details .item.abstract,
.obj_article_details .item.abstract p {
    text-align: justify !important;
    line-height: 1.75 !important;
}

/* Menargetkan secara spesifik bagian Daftar Pustaka (References) */
.obj_article_details .item.references,
.obj_article_details .item.references p,
.obj_article_details .item.references li {
    text-align: justify !important;
    line-height: 1.75 !important;
    margin-bottom: 10px; /* Memberi sedikit jarak antar referensi */
}

/* Menargetkan bagian deskripsi / summary di halaman depan (homepage) */
.pkp_structure_main .about_section,
.pkp_structure_main .about_section p {
    text-align: justify !important;
}