/*
=========================================================
 OJS Custom Stylesheet - CLEAN LAYOUT ONLY (70/30)
 FIX: Teks Header Hitam & Jarak Atas Diperkecil
=========================================================
*/

/* --- 1. PENGATURAN WARNA HEADER & MENU --- */
.pkp_structure_head {
    border-bottom: 1px solid #dddddd;
}

.pkp_site_nav_menu {
    background: transparent !important; 
}

/* MENGUBAH TEKS MENU MENJADI HITAM */
.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a,
.pkp_search a,
.pkp_search button {
    color: #000000 !important; 
    font-weight: bold;
}

/* Warna judul kotak sidebar */
.pkp_block .title {
    background-color: #091a45 !important;
    color: #ffffff !important;
}


/* --- 2. TATA LETAK UTAMA (Centered 1100px) --- */
.pkp_head_wrapper {
    max-width: 1100px !important;
    margin: 0 auto !important;
    box-sizing: border-box;
    padding-bottom: 5px !important; /* Memperkecil jarak dari header ke bawah */
}

.pkp_structure_page,
.pkp_structure_footer {
    max-width: 1100px !important;
    margin: 0 auto !important;
    box-sizing: border-box;
}

.pkp_structure_content {
    display: block !important;
}
.pkp_structure_content::after {
    content: "";
    display: table;
    clear: both;
}


/* --- 3. PEMBAGIAN KOLOM (70% Konten, 30% Sidebar) --- */
/* MENGURANGI PADDING ATAS (Dari 40px menjadi 15px) AGAR TIDAK TERLALU JAUH */
.pkp_structure_main {
    width: 70% !important;
    float: left !important;
    box-sizing: border-box;
    padding: 15px 30px 60px 0 !important; 
}

.pkp_structure_sidebar {
    width: 30% !important;
    float: right !important;
    box-sizing: border-box;
    padding: 15px 0 40px 20px !important; 
    border-left: 1px solid #dddddd !important; 
}


/* --- 4. TAMPILAN HP / TABLET (Responsif) --- */
@media (max-width: 900px) {
    .pkp_structure_main,
    .pkp_structure_sidebar {
        width: 100% !important;
        float: none !important;
        border-left: none !important;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    
    .pkp_structure_sidebar {
        border-top: 1px solid #dddddd !important;
        padding-top: 20px !important; /* Diperkecil juga untuk versi HP */
    }
}