/* =========================================================
   JPLTROP - OJS STYLE
   Target layout:
   - Header/banner centered with same width as main site
   - Brown navigation bar
   - Brown sidebar blocks
   - Clean white page background
   - Login/user area integrated with brown theme
   ========================================================= */

/* ---------- COLOR PALETTE ---------- */
:root {
    --jpltrop-brown: #633313;
    --jpltrop-brown-dark: #4c250f;
    --jpltrop-brown-light: #75401e;
    --jpltrop-white: #ffffff;
    --jpltrop-text: #222222;
}


/* =========================================================
   1. PAGE / MAIN CONTAINER
   ========================================================= */

body {
    background: #ffffff !important;
    color: var(--jpltrop-text) !important;
}

.pkp_structure_page {
    background: #ffffff !important;
}

/*
   Target width follows the reference screenshot.
   Header, navbar and content are aligned to the same container.
*/
.pkp_structure_head,
.pkp_structure_content,
.pkp_structure_footer {
    width: 100% !important;
}


/* =========================================================
   2. HEADER / JOURNAL BANNER
   ========================================================= */

.pkp_structure_head {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: #ffffff !important;
}

.pkp_head_wrapper {
    width: 100% !important;
    max-width: 1360px !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

/* Remove unwanted OJS spacing */
.pkp_site_name_wrapper,
.pkp_site_name {
    width: 100% !important;
    max-width: 1360px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
}

.pkp_site_name > a {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 0 !important;
}

/* Show the complete uploaded JPLTrop banner */
.pkp_site_name img,
.pkp_site_name .is_img img {
    display: block !important;
    width: 100% !important;
    max-width: 1360px !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 auto !important;
    padding: 0 !important;
}


/* =========================================================
   3. TOP USER / LOGIN BAR
   ========================================================= */

.pkp_navigation_user_wrapper {
    width: 100% !important;
    max-width: 1360px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: var(--jpltrop-brown) !important;
    border: 0 !important;
    min-height: 0 !important;
    position: relative !important;
    z-index: 1000 !important;
}

.pkp_navigation_user {
    background: var(--jpltrop-brown) !important;
    margin: 0 !important;
    padding: 0 10px !important;
    text-align: right !important;
}

.pkp_navigation_user > li > a,
.pkp_navigation_user > li > a:visited {
    color: #ffffff !important;
    background: var(--jpltrop-brown) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
    color: #ffffff !important;
    background: var(--jpltrop-brown-dark) !important;
}


/* User dropdown */
.pkp_navigation_user .dropdown-menu {
    background: #ffffff !important;
    border: 1px solid var(--jpltrop-brown) !important;
    border-radius: 0 !important;
    z-index: 2000 !important;
}

.pkp_navigation_user .dropdown-menu a,
.pkp_navigation_user .dropdown-menu a:visited {
    color: #000000 !important;
    background: #ffffff !important;
    font-weight: 700 !important;
}

.pkp_navigation_user .dropdown-menu a:hover {
    color: #000000 !important;
    background: #eeeeee !important;
}


/* =========================================================
   4. MAIN NAVIGATION
   ========================================================= */

.pkp_navigation_primary_wrapper {
    width: 100% !important;
    max-width: 1360px !important;
    margin: 0 auto !important;
    padding: 0 !important;

    background: var(--jpltrop-brown) !important;
    border: 0 !important;
    box-shadow: none !important;

    position: relative !important;
    z-index: 900 !important;
}

.pkp_navigation_primary {
    width: 100% !important;
    max-width: 1360px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: var(--jpltrop-brown) !important;
}

.pkp_navigation_primary > li > a,
.pkp_navigation_primary > li > a:visited {
    color: #ffffff !important;
    background: var(--jpltrop-brown) !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 11px 14px !important;
    text-decoration: none !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    color: #ffffff !important;
    background: var(--jpltrop-brown-dark) !important;
}


/* Dropdown menu */
.pkp_navigation_primary .dropdown-menu {
    background: var(--jpltrop-brown) !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.pkp_navigation_primary .dropdown-menu a {
    color: #ffffff !important;
    background: var(--jpltrop-brown) !important;
}

.pkp_navigation_primary .dropdown-menu a:hover {
    color: #ffffff !important;
    background: var(--jpltrop-brown-dark) !important;
}


/* Search */
.pkp_search {
    margin: 0 !important;
}

.pkp_search a,
.pkp_search button,
.pkp_search .search_prompt {
    color: #ffffff !important;
}

.pkp_search:hover {
    background: var(--jpltrop-brown-dark) !important;
}


/* =========================================================
   5. CONTENT WIDTH
   ========================================================= */

.pkp_structure_content {
    max-width: 1360px !important;
    margin: 0 auto !important;
    background: #ffffff !important;
}

/* Main content and sidebar */
.pkp_structure_main {
    background: #ffffff !important;
}

.pkp_structure_sidebar {
    background: #ffffff !important;
}


/* =========================================================
   6. SIDEBAR BLOCKS - BROWN
   ========================================================= */

.pkp_structure_sidebar .pkp_block {
    margin-bottom: 18px !important;
}

.pkp_structure_sidebar .pkp_block .title {
    background: var(--jpltrop-brown) !important;
    color: #ffffff !important;
    padding: 11px 14px !important;
    margin: 0 !important;
    font-weight: 700 !important;
    border: 0 !important;
}

/* Sidebar links */
.pkp_structure_sidebar .pkp_block a {
    color: var(--jpltrop-brown) !important;
}

.pkp_structure_sidebar .pkp_block a:hover {
    color: var(--jpltrop-brown-dark) !important;
}


/* =========================================================
   7. TABLES / HEADINGS / BUTTONS
   ========================================================= */

.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3 {
    color: #1f1f1f !important;
}

.pkp_structure_main .button,
.pkp_structure_main button,
.pkp_structure_main input[type="submit"] {
    background: var(--jpltrop-brown) !important;
    border-color: var(--jpltrop-brown) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

.pkp_structure_main .button:hover,
.pkp_structure_main button:hover,
.pkp_structure_main input[type="submit"]:hover {
    background: var(--jpltrop-brown-dark) !important;
    border-color: var(--jpltrop-brown-dark) !important;
}


/* =========================================================
   8. LOGIN / DASHBOARD / REGISTER
   ========================================================= */

.pkp_page_login h1,
.pkp_page_register h1,
.pkp_page_dashboard h1 {
    color: #1f1f1f !important;
}

.pkp_page_login a,
.pkp_page_register a,
.pkp_page_dashboard a {
    color: var(--jpltrop-brown) !important;
}

.pkp_page_login .button,
.pkp_page_login button,
.pkp_page_login input[type="submit"],
.pkp_page_register .button,
.pkp_page_register button,
.pkp_page_register input[type="submit"],
.pkp_page_dashboard .button,
.pkp_page_dashboard button,
.pkp_page_dashboard input[type="submit"] {
    background: var(--jpltrop-brown) !important;
    border-color: var(--jpltrop-brown) !important;
    color: #ffffff !important;
    font-weight: 700 !important;
}

.pkp_page_login .button:hover,
.pkp_page_login button:hover,
.pkp_page_register .button:hover,
.pkp_page_register button:hover,
.pkp_page_dashboard .button:hover,
.pkp_page_dashboard button:hover {
    background: var(--jpltrop-brown-dark) !important;
}


/* =========================================================
   9. REMOVE UNWANTED BORDERS / SPACING
   ========================================================= */

.pkp_structure_head:before,
.pkp_structure_head:after,
.pkp_head_wrapper:before,
.pkp_head_wrapper:after,
.pkp_site_name:before,
.pkp_site_name:after {
    display: none !important;
}

.pkp_site_name,
.pkp_site_name_wrapper,
.pkp_site_name > a,
.pkp_site_name img {
    box-sizing: border-box !important;
}


/* =========================================================
   10. RESPONSIVE
   ========================================================= */

@media (max-width: 1399px) {

    .pkp_head_wrapper,
    .pkp_site_name_wrapper,
    .pkp_site_name,
    .pkp_navigation_primary_wrapper,
    .pkp_navigation_primary,
    .pkp_navigation_user_wrapper,
    .pkp_structure_content {
        max-width: 100% !important;
    }

    .pkp_site_name img {
        max-width: 100% !important;
    }
}

@media (max-width: 767px) {

    .pkp_navigation_primary > li > a {
        font-size: 13px !important;
        padding: 9px 10px !important;
    }

    .pkp_navigation_user > li > a {
        font-size: 12px !important;
        padding: 7px 9px !important;
    }

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

    .pkp_structure_content {
        width: 100% !important;
    }
}


/* =========================================================
   11. FINAL OVERRIDE
   Prevent OJS theme from cropping the banner.
   ========================================================= */

.pkp_structure_head img {
    max-height: none !important;
}

.pkp_site_name,
.pkp_site_name_wrapper,
.pkp_site_name > a {
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    overflow: visible !important;
}


/* =========================================================
   JPLTROP - COMPACT NAVIGATION OVERRIDE
   Mengurangi tinggi area cokelat yang terlalu besar.
   ========================================================= */

/* Jadikan navbar sebagai satu baris kompak */
.pkp_navigation_primary_wrapper {
    position: relative !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    padding: 0 !important;
    overflow: visible !important;
    background: #633313 !important;
}

/* Menu utama tetap berada dalam satu baris */
.pkp_navigation_primary {
    height: 58px !important;
    min-height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    background: #633313 !important;
}

/* Ukuran menu diperkecil */
.pkp_navigation_primary > li > a,
.pkp_navigation_primary > li > a:visited {
    height: 58px !important;
    line-height: 58px !important;
    padding: 0 18px !important;
    margin: 0 !important;
    font-size: 16px !important;
    white-space: nowrap !important;
}

/* Search dibuat sejajar dan tidak membuat bar bertambah tinggi */
.pkp_navigation_primary .pkp_search,
.pkp_navigation_primary > li.pkp_search {
    height: 58px !important;
    line-height: 58px !important;
    margin-left: auto !important;
}

.pkp_navigation_primary .pkp_search a,
.pkp_navigation_primary .pkp_search button,
.pkp_navigation_primary .pkp_search .search_prompt {
    height: 58px !important;
    line-height: 58px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* =========================================================
   USER / LOGIN DIPERKECIL
   ========================================================= */

/*
   User menu dibuat tipis dan ditempatkan di kanan atas
   tanpa menambah tinggi navbar.
*/
.pkp_navigation_user_wrapper {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: auto !important;
    max-width: none !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    z-index: 1500 !important;
}

.pkp_navigation_user {
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    background: transparent !important;
}

.pkp_navigation_user > li {
    height: 32px !important;
    line-height: 32px !important;
    margin: 0 !important;
}

.pkp_navigation_user > li > a,
.pkp_navigation_user > li > a:visited {
    height: 32px !important;
    line-height: 32px !important;
    padding: 0 9px !important;
    margin: 0 !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    background: transparent !important;
    color: #ffffff !important;
}

/* Dropdown user */
.pkp_navigation_user .dropdown-menu {
    top: 32px !important;
    right: 0 !important;
    left: auto !important;
    margin-top: 0 !important;
}

/* =========================================================
   PAKSA TIDAK ADA RUANG VERTIKAL TAMBAHAN
   ========================================================= */

.pkp_navigation_primary_wrapper:before,
.pkp_navigation_primary_wrapper:after,
.pkp_navigation_primary:before,
.pkp_navigation_primary:after {
    display: none !important;
}

.pkp_navigation_user_wrapper:before,
.pkp_navigation_user_wrapper:after,
.pkp_navigation_user:before,
.pkp_navigation_user:after {
    display: none !important;
}

/* Jika tema OJS memberikan padding tambahan */
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary,
.pkp_navigation_user_wrapper,
.pkp_navigation_user {
    box-sizing: border-box !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .pkp_navigation_primary_wrapper,
    .pkp_navigation_primary {
        height: 52px !important;
        min-height: 52px !important;
        max-height: 52px !important;
    }

    .pkp_navigation_primary > li > a {
        height: 52px !important;
        line-height: 52px !important;
        padding: 0 10px !important;
        font-size: 13px !important;
    }

    .pkp_navigation_user_wrapper,
    .pkp_navigation_user,
    .pkp_navigation_user > li,
    .pkp_navigation_user > li > a {
        height: 28px !important;
        line-height: 28px !important;
    }

    .pkp_navigation_user_wrapper {
        top: 0 !important;
    }
}


/* =========================================================
   JPLTROP - USER MENU FIX
   Menampilkan Register / Login / Dashboard dengan jelas
   ========================================================= */

/*
   USER BAR:
   Dibuat sebagai bar cokelat tipis di bagian paling atas
   navbar. Tinggi hanya 32px sehingga tidak membuat area
   cokelat terlalu besar.
*/
.pkp_navigation_user_wrapper {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    max-width: 1360px !important;
    height: 32px !important;
    min-height: 32px !important;
    max-height: 32px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: #633313 !important;
    overflow: visible !important;
    z-index: 2000 !important;
}

.pkp_navigation_user {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: 100% !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    background: #633313 !important;
    list-style: none !important;
}

.pkp_navigation_user > li {
    display: inline-flex !important;
    align-items: center !important;
    height: 32px !important;
    margin: 0 !important;
}

.pkp_navigation_user > li > a,
.pkp_navigation_user > li > a:visited {
    display: inline-flex !important;
    align-items: center !important;
    height: 32px !important;
    padding: 0 10px !important;
    color: #ffffff !important;
    background: transparent !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 32px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
}

.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
    color: #ffffff !important;
    background: #4c250f !important;
}

/* Dropdown Dashboard / Profile / Logout */
.pkp_navigation_user .dropdown-menu {
    position: absolute !important;
    top: 32px !important;
    right: 8px !important;
    left: auto !important;
    min-width: 170px !important;
    padding: 5px 0 !important;
    margin: 0 !important;
    background: #ffffff !important;
    border: 1px solid #633313 !important;
    border-radius: 0 !important;
    box-shadow: 0 3px 10px rgba(0,0,0,.18) !important;
    z-index: 99999 !important;
}

.pkp_navigation_user .dropdown-menu li {
    display: block !important;
    width: 100% !important;
}

.pkp_navigation_user .dropdown-menu a,
.pkp_navigation_user .dropdown-menu a:visited {
    display: block !important;
    width: 100% !important;
    padding: 9px 14px !important;
    color: #000000 !important;
    background: #ffffff !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.pkp_navigation_user .dropdown-menu a:hover {
    color: #ffffff !important;
    background: #633313 !important;
}


/* =========================================================
   MAIN NAVIGATION
   ========================================================= */

.pkp_navigation_primary_wrapper {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    background: #633313 !important;
    overflow: visible !important;
}

.pkp_navigation_primary {
    height: 50px !important;
    min-height: 50px !important;
    max-height: 50px !important;
    display: flex !important;
    align-items: center !important;
    background: #633313 !important;
}

.pkp_navigation_primary > li {
    height: 50px !important;
    display: flex !important;
    align-items: center !important;
}

.pkp_navigation_primary > li > a,
.pkp_navigation_primary > li > a:visited {
    height: 50px !important;
    line-height: 50px !important;
    padding: 0 18px !important;
    font-size: 16px !important;
    color: #ffffff !important;
    background: #633313 !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    background: #4c250f !important;
    color: #ffffff !important;
}


/* =========================================================
   SEARCH - TETAP DI KANAN
   ========================================================= */

.pkp_navigation_primary .pkp_search,
.pkp_navigation_primary > li.pkp_search {
    margin-left: auto !important;
    height: 50px !important;
}

.pkp_navigation_primary .pkp_search a,
.pkp_navigation_primary .pkp_search button,
.pkp_navigation_primary .pkp_search .search_prompt {
    height: 50px !important;
    line-height: 50px !important;
    color: #ffffff !important;
}


/* =========================================================
   JANGAN BIARKAN USER MENU HILANG
   ========================================================= */

.pkp_navigation_user_wrapper,
.pkp_navigation_user_wrapper *,
.pkp_navigation_user {
    visibility: visible !important;
    opacity: 1 !important;
}


/* =========================================================
   JIKA OJS MENEMPATKAN USER BAR DI DALAM HEADER
   ========================================================= */

.pkp_structure_head .pkp_navigation_user_wrapper {
    background: #633313 !important;
}

.pkp_structure_head .pkp_navigation_user_wrapper a {
    color: #ffffff !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .pkp_navigation_user_wrapper {
        height: 30px !important;
        min-height: 30px !important;
        max-height: 30px !important;
    }

    .pkp_navigation_user {
        height: 30px !important;
        min-height: 30px !important;
    }

    .pkp_navigation_user > li > a {
        height: 30px !important;
        line-height: 30px !important;
        padding: 0 7px !important;
        font-size: 12px !important;
    }

    .pkp_navigation_primary_wrapper,
    .pkp_navigation_primary {
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
    }

    .pkp_navigation_primary > li,
    .pkp_navigation_primary > li > a {
        height: 48px !important;
    }

    .pkp_navigation_primary > li > a {
        line-height: 48px !important;
        padding: 0 9px !important;
        font-size: 13px !important;
    }
}


/* =========================================================
   FINAL FIX: USER MENU + MAIN MENU DALAM SATU GARIS
   Register / Login / Dashboard tidak dibuat baris kedua.
   ========================================================= */

/* Main navbar menjadi satu-satunya bar cokelat */
.pkp_navigation_primary_wrapper {
    position: relative !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: #633313 !important;
    overflow: visible !important;
}

/* Menu utama */
.pkp_navigation_primary {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #633313 !important;
}

/* Item menu utama */
.pkp_navigation_primary > li {
    height: 58px !important;
    display: flex !important;
    align-items: center !important;
}

.pkp_navigation_primary > li > a,
.pkp_navigation_primary > li > a:visited {
    height: 58px !important;
    line-height: 58px !important;
    padding: 0 18px !important;
    color: #ffffff !important;
    background: #633313 !important;
    font-size: 16px !important;
    white-space: nowrap !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    background: #4c250f !important;
    color: #ffffff !important;
}

/* =========================================================
   USER MENU: ABSOLUTE DI GARIS YANG SAMA
   ========================================================= */

.pkp_navigation_user_wrapper {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;

    display: block !important;
    width: auto !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    z-index: 99999 !important;
}

/* User menu di kanan */
.pkp_navigation_user {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    width: auto !important;
    height: 58px !important;
    min-height: 58px !important;

    margin: 0 !important;
    padding: 0 10px !important;

    background: transparent !important;
}

/* Register / Login / Username */
.pkp_navigation_user > li {
    display: flex !important;
    align-items: center !important;
    height: 58px !important;
    margin: 0 !important;
}

.pkp_navigation_user > li > a,
.pkp_navigation_user > li > a:visited {
    display: flex !important;
    align-items: center !important;

    height: 58px !important;
    line-height: normal !important;

    padding: 0 10px !important;
    margin: 0 !important;

    color: #ffffff !important;
    background: transparent !important;

    font-size: 15px !important;
    font-weight: 700 !important;

    white-space: nowrap !important;
    text-decoration: none !important;
}

.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > li > a:focus {
    color: #ffffff !important;
    background: #4c250f !important;
}

/* =========================================================
   SEARCH DI KANAN, SEBELUM USER MENU
   ========================================================= */

.pkp_navigation_primary .pkp_search,
.pkp_navigation_primary > li.pkp_search {
    margin-left: auto !important;
    height: 58px !important;
    display: flex !important;
    align-items: center !important;
}

/*
   Beri ruang agar Search tidak bertabrakan dengan
   Register/Login atau username.
*/
.pkp_navigation_primary .pkp_search {
    margin-right: 135px !important;
}

.pkp_navigation_primary .pkp_search a,
.pkp_navigation_primary .pkp_search button,
.pkp_navigation_primary .pkp_search .search_prompt {
    height: 58px !important;
    line-height: 58px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    color: #ffffff !important;
}

/* =========================================================
   DROPDOWN USER
   ========================================================= */

.pkp_navigation_user .dropdown-menu {
    position: absolute !important;
    top: 58px !important;
    right: 5px !important;
    left: auto !important;

    min-width: 170px !important;
    padding: 5px 0 !important;
    margin: 0 !important;

    background: #ffffff !important;
    border: 1px solid #633313 !important;
    border-radius: 0 !important;

    box-shadow: 0 3px 10px rgba(0,0,0,.18) !important;
    z-index: 999999 !important;
}

.pkp_navigation_user .dropdown-menu a,
.pkp_navigation_user .dropdown-menu a:visited {
    display: block !important;
    padding: 9px 14px !important;

    color: #000000 !important;
    background: #ffffff !important;

    font-weight: 700 !important;
}

.pkp_navigation_user .dropdown-menu a:hover {
    color: #ffffff !important;
    background: #633313 !important;
}

/* =========================================================
   PAKSA SATU BARIS
   ========================================================= */

.pkp_navigation_primary_wrapper:before,
.pkp_navigation_primary_wrapper:after,
.pkp_navigation_primary:before,
.pkp_navigation_primary:after,
.pkp_navigation_user_wrapper:before,
.pkp_navigation_user_wrapper:after,
.pkp_navigation_user:before,
.pkp_navigation_user:after {
    display: none !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .pkp_navigation_primary_wrapper,
    .pkp_navigation_primary,
    .pkp_navigation_user_wrapper,
    .pkp_navigation_user {
        height: 50px !important;
        min-height: 50px !important;
        max-height: 50px !important;
    }

    .pkp_navigation_primary > li,
    .pkp_navigation_primary > li > a,
    .pkp_navigation_user > li,
    .pkp_navigation_user > li > a {
        height: 50px !important;
    }

    .pkp_navigation_primary > li > a {
        line-height: 50px !important;
        padding: 0 9px !important;
        font-size: 13px !important;
    }

    .pkp_navigation_user > li > a {
        font-size: 12px !important;
        padding: 0 6px !important;
    }

    .pkp_navigation_primary .pkp_search {
        margin-right: 95px !important;
    }
}