/* =========================================================
   OMAH KREATOR - FULL WIDTH HEADER
   OJS 3.3 - MANUSCRIPTS THEME
   Header: 1600 x 300 px
   ========================================================= */

/* 1. Area header */
.pkp_structure_head {
    position: relative !important;
}

/* 2. Container header dibuat full width */
.pkp_head_wrapper {
    max-width: 100% !important;
    width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 3. Area logo/header */
.pkp_site_name_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 4. Link pembungkus gambar */
.pkp_site_name > a {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 5. Gambar Header Omah Kreator */
.pkp_site_name img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* 6. Hilangkan jarak bawaan Manuscripts Theme */
.pkp_site_name {
    margin: 0 !important;
    padding: 0 !important;
}

/* 7. Register / Login tetap di kanan atas */
.pkp_navigation_user_wrapper {
    position: absolute !important;
    top: 20px !important;
    right: 30px !important;
    z-index: 100 !important;
}

/* =========================================================
   RESPONSIVE
   Supaya header tetap proporsional di layar kecil
   ========================================================= */

@media (max-width: 768px) {

    .pkp_navigation_user_wrapper {
        top: 10px !important;
        right: 15px !important;
    }

    .pkp_site_name img {
        width: 100% !important;
        height: auto !important;
    }
}