/* 1. Atur gambar background pada area paling luar (body & html) */
html, body {
    background-image: url('http://www.ilacedukasi.id/wp-content/uploads/2026/09/WhatsApp-Image-2026-09-10-at-16.52.39.jpeg') !important;
    background-repeat: no-repeat !important;
    background-position: center top !important;
    background-size: cover !important;
    background-attachment: fixed !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    min-height: 100vh !important;
}

/* 2. Bersihkan background elemen luar OJS agar tidak menghalangi gambar di tepi layar */
.pkp_structure_page,
.pkp_structure_head,
.pkp_structure_body,
.pkp_structure_footer {
    background: transparent !important;
}

/* 3. Bikin bagian tengah (konten jurnal) Putih Solid 100% dan tidak transparan */
#wrapper, 
.pkp_structure_content,
.pkp_structure_main,
.pkp_structure_sidebar {
    background-color: #ffffff !important; /* Putih pekat/solid */
    opacity: 1 !important;                 /* Memastikan tidak transparan sama sekali */
}

/* 4. Pembungkus tengah diatur ukurannya dan diberi bayangan (shadow) agar rapi */
#wrapper, 
.pkp_structure_content {
    max-width: 1200px !important;
    margin: 0 auto !important;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.3) !important;
}











/* 1. Paksa seluruh wadah Header menjadi Biru Dongker & Tanpa Margin */
.pkp_structure_head,
header.pkp_structure_head {
    background-color: #0f172a !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    position: relative !important;
}

/* 2. Dobrak pembatas lebar bawaan OJS (Wrapper) */
.pkp_structure_head .pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_name {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* 3. Paksa Gambar Header Melebar Penuh 100% Layar */
.pkp_site_name .is_img {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.pkp_site_name .is_img img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    display: block !important;
    object-fit: cover !important;
}

/* 4. Buat Navigasi Register / Login Transparan & Mengapung di Atas Banner */
.pkp_navigation_user_wrapper,
#navigationUser {
    position: absolute !important;
    top: 12px !important;
    right: 25px !important;
    background: transparent !important;
    background-color: transparent !important;
    z-index: 9999 !important;
    border: none !important;
    box-shadow: none !important;
}

.pkp_navigation_user a,
.pkp_navigation_user button {
    color: #ffffff !important;
    text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.8) !important;
    font-weight: 600 !important;
}





/* Menghilangkan jarak/celah di bagian atas header */
html, 
body, 
.pkp_structure_page, 
.pkp_structure_head, 
.pkp_navigation_user_wrapper,
header {
    margin-top: 0 !important;
    padding-top: 0 !important;
}












/* Menghilangkan garis/background biru muda bawaan OJS */
.pkp_structure_footer,
.pkp_footer_content,
.pkp_brand_footer,
footer {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
}





/* Menyembunyikan logo dan teks OJS/PKP di footer */
.pkp_brand_footer,
a.pkp_brand_footer,
.pkp_structure_footer .pkp_brand_footer {
    display: none !important;
}