/* 1. Atur gambar background pada area paling luar */
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 transparan elemen struktur luar OJS */
.pkp_structure_page,
.pkp_structure_head,
.pkp_structure_body {
    background: transparent !important;
}

/* 3. Menyamakan ukuran (Header, Konten Utama, dan Footer) menjadi 1200px presisi */
.pkp_structure_head,
#wrapper, 
.pkp_structure_content,
.pkp_structure_footer,
footer {
    max-width: 1200px !important;
    width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
}

/* 4. MERESET FOOTER OJS: Paksa footer bawaan OJS punya background solid & hilangkan padding pengganggu */
.pkp_structure_footer,
footer,
.pkp_brand_footer {
    background-color: #0f172a !important; /* Warna gelap solid sama seperti footer */
    padding: 0 !important;
    margin: 0 auto !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3) !important; /* Menyambung bayangan dari atas */
}

/* 5. Menjaga isi konten utama tetap Putih Solid */
#wrapper, 
.pkp_structure_content,
.pkp_structure_main,
.pkp_structure_sidebar {
    background-color: #ffffff !important;
    opacity: 1 !important;
}

/* 6. Pengaturan Banner Header agar pas mengikuti lebar 1200px */
.pkp_site_name .is_img {
    display: block !important;
    width: 100% !important;
    text-align: center;
}

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