/* 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 sejajar dengan margin */
.pkp_structure_head .pkp_site_name {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    text-align: left !important; /* DIUBAH: Menjadi rata kiri */
    padding: 10px 20px !important; /* DIUBAH: Menyesuaikan padding agar lurus dengan menu */
    margin: 0 !important;
}

/* 4. Mengatur gambar/banner agar full width 100% seperti Jurnal Circle */
.pkp_structure_head .pkp_site_name img {
    width: 100% !important;      /* Memaksa lebar memenuhi kontainer */
    max-width: 100% !important;
    height: auto !important;     /* Tinggi menyesuaikan bentuk asli banner */
    max-height: none !important; /* Menghilangkan batasan maksimal tinggi bawaan OJS */
    display: block !important;
    margin: 0 !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; 
}

/* Pengaturan Teks dan Paragraf */
.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;
}
/* Menghapus background gambar raksasa di belakang logo utama */
.pkp_structure_head,
.pkp_structure_head .pkp_head_wrapper {
    background-image: none !important;
    background-color: #ffffff !important; /* Memastikan latar belakang menjadi putih polos */
}