/* =========================================================
   1. RESET DASAR
========================================================= */

html,
body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

body {
    background: #ffffff;
}


/* =========================================================
   2. CONTAINER UTAMA
========================================================= */

.pkp_structure_page {
    max-width: 1200px;
    margin: 0 auto;
    background: #ffffff;
}


/* =========================================================
   3. HEADER UTAMA
========================================================= */

.pkp_structure_head {
    background: #09AEBD !important;
}


/* =========================================================
   4. USER MENU / DASHBOARD ATAS
========================================================= */

.pkp_navigation_user_wrapper,
.pkp_navigation_user {
    background: #09AEBD !important;
}


/* Warna teks menu Dashboard */

.pkp_navigation_user > li > a,
.pkp_navigation_user > li > button,
.pkp_navigation_user_wrapper > a,
.pkp_navigation_user_wrapper > button {
    color: #ffffff !important;
}


/* Dropdown Dashboard */

.pkp_navigation_user ul {
    background: #ffffff !important;
}


/* Link di dalam dropdown */

.pkp_navigation_user ul li a {
    color: #09AEBD !important;
}


/* Hover dropdown */

.pkp_navigation_user ul li a:hover,
.pkp_navigation_user ul li a:focus {
    color: #ffffff !important;
    background: #001C15 !important;
}


/* =========================================================
   5. NAMA / LOGO JURNAL
========================================================= */

.pkp_site_name {
    margin: 0 !important;
    padding: 0 !important;
    background: #09AEBD;
    box-sizing: border-box;
}

.pkp_site_name_wrapper {
    padding: 0 !important;
}

.pkp_site_name > a {
    display: block;
    width: 100%;
    padding: 0 !important;
    box-sizing: border-box;
    background: transparent !important;
    text-align: center;
}

.pkp_site_name .is_img img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    margin: 0 auto;
}


/* =========================================================
   6. NAVIGASI UTAMA
   GLOSSY GREEN STYLE
========================================================= */

/* Background area navigasi */

.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row {
    background: #ffffff !important;
}


/* Tombol menu utama */

.pkp_navigation_primary > li > a {
    background: linear-gradient(to bottom, #09AEBD, #09AEBD) !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    padding: 6px 14px !important;
    border-radius: 4px !important;
    margin: 2px !important;
    text-align: center !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.25),
        0 3px 6px rgba(0,0,0,0.35) !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        background 0.25s ease !important;
}


/* Hover, Focus & Active */

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary > li > a:active {
    background: linear-gradient(to bottom, #ffffff, #ffffff) !important;
    color: #000000 !important;
    transform: translateY(-3px) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.15),
        0 4px 9px rgba(0,0,0,0.45) !important;
}


/* =========================================================
   7. SUBMENU
========================================================= */

.pkp_navigation_primary ul {
    background: #09AEBD !important;
}

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

.pkp_navigation_primary ul li a:hover,
.pkp_navigation_primary ul li a:focus {
    color: #ffffff !important;
    background: #09AEBD !important;
}


/* =========================================================
   8. SEARCH MENU
========================================================= */

.pkp_navigation_search_wrapper {
    background: #09AEBD !important;
}

.pkp_navigation_search_wrapper a {
    color: #001C15 !important;
}


/* =========================================================
   9. AREA KONTEN UTAMA
========================================================= */

.pkp_structure_main {
    background: #ffffff;
    border-top: none !important;
    border-left: none !important;
}


/* Hapus garis bawaan area konten */

.pkp_structure_content,
.pkp_structure_main,
.pkp_structure_main::before,
.pkp_structure_main::after {
    border-top: none !important;
}

.pkp_structure_content::before,
.pkp_structure_content::after {
    border: none !important;
}


/* =========================================================
   10. JUDUL KONTEN
========================================================= */

.pkp_page_index h2,
.pkp_structure_main h2 {
    color: #001C15;
}


/* =========================================================
   11. SIDEBAR
========================================================= */

/* Sidebar utama */

.pkp_structure_sidebar {
    border: none !important;
    padding: 0 10px !important;
    box-sizing: border-box !important;
}


/* Hapus garis pseudo-element */

.pkp_structure_sidebar::before,
.pkp_structure_sidebar::after {
    border: none !important;
}


/* Hapus padding bawaan Custom Block */

.pkp_structure_sidebar .pkp_block {
    padding: 0 !important;
    margin: 0 0 15px 0 !important;
}


/* Hapus padding content block */

.pkp_structure_sidebar .pkp_block .content {
    padding: 0 !important;
    margin: 0 !important;
}


/* =========================================================
   12. MEDIA
   Agar tidak keluar dari layar
========================================================= */

img,
iframe,
table {
    max-width: 100%;
}


/* =========================================================
   13. FOOTER UTAMA
========================================================= */

.pkp_structure_footer_wrapper,
.pkp_structure_footer,
.pkp_footer_content {
    background: #09AEBD !important;
}


/* Pembungkus Footer */

.pkp_structure_footer_wrapper {
    border: none !important;
}


/* Isi Footer */

.pkp_footer_content {
    color: #ffffff !important;
    padding: 25px 30px;
}


/* Semua teks Footer */

.pkp_footer_content,
.pkp_footer_content p,
.pkp_footer_content a,
.pkp_footer_content span,
.pkp_footer_content div {
    color: #ffffff !important;
}


/* Hilangkan branding bawaan OJS */

.pkp_brand_footer {
    display: none;
}


/* =========================================================
   14. FOOTER GRID
========================================================= */

.footer__grid {
    display: flex !important;
    gap: 15px !important;
    width: 100% !important;
}


/* Kotak Footer */

.footer__box {
    flex: 1 !important;
    padding: 15px !important;
    border: 1px solid rgba(255,255,255,0.25) !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
}


/* Maps */

.footer__box iframe {
    width: 100% !important;
    display: block !important;
}


/* =========================================================
   15. TAMPILAN MOBILE
========================================================= */

@media (max-width: 768px) {

    /* Footer menjadi ke bawah */

    .footer__grid {
        flex-direction: column !important;
    }


    /* Padding Footer */

    .pkp_footer_content {
        padding: 20px 15px;
    }
}

.pkp_site_nav_menu {
    
    background: #FFFFFF;
    
}