/* =========================================================
   MADANI : Jurnal Studi Islam
   Tema Hijau Emas Elegan Islami
   Disesuaikan dengan warna header/banner terbaru
========================================================= */

/* =====================
   ROOT COLOR PALETTE
===================== */
:root{
    --madani-dark: #0f4b3a;
    --madani-primary: #1f6b52;
    --madani-secondary: #2f7d62;
    --madani-light: #e9e3d2;
    --madani-gold: #d8b15a;
    --madani-gold-soft: #f0d58b;
    --madani-white: #fdfcf7;
    --madani-shadow: rgba(0,0,0,0.15);
}

/* =====================
   BODY
===================== */
body{
    font-family: "Georgia", "Times New Roman", serif;
    background: #f7f4ea;
    color: var(--madani-dark);
}

/* =====================
   HEADER
===================== */
.pkp_structure_head{
    background:
        linear-gradient(
            135deg,
            #0f4b3a 0%,
            #1f6b52 35%,
            #e9e3d2 100%
        );
    border-bottom: none !important;
    box-shadow: 0 4px 12px var(--madani-shadow);
}

/* =====================
   LOGO / JUDUL
===================== */
.pkp_site_name_wrapper{
    padding: 0;
    margin: 0;
}

.pkp_site_name{
    margin: 0;
}

.pkp_site_name > a{
    padding: 0;
}

.pkp_site_name .is_img img{
    width: 100%;
    max-height: 100%;
    display: block;
}

/* =====================
   USER ACCOUNT / NAVBAR KANAN ATAS
===================== */
.pkp_navigation_user{
    background: #163f2e !important;
    border-bottom: 2px solid rgba(216,177,90,0.35);
}

.pkp_navigation_user ul li a,
.pkp_navigation_user ul li button,
.pkp_navigation_user .pkp_loggedin_as{
    color: var(--madani-gold-soft) !important;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 0.85em;
    letter-spacing: 0.3px;
    transition: background 0.25s ease, color 0.25s ease;
    padding: 4px 12px !important;
    display: inline-block;
    line-height: 32px;
}

.pkp_navigation_user ul li a:hover,
.pkp_navigation_user ul li button:hover{
    background: var(--madani-gold) !important;
    color: var(--madani-dark) !important;
    border-radius: 4px;
}

/* Dropdown user account */
.pkp_navigation_user ul li ul{
    background: #163f2e !important;
    border: 1px solid rgba(216,177,90,0.3) !important;
    border-top: 2px solid var(--madani-gold) !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.25) !important;
}

.pkp_navigation_user ul li ul li a{
    color: var(--madani-gold-soft) !important;
    background: transparent !important;
    line-height: 34px !important;
}

.pkp_navigation_user ul li ul li a:hover{
    background: var(--madani-gold) !important;
    color: var(--madani-dark) !important;
    border-radius: 0 !important;
}

/* =====================
   NAVIGATION MENU UTAMA
===================== */
.pkp_navigation_primary_row{
    background: #1a5e46;
    border-top: 1px solid rgba(255,255,255,0.08);
    border-bottom: none !important;
    text-align: center;
    position: relative;
}

/* Garis emas hanya selebar container konten */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper{
    border-bottom: none;
    position: relative;
    padding-bottom: 3px;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper::after{
    content: "";
    display: block;
    height: 3px;
    background: var(--madani-gold);
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* Item & link menu utama */
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li,
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li a{
    color: var(--madani-gold-soft) !important;
    font-weight: bold !important;
    font-family: "Trebuchet MS", sans-serif;
    letter-spacing: 0.5px;
    padding: 0 16px !important;
    line-height: 42px !important;
    transition: background 0.25s ease, color 0.25s ease;
    background: transparent;
}

/* Hover item menu utama */
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li a:hover,
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li:hover > a{
    background: var(--madani-gold) !important;
    color: var(--madani-dark) !important;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

/* Dropdown container */
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li ul{
    background: #174f3a !important;
    border: 1px solid rgba(216,177,90,0.3) !important;
    border-top: 2px solid var(--madani-gold) !important;
    box-shadow: 0 6px 16px rgba(0,0,0,0.25) !important;
}

.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li ul li{
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}

/* Link di dalam dropdown */
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li ul li a{
    color: var(--madani-gold-soft) !important;
    background: transparent !important;
    border-radius: 0 !important;
    line-height: 38px !important;
}

/* Hover dropdown item */
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li ul li a:hover{
    background: var(--madani-gold) !important;
    color: var(--madani-dark) !important;
    border-radius: 0 !important;
}

/* =====================
   SEARCH (kanan menu utama)
===================== */
.pkp_search.pkp_search_desktop,
.pkp_navigation_primary_row .pkp_search{
    color: var(--madani-gold-soft) !important;
    background: transparent !important;
    line-height: 42px;
    padding: 0 8px;
    transition: color 0.25s ease, background 0.25s ease;
}

.pkp_search.pkp_search_desktop:hover,
.pkp_navigation_primary_row .pkp_search:hover{
    color: var(--madani-dark) !important;
    background: var(--madani-gold) !important;
    border-radius: 6px;
}

/* Tombol & teks search */
.pkp_navigation_primary_row .pkp_search button,
.pkp_navigation_primary_row .pkp_search a,
.pkp_navigation_primary_row .pkp_search .search_prompt,
.pkp_search.pkp_search_desktop button,
.pkp_search.pkp_search_desktop a{
    color: var(--madani-gold-soft) !important;
    background: transparent !important;
    border: none !important;
    font-family: "Trebuchet MS", sans-serif;
    font-weight: bold;
    letter-spacing: 0.5px;
    transition: color 0.25s ease, background 0.25s ease;
    line-height: 42px;
    padding: 0 8px;
}

.pkp_navigation_primary_row .pkp_search button:hover,
.pkp_navigation_primary_row .pkp_search a:hover,
.pkp_search.pkp_search_desktop button:hover{
    color: var(--madani-dark) !important;
    background: var(--madani-gold) !important;
    border-radius: 6px;
}

/* =====================
   SIDEBAR
===================== */
.kepala{
    background:
        linear-gradient(
            135deg,
            #0f4b3a,
            #1f6b52
        );
    color: var(--madani-gold-soft);
    padding: 12px;
    border-bottom: 4px solid var(--madani-gold);
    text-align: center;
    font-weight: bold;
    border-radius: 8px 8px 0 0;
}

.badan{
    margin-top: -15px;
}

.badan a{
    display: block;
    padding: 12px;
    background: #f8f5ec;
    color: var(--madani-dark);
    border-bottom: 1px solid rgba(0,0,0,0.08);
    text-align: center;
    transition: all 0.3s ease;
}

.badan a:hover{
    background: var(--madani-primary);
    color: var(--madani-gold-soft);
    font-weight: bold;
}

/* =====================
   ARTICLE / TOC
===================== */
.obj_article_summary{
    background: #fffdf7;
    border: 1px solid rgba(0,0,0,0.06);
    border-left: 5px solid var(--madani-gold);
    border-radius: 14px;
    padding: 20px;
    margin-bottom: 18px;
    box-shadow: 0 3px 10px rgba(0,0,0,0.06);
    transition: all 0.3s ease;
}

.obj_article_summary:hover{
    transform: translateY(-3px);
    background: #f8f4e8;
}

/* Author */
.meta .authors{
    font-weight: bold;
    color: var(--madani-primary);
    padding-left: 30px;
}

/* =====================
   ABSTRACT
===================== */
.main_entry .item.abstract{
    text-align: justify;
    line-height: 1.8;
}

/* =====================
   BUTTONS
===================== */
.cmp_button,
.obj_galley_link{
    background: var(--madani-primary) !important;
    color: var(--madani-gold-soft) !important;
    border-radius: 30px !important;
    border: none !important;
    transition: all 0.3s ease;
}

.cmp_button:hover,
.obj_galley_link:hover{
    background: var(--madani-gold) !important;
    color: var(--madani-dark) !important;
}

/* =====================
   FOOTER
===================== */
.pkp_structure_footer_wrapper{
    background:
        linear-gradient(
            135deg,
            #0b3c2f 0%,
            #1f6b52 100%
        );
    border-top: 5px solid var(--madani-gold);
    color: var(--madani-gold-soft);
}

.pkp_footer_content{
    padding-top: 15px;
    padding-bottom: 15px;
    color: var(--madani-gold-soft);
}

.pkp_footer_content a{
    color: #fff4c9;
}

.pkp_footer_content a:hover{
    color: white;
}

.pkp_brand_footer{
    display: none;
}

/* =====================
   MOBILE MENU
===================== */
.pkp_site_nav_toggle{
    background-color: var(--madani-primary);
    color: var(--madani-gold-soft);
}
/* =====================
   NAVIGATION MENU UTAMA
===================== */
.pkp_navigation_primary_row{
    background:
        linear-gradient(
            135deg,
            #0f4b3a 0%,
            #1f6b52 50%,
            #2f7d62 100%
        );
    border-top: 1px solid rgba(255,255,255,0.08);
    border-bottom: none !important;
    text-align: center;
    position: relative;
}

/* Garis emas hanya selebar container konten */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper{
    border-bottom: none;
    position: relative;
    padding-bottom: 3px;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper::after{
    content: "";
    display: block;
    height: 3px;
    background: var(--madani-gold);
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

/* Item & link menu utama */
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li,
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li a{
    color: var(--madani-gold-soft) !important;
    font-weight: bold !important;
    font-family: "Trebuchet MS", sans-serif;
    letter-spacing: 0.5px;
    padding: 0 16px !important;
    line-height: 42px !important;
    transition: background 0.25s ease, color 0.25s ease;
    background: transparent;
}

/* Hover item menu utama */
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li a:hover,
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li:hover > a{
    background: var(--madani-gold) !important;
    color: var(--madani-dark) !important;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}

/* Dropdown container */
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li ul{
    background:
        linear-gradient(
            180deg,
            #14533f 0%,
            #1f6b52 100%
        ) !important;
    border: 1px solid rgba(216,177,90,0.3) !important;
    border-top: 2px solid var(--madani-gold) !important;
    box-shadow: 0 6px 16px rgba(0,0,0,0.25) !important;
}

.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li ul li{
    border-bottom: 1px solid rgba(255,255,255,0.07) !important;
}

/* Link di dalam dropdown */
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li ul li a{
    color: var(--madani-gold-soft) !important;
    background: transparent !important;
    border-radius: 0 !important;
    line-height: 38px !important;
}

/* Hover dropdown item */
.pkp_navigation_primary_row 
.pkp_navigation_primary_wrapper ul li ul li a:hover{
    background: var(--madani-gold) !important;
    color: var(--madani-dark) !important;
    border-radius: 0 !important;
}
/* PAKSA WARNA MENU MENJADI HIJAU */
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row,
.pkp_site_nav_menu,
.pkp_navigation_primary{
    background:
        linear-gradient(
            135deg,
            #0f4b3a 0%,
            #1f6b52 50%,
            #2f7d62 100%
        ) !important;
}

/* MENU LINK */
.pkp_navigation_primary > li > a{
    color: #f0d58b !important;
}

/* HOVER MENU */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li:hover > a{
    background: #d8b15a !important;
    color: #0f4b3a !important;
    border-radius: 6px;
}

/* DROPDOWN MENU */
.pkp_navigation_primary ul{
    background:
        linear-gradient(
            180deg,
            #14533f 0%,
            #1f6b52 100%
        ) !important;
    border-top: 2px solid #d8b15a !important;
}

/* LINK DROPDOWN */
.pkp_navigation_primary ul li a{
    color: #f0d58b !important;
}

/* HOVER DROPDOWN */
.pkp_navigation_primary ul li a:hover{
    background: #d8b15a !important;
    color: #0f4b3a !important;
}

/* SEARCH */
.pkp_search,
.pkp_search button,
.pkp_search a{
    background: transparent !important;
    color: #f0d58b !important;
}

.pkp_search:hover,
.pkp_search button:hover,
.pkp_search a:hover{
    background: #d8b15a !important;
    color: #0f4b3a !important;
}
/* =====================================================
   PERBAIKAN MENU ATAS MADANI
===================================================== */

/* =========================
   AREA USER / PROFIL ATAS
========================= */

/* background area atas dibuat transparan */
.pkp_navigation_user{
    background: transparent !important;
    border-bottom: none !important;
}

/* item profil jadi model tombol */
.pkp_navigation_user ul li a,
.pkp_navigation_user ul li button,
.pkp_navigation_user .pkp_loggedin_as{
    background: rgba(15,75,58,0.88) !important;
    color: #f0d58b !important;
    border: 1px solid rgba(216,177,90,0.35);
    border-radius: 6px;
    margin: 4px 4px;
    padding: 4px 12px !important;
    line-height: 30px !important;
    display: inline-block;
    transition: all 0.25s ease;
}

/* hover tombol profil */
.pkp_navigation_user ul li a:hover,
.pkp_navigation_user ul li button:hover{
    background: #d8b15a !important;
    color: #0f4b3a !important;
    border-color: #d8b15a !important;
}

/* dropdown profil */
.pkp_navigation_user ul li ul{
    background: #14533f !important;
    border-top: 2px solid #d8b15a !important;
}

/* =========================
   MENU UTAMA WARNA EMAS
========================= */

.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper,
.pkp_site_nav_menu,
.pkp_navigation_primary{
    background:
        linear-gradient(
            135deg,
            #c79b3b 0%,
            #d8b15a 45%,
            #e5c97a 100%
        ) !important;
}

/* tulisan menu */
.pkp_navigation_primary > li > a{
    color: #0f4b3a !important;
    font-weight: bold !important;
}

/* hover menu */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li:hover > a{
    background: #14533f !important;
    color: #f0d58b !important;
    border-radius: 6px;
}

/* garis bawah emas agak gelap */
.pkp_navigation_primary_wrapper::after{
    background: #8a6823 !important;
    height: 3px !important;
}

/* =========================
   DROPDOWN MENU
========================= */

.pkp_navigation_primary ul{
    background:
        linear-gradient(
            180deg,
            #14533f 0%,
            #1f6b52 100%
        ) !important;
    border-top: 2px solid #d8b15a !important;
}

.pkp_navigation_primary ul li a{
    color: #f0d58b !important;
}

.pkp_navigation_primary ul li a:hover{
    background: #d8b15a !important;
    color: #0f4b3a !important;
}

/* =========================
   SEARCH STYLE BUTTON
========================= */

.pkp_search,
.pkp_search button,
.pkp_search a{
    background: #14533f !important;
    color: #f0d58b !important;
    border-radius: 6px !important;
    border: 1px solid rgba(216,177,90,0.4) !important;
    padding: 0 12px !important;
    margin-top: 4px;
    transition: all 0.25s ease;
}

/* hover search */
.pkp_search:hover,
.pkp_search button:hover,
.pkp_search a:hover{
    background: #d8b15a !important;
    color: #0f4b3a !important;
    border-color: #d8b15a !important;
}
/* =========================================
   MENU UTAMA
   BACKGROUND HIJAU
   TULISAN EMAS
========================================= */

.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper,
.pkp_site_nav_menu,
.pkp_navigation_primary{
    background:
        linear-gradient(
            135deg,
            #0f4b3a 0%,
            #1f6b52 50%,
            #2f7d62 100%
        ) !important;
}

/* TULISAN MENU DIUBAH EMAS */
.pkp_navigation_primary > li > a{
    color: #f0d58b !important;
    font-weight: bold !important;
}

/* HOVER MENU */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li:hover > a{
    background: #d8b15a !important;
    color: #0f4b3a !important;
    border-radius: 6px;
}

/* =========================================
   SEARCH MODEL TOMBOL
========================================= */

.pkp_search,
.pkp_search button,
.pkp_search a{
    background: #14533f !important;
    color: #f0d58b !important;
    border-radius: 6px !important;
    border: 1px solid rgba(216,177,90,0.4) !important;
    padding: 0 12px !important;
    margin-top: 4px;
    transition: all 0.25s ease;
}

/* HOVER SEARCH */
.pkp_search:hover,
.pkp_search button:hover,
.pkp_search a:hover{
    background: #d8b15a !important;
    color: #0f4b3a !important;
    border-color: #d8b15a !important;
}
/* =========================================
   WARNA TULISAN MENU DEFAULT
========================================= */

.pkp_navigation_primary > li > a,
.pkp_navigation_primary_row .navigation_primary > li > a,
.pkp_navigation_primary_row .pkp_navigation_primary > li > a,
.pkp_navigation_primary_wrapper ul li a{
    color: #f0d58b !important; /* emas */
    font-weight: bold !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.15);
}

/* =========================================
   HOVER MENU
========================================= */

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li:hover > a,
.pkp_navigation_primary_wrapper ul li a:hover{
    background: #d8b15a !important;
    color: #0f4b3a !important;
    border-radius: 6px;
}

/* =========================================
   SEARCH DEFAULT
========================================= */

.pkp_search button,
.pkp_search a,
.pkp_search .search_prompt{
    color: #f0d58b !important;
    background: #14533f !important;
    border-radius: 6px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(216,177,90,0.35) !important;
}

/* HOVER SEARCH */
.pkp_search button:hover,
.pkp_search a:hover,
.pkp_search .search_prompt:hover{
    background: #d8b15a !important;
    color: #0f4b3a !important;
}
/* =========================================
   PAKSA WARNA TULISAN MENU MENJADI EMAS
========================================= */

.pkp_navigation_primary_row a,
.pkp_navigation_primary_row .navigation_primary a,
.pkp_navigation_primary_row .pkp_navigation_primary a,
.pkp_site_nav_menu a{
    color: #f0d58b !important;
    -webkit-text-fill-color: #f0d58b !important;
    font-weight: bold !important;
}

/* HOVER MENU */
.pkp_navigation_primary_row a:hover,
.pkp_navigation_primary_row .navigation_primary a:hover,
.pkp_navigation_primary_row .pkp_navigation_primary a:hover,
.pkp_site_nav_menu a:hover{
    background: #d8b15a !important;
    color: #0f4b3a !important;
    -webkit-text-fill-color: #0f4b3a !important;
    border-radius: 6px;
}

/* =========================================
   SEARCH
========================================= */

.pkp_search button,
.pkp_search a,
.pkp_search .search_prompt{
    background: #14533f !important;
    color: #f0d58b !important;
    -webkit-text-fill-color: #f0d58b !important;
    border-radius: 6px !important;
    border: 1px solid rgba(216,177,90,0.4) !important;
    padding: 0 12px !important;
}

/* HOVER SEARCH */
.pkp_search button:hover,
.pkp_search a:hover,
.pkp_search .search_prompt:hover{
    background: #d8b15a !important;
    color: #0f4b3a !important;
    -webkit-text-fill-color: #0f4b3a !important;
}
/* =========================================
   DROPDOWN MENU ABOUT HIJAU
========================================= */

.pkp_navigation_primary_row ul ul,
.pkp_navigation_primary ul ul,
.pkp_site_nav_menu ul ul{
    background:
        linear-gradient(
            180deg,
            #14533f 0%,
            #1f6b52 100%
        ) !important;

    border: 1px solid rgba(216,177,90,0.25) !important;
    border-top: 2px solid #d8b15a !important;
    box-shadow: 0 6px 16px rgba(0,0,0,0.25) !important;
}

/* ITEM DROPDOWN */
.pkp_navigation_primary_row ul ul li a,
.pkp_navigation_primary ul ul li a,
.pkp_site_nav_menu ul ul li a{
    background: transparent !important;
    color: #f0d58b !important;
    border-bottom: 1px solid rgba(255,255,255,0.06) !important;
}

/* HOVER DROPDOWN */
.pkp_navigation_primary_row ul ul li a:hover,
.pkp_navigation_primary ul ul li a:hover,
.pkp_site_nav_menu ul ul li a:hover{
    background: #d8b15a !important;
    color: #0f4b3a !important;

    /* HAPUS GARIS BIRU */
    border-color: #d8b15a !important;
    box-shadow: none !important;
    outline: none !important;
}

/* HAPUS EFEK GARIS BIRU FOCUS */
.pkp_navigation_primary_row a:focus,
.pkp_navigation_primary_row button:focus,
.pkp_navigation_primary a:focus,
.pkp_navigation_primary button:focus{
    outline: none !important;
    box-shadow: 0 0 0 1px #d8b15a !important;
    border-color: #d8b15a !important;
}
/* =========================================
   PAKSA BACKGROUND DROPDOWN ABOUT HIJAU
========================================= */

/* CONTAINER DROPDOWN */
.pkp_navigation_primary .dropdown-menu,
.pkp_navigation_primary ul.dropdown-menu,
.pkp_navigation_primary li ul,
.pkp_navigation_primary_row li ul,
.pkp_site_nav_menu li ul{
    background: #14533f !important;
    background-image: none !important;
    border: 1px solid rgba(216,177,90,0.25) !important;
    border-top: 2px solid #d8b15a !important;
}

/* ITEM DROPDOWN */
.pkp_navigation_primary .dropdown-menu li,
.pkp_navigation_primary li ul li,
.pkp_navigation_primary_row li ul li{
    background: #14533f !important;
}

/* LINK DROPDOWN */
.pkp_navigation_primary .dropdown-menu li a,
.pkp_navigation_primary li ul li a,
.pkp_navigation_primary_row li ul li a{
    background: #14533f !important;
    color: #f0d58b !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
}

/* HOVER DROPDOWN */
.pkp_navigation_primary .dropdown-menu li a:hover,
.pkp_navigation_primary li ul li a:hover,
.pkp_navigation_primary_row li ul li a:hover{
    background: #d8b15a !important;
    color: #0f4b3a !important;
    border-color: #d8b15a !important;
    box-shadow: none !important;
    outline: none !important;
}
/* =========================================
   SAMAKAN SEMUA BACKGROUND MENU JADI 1 WARNA
========================================= */

.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary,
.pkp_site_nav_menu,
.pkp_navigation_primary > li,
.pkp_navigation_primary > li > a{
    background: #14533f !important;
    background-image: none !important;
}

/* HAPUS EFEK KOTAK / BELANG */
.pkp_navigation_primary > li{
    box-shadow: none !important;
    border: none !important;
}

/* LINK MENU */
.pkp_navigation_primary > li > a{
    color: #f0d58b !important;
    font-weight: bold !important;
}

/* HOVER MENU */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li:hover > a{
    background: #d8b15a !important;
    color: #0f4b3a !important;
    border-radius: 6px;
}

/* DROPDOWN */
.pkp_navigation_primary li ul{
    background: #14533f !important;
}

/* SEARCH */
.pkp_search,
.pkp_search button,
.pkp_search a{
    background: #14533f !important;
    color: #f0d58b !important;
}
/* =========================================
   GARIS BAWAH MENU WARNA EMAS
========================================= */

.pkp_navigation_primary_row{
    border-bottom: 4px solid #d8b15a !important;
}

/* jika masih belum muncul gunakan ini juga */
.pkp_navigation_primary_wrapper::after{
    content: "";
    display: block;
    width: 100%;
    height: 4px; /* ketebalan garis */
    background: #d8b15a !important;
    position: absolute;
    bottom: 0;
    left: 0;
}
/* =========================================
   GARIS BAWAH MENU EMAS LEBIH TIPIS
========================================= */

.pkp_navigation_primary_row{
    border-bottom: 2px solid #d8b15a !important;
}

/* backup */
.pkp_navigation_primary_wrapper::after{
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #d8b15a !important;
    position: absolute;
    bottom: 0;
    left: 0;
}
/* =========================================
   GARIS BAWAH MENU EMAS TIPIS ELEGAN
========================================= */

.pkp_navigation_primary_row{
    border-bottom: 1px solid #d8b15a !important;
}

/* backup */
.pkp_navigation_primary_wrapper::after{
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #d8b15a !important;
    position: absolute;
    bottom: 0;
    left: 0;
}
/* =========================================
   GARIS BAWAH MENU SUPER TIPIS
========================================= */

.pkp_navigation_primary_row{
    border-bottom: 0.5px solid #d8b15a !important;
}

/* backup */
.pkp_navigation_primary_wrapper::after{
    content: "";
    display: block;
    width: 100%;
    height: 0.5px;
    background: #d8b15a !important;
    position: absolute;
    bottom: 0;
    left: 0;
}
/* =========================================
   GARIS BAWAH MENU ULTRA TIPIS
========================================= */

.pkp_navigation_primary_row{
    border-bottom: 0.3px solid rgba(216,177,90,0.85) !important;
}

/* backup */
.pkp_navigation_primary_wrapper::after{
    content: "";
    display: block;
    width: 100%;
    height: 0.3px;
    background: rgba(216,177,90,0.85) !important;
    position: absolute;
    bottom: 0;
    left: 0;
}
/* =========================================
   SEARCH DINAIKKAN & DIRAPIKAN
========================================= */

.pkp_search,
.pkp_search button,
.pkp_search a,
.pkp_search .search_prompt{
    background: #14533f !important;
    color: #f0d58b !important;

    border: 1px solid rgba(216,177,90,0.35) !important;
    border-radius: 6px !important;

    height: 32px !important;
    line-height: 30px !important;

    padding: 0 12px !important;

    position: relative;
    top: -2px; /* naikkan sedikit */

    box-sizing: border-box !important;
}

/* hover search */
.pkp_search button:hover,
.pkp_search a:hover,
.pkp_search .search_prompt:hover{
    background: #d8b15a !important;
    color: #0f4b3a !important;
    border-color: #d8b15a !important;
}

/* =========================================
   MENU PROFIL DISAMAKAN DENGAN ABOUT
========================================= */

/* dropdown profil */
.pkp_navigation_user ul ul,
.pkp_navigation_user .dropdown-menu{
    background: #14533f !important;
    background-image: none !important;

    border: 1px solid rgba(216,177,90,0.25) !important;
    border-top: 2px solid #d8b15a !important;

    box-shadow: 0 6px 16px rgba(0,0,0,0.25) !important;
}

/* item dropdown profil */
.pkp_navigation_user ul ul li,
.pkp_navigation_user .dropdown-menu li{
    background: #14533f !important;
}

/* link dropdown profil */
.pkp_navigation_user ul ul li a,
.pkp_navigation_user .dropdown-menu li a{
    background: #14533f !important;
    color: #f0d58b !important;

    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
}

/* hover dropdown profil */
.pkp_navigation_user ul ul li a:hover,
.pkp_navigation_user .dropdown-menu li a:hover{
    background: #d8b15a !important;
    color: #0f4b3a !important;

    border-color: #d8b15a !important;
    box-shadow: none !important;
    outline: none !important;
}
/* =========================================
   HILANGKAN EFEK BUTTON DROPDOWN PROFIL
   SAMAKAN DENGAN MENU ABOUT
========================================= */

/* tombol profil utama */
.pkp_navigation_user > li > a,
.pkp_navigation_user > ul > li > a,
.pkp_navigation_user > ul > li > button{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;

    color: #f0d58b !important;
}

/* hover tombol profil */
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > ul > li > a:hover,
.pkp_navigation_user > ul > li > button:hover{
    background: #d8b15a !important;
    color: #0f4b3a !important;

    border: none !important;
    box-shadow: none !important;
    border-radius: 4px !important;
}

/* dropdown profil */
.pkp_navigation_user ul ul,
.pkp_navigation_user .dropdown-menu{
    background: #14533f !important;
    background-image: none !important;

    border: 1px solid rgba(216,177,90,0.25) !important;
    border-top: 2px solid #d8b15a !important;

    box-shadow: 0 6px 16px rgba(0,0,0,0.25) !important;
}

/* item dropdown */
.pkp_navigation_user ul ul li,
.pkp_navigation_user .dropdown-menu li{
    background: #14533f !important;
}

/* link dropdown */
.pkp_navigation_user ul ul li a,
.pkp_navigation_user .dropdown-menu li a{
    background: #14533f !important;
    color: #f0d58b !important;

    border-bottom: 1px solid rgba(255,255,255,0.05) !important;
}

/* hover dropdown */
.pkp_navigation_user ul ul li a:hover,
.pkp_navigation_user .dropdown-menu li a:hover{
    background: #d8b15a !important;
    color: #0f4b3a !important;

    border-color: #d8b15a !important;
    box-shadow: none !important;
    outline: none !important;
}
/* =========================================
   PAKSA DROPDOWN PROFIL OJS
========================================= */

/* menu profil kanan atas */
.pkp_navigation_user_wrapper,
.pkp_navigation_user,
.pkp_navigation_user ul,
.pkp_navigation_user li{
    background: transparent !important;
}

/* tombol profile utama */
.pkp_navigation_user > li > a,
.pkp_navigation_user > ul > li > a,
.pkp_navigation_user > ul > li > button,
.pkp_navigation_user .task_count{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: #f0d58b !important;
    border-radius: 0 !important;
}

/* hover profile utama */
.pkp_navigation_user > li > a:hover,
.pkp_navigation_user > ul > li > a:hover,
.pkp_navigation_user > ul > li > button:hover{
    background: #d8b15a !important;
    color: #0f4b3a !important;
    border-radius: 4px !important;
}

/* dropdown container */
.pkp_navigation_user .dropdown-menu,
.pkp_navigation_user ul ul{
    background: #14533f !important;
    background-image: none !important;

    border: 1px solid rgba(216,177,90,0.25) !important;
    border-top: 2px solid #d8b15a !important;

    box-shadow: 0 6px 16px rgba(0,0,0,0.25) !important;
}

/* item dropdown */
.pkp_navigation_user .dropdown-menu li,
.pkp_navigation_user ul ul li{
    background: #14533f !important;
}

/* link dropdown */
.pkp_navigation_user .dropdown-menu li a,
.pkp_navigation_user ul ul li a{
    background: #14533f !important;
    color: #f0d58b !important;

    border: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;

    box-shadow: none !important;
}

/* hover dropdown */
.pkp_navigation_user .dropdown-menu li a:hover,
.pkp_navigation_user ul ul li a:hover{
    background: #d8b15a !important;
    color: #0f4b3a !important;

    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}
/* =========================================
   PROFIL MENU JADI 1 BARIS NORMAL
   BUKAN BUTTON
========================================= */

/* area profil */
.pkp_navigation_user,
.pkp_navigation_user_wrapper,
.pkp_navigation_user ul,
.pkp_navigation_user li{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* link profil utama */
.pkp_navigation_user a,
.pkp_navigation_user button,
.pkp_navigation_user .pkp_loggedin_as{
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;

    color: #f0d58b !important;

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

    line-height: 38px !important;
    height: auto !important;
}

/* hover profil utama */
.pkp_navigation_user a:hover,
.pkp_navigation_user button:hover{
    background: transparent !important;
    color: #d8b15a !important;

    border: none !important;
    box-shadow: none !important;
}

/* dropdown profil */
.pkp_navigation_user ul ul,
.pkp_navigation_user .dropdown-menu{
    background: #14533f !important;
    background-image: none !important;

    border: 1px solid rgba(216,177,90,0.25) !important;
    border-top: 2px solid #d8b15a !important;

    box-shadow: 0 6px 16px rgba(0,0,0,0.25) !important;
}

/* item dropdown */
.pkp_navigation_user ul ul li,
.pkp_navigation_user .dropdown-menu li{
    background: #14533f !important;
}

/* link dropdown */
.pkp_navigation_user ul ul li a,
.pkp_navigation_user .dropdown-menu li a{
    background: #14533f !important;
    color: #f0d58b !important;

    border: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;

    line-height: 38px !important;
}

/* hover dropdown */
.pkp_navigation_user ul ul li a:hover,
.pkp_navigation_user .dropdown-menu li a:hover{
    background: #d8b15a !important;
    color: #0f4b3a !important;

    box-shadow: none !important;
    outline: none !important;
}
/* =========================================
   HOVER MENU PROFIL FULL BARIS
========================================= */

/* item dropdown full lebar */
.pkp_navigation_user ul ul li,
.pkp_navigation_user .dropdown-menu li{
    display: block !important;
    width: 100% !important;
    background: #14533f !important;
}

/* link dropdown full baris */
.pkp_navigation_user ul ul li a,
.pkp_navigation_user .dropdown-menu li a{
    display: block !important;
    width: 100% !important;

    background: #14533f !important;
    color: #f0d58b !important;

    padding: 10px 14px !important;

    border: none !important;
    border-bottom: 1px solid rgba(255,255,255,0.05) !important;

    box-sizing: border-box !important;
}

/* hover full memanjang */
.pkp_navigation_user ul ul li a:hover,
.pkp_navigation_user .dropdown-menu li a:hover{
    background: #d8b15a !important;
    color: #0f4b3a !important;

    width: 100% !important;

    border-radius: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}
/* =========================================
   DROPDOWN PROFIL LEBIH DEKAT
========================================= */

.pkp_navigation_user ul ul,
.pkp_navigation_user .dropdown-menu{
    margin-top: 0 !important;
    top: 100% !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    transform: translateY(-2px) !important;
}

/* item dropdown lebih rapat */
.pkp_navigation_user ul ul li a,
.pkp_navigation_user .dropdown-menu li a{
    padding: 8px 14px !important;
    line-height: 32px !important;
}
/* =========================================
   RAPATKAN DROPDOWN PROFIL KE MENU ATAS
========================================= */

/* container dropdown */
.pkp_navigation_user ul ul,
.pkp_navigation_user .dropdown-menu{
    margin-top: -8px !important;
    top: 100% !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;

    transform: none !important;

    border-radius: 0 0 6px 6px !important;
}

/* hilangkan jarak item parent */
.pkp_navigation_user li{
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* item dropdown lebih rapat */
.pkp_navigation_user ul ul li a,
.pkp_navigation_user .dropdown-menu li a{
    padding: 6px 14px !important;
    line-height: 28px !important;
}
/* =========================================
   DROPDOWN PROFIL SUPER RAPAT & RAPI
========================================= */

/* parent menu profil */
.pkp_navigation_user > ul > li{
    position: relative !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* box dropdown */
.pkp_navigation_user ul ul,
.pkp_navigation_user .dropdown-menu{
    position: absolute !important;

    top: calc(100% - 14px) !important; /* naikkan dropdown */
    left: 0 !important;

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

    min-width: 220px !important;

    border-radius: 0 0 6px 6px !important;

    overflow: hidden !important;
}

/* item dropdown */
.pkp_navigation_user ul ul li,
.pkp_navigation_user .dropdown-menu li{
    margin: 0 !important;
    padding: 0 !important;
}

/* link dropdown */
.pkp_navigation_user ul ul li a,
.pkp_navigation_user .dropdown-menu li a{
    display: block !important;

    padding: 5px 14px !important;
    line-height: 26px !important;

    margin: 0 !important;
}
/* =========================================
   DROPDOWN PROFIL LEBIH RAMPING
========================================= */

.pkp_navigation_user ul ul,
.pkp_navigation_user .dropdown-menu{
    min-width: 160px !important;
    width: 160px !important;
}

/* padding tulisan diperkecil */
.pkp_navigation_user ul ul li a,
.pkp_navigation_user .dropdown-menu li a{
    padding: 5px 10px !important;
    font-size: 13px !important;
}
.obj_article_summary .authors {
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-indent: 0 !important;
}

.obj_article_summary .authors,
.obj_article_summary .title {
    text-align: left !important;
}