/* ========================================================
   MENGHILANGKAN BACKGROUND PUTIH PADA GAMBAR HEADER
   ======================================================== */

/* 1. Paksa Pembungkus Gambar Header Menjadi Transparan */
.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_site_name a,
.pkp_site_name .is_img,
.pkp_site_name a.is_img {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
}

/* 2. Pengaturan Tampilan Gambar */
.pkp_site_name img,
.pkp_site_name .is_img img {
    background-color: transparent !important;
    background: transparent !important;
    display: block !important;
    margin: 10px auto !important;
    max-width: 100% !important;
    height: auto !important;
    border: none !important;
}


/* ========================================================
   MENGHILANGKAN BACKGROUND PUTIH PADA GAMBAR HEADER
   ======================================================== */

/* 1. Paksa Pembungkus Gambar Header Menjadi Transparan */
.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_site_name a,
.pkp_site_name .is_img,
.pkp_site_name a.is_img {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 auto !important;
}

/* 2. Pengaturan Tampilan Gambar */
.pkp_site_name img,
.pkp_site_name .is_img img {
    background-color: transparent !important;
    background: transparent !important;
    display: block !important;
    margin: 10px auto !important;
    max-width: 100% !important;
    height: auto !important;
    border: none !important;
}


/* ========================================================
   HAPUS SEMUA GARIS PEMISAH DI DALAM HEADER (TOTAL CLEAN)
   ======================================================== */

/* 1. Hilangkan Semua Border & Line pada Seluruh Komponen Header */
header.pkp_structure_head,
header.pkp_structure_head *,
.pkp_head_wrapper,
.pkp_head_wrapper *,
.pkp_site_name_wrapper,
.pkp_navigation_user_wrapper,
.pkp_navigation_primary_wrapper {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* 2. Pastikan Warna Latar Belakang Seluruh Baris Header Menyatu Sempurna */
header.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_navigation_user_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row {
    background-color: #0b1f3a !important;
    background: #0b1f3a !important;
}


/* ========================================================
   MENGHILANGKAN GARIS & CELAH DI BAGIAN PALING ATAS HEADER
   ======================================================== */

/* 1. Reset Margin & Padding Paling Atas Halaman */
html, body {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* 2. Paksa Seluruh Elemen Top Header Menjadi Navy & Hilangkan Border Atas */
header.pkp_structure_head,
.pkp_structure_head,
.pkp_structure_head::before,
.pkp_structure_head::after,
.pkp_head_wrapper,
.pkp_head_wrapper::before,
.pkp_head_wrapper::after,
.pkp_navigation_user_wrapper,
.pkp_site_name_wrapper {
    background-color: #0b1f3a !important;
    background: #0b1f3a !important;
    border-top: none !important;
    box-shadow: none !important;
    margin-top: 0 !important;
    outline: none !important;
}

/* 3. Menghapus Garis/Bayangan Pemisah Bawaan OJS di Top Bar */
.pkp_navigation_user_wrapper {
    border-bottom: none !important;
    border-top: none !important;
}





/* ========================================================
   MERATAKAN WARNA HEADER & NAVIGASI 100% BIRU NAVY
   ======================================================== */

/* 1. Paksa Seluruh Wadah Header & Bar Navigasi Menjadi Biru Navy */
header.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row,
.pkp_navigation_user_wrapper,
nav.pkp_navigation_primary,
nav.pkp_navigation_user,
#headerNavigationContainer {
    background: #0b1f3a !important;
    background-color: #0b1f3a !important;
    background-image: none !important;
    box-shadow: none !important;
    border-color: #173763 !important;
}

/* 2. Merapikan Garis Pemisah & Area Pencarian (Search) */
.pkp_search_toggle,
.pkp_search_desktop,
.pkp_search_toggle:hover {
    background-color: transparent !important;
    border: none !important;
    color: #ffffff !important;
}

/* 3. Teks Judul & Menu Tetap Putih Bersih */
.pkp_site_name a,
.pkp_site_name .title,
.pkp_navigation_primary a,
.pkp_navigation_user a {
    color: #ffffff !important;
    text-shadow: none !important;
}

/* 4. Efek Disorot (Hover) Menu Navigasi */
.pkp_navigation_primary a:hover,
.pkp_navigation_user a:hover {
    color: #b0c4de !important; /* Warna biru muda lembut saat kursor disorot */
}


/* ========================================================
   PERBAIKAN MENU USER POJOK KANAN ATAS (NAVY & TEKS PUTIH)
   ======================================================== */

/* 1. Mengubah Latar Belakang Kotak Dropdown Menjadi Biru Navy */
.pkp_navigation_user ul,
.pkp_navigation_user li ul,
.pkp_navigation_user_wrapper ul,
.pkp_navigation_user .pkp_navigation_user_menu {
    background-color: #0b1f3a !important;
    background: #0b1f3a !important;
    border: 1px solid #173763 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

/* 2. Mengubah Semua Teks & Tautan Di Dalam Dropdown Menjadi Putih */
.pkp_navigation_user a,
.pkp_navigation_user li a,
.pkp_navigation_user_wrapper a {
    color: #ffffff !important;
    background-color: transparent !important;
}

/* 3. Efek Saat Menu Disorot Kursor (Hover) */
.pkp_navigation_user a:hover,
.pkp_navigation_user li a:hover,
.pkp_navigation_user_wrapper a:hover,
.pkp_navigation_user li ul a:hover {
    background-color: #173763 !important; /* Warna biru sedikit terang saat disorot */
    color: #ffffff !important;
}

/* 4. Mewarnai Lencana Angka Notifikasi (misal: angka '0') */
.pkp_navigation_user .task_count,
.pkp_navigation_user .badge,
.pkp_navigation_user_wrapper .task_count {
    background-color: #4b82c3 !important; /* Warna aksen biru terang */
    color: #ffffff !important;
}


/* 1. Memotong Habis Padding Luar Footer */
.pkp_structure_footer_wrapper {
    background-color: #0b1f3a !important; /* Warna Biru Navy */
    color: #ffffff !important;
    padding: 6px 0 !important; /* Dikecilkan ekstrem menjadi 6px */
    margin-top: 25px !important;
    min-height: unset !important;
    height: auto !important;
    border-top: 2px solid #173763 !important;
    width: 100% !important;
}

/* 2. Menghapus Spasi Dalam Wadah OJS */
.pkp_structure_footer {
    max-width: 1200px !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    min-height: unset !important;
}

/* 3. Tata Letak Flexbox Sejajar */
.martin-custom-footer {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

/* Sisi Kiri (Logo & Nama) */
.footer-brand {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

/* 4. Kunci Utama: Ukuran Logo Diturunkan ke 24px */
.martin-custom-footer img,
.footer-logo {
    height: 72px !important; /* Tinggi logo kecil agar footer sangat pipih */
    max-height: 72px !important;
    width: auto !important;
    object-fit: contain;
}

/* Teks Kiri */
.footer-brand-text h2 {
    color: #ffffff !important;
    font-size: 20px !important;
    font-weight: bold !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    border: none !important;
}

.footer-brand-text span {
    color: #b0c4de !important;
    font-size: 9px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    display: block;
}

/* Sisi Kanan (Informasi Pengelola) */
.footer-info {
    text-align: right !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
}

.footer-info p {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.2 !important;
    color: #e2e8f0 !important;
}

/* Menghapus elemen footer bawaan OJS */
.pkp_brand_footer, 
.pkp_structure_footer .sub_meta {
    display: none !important;
}


/* ========================================================
   PERBAIKAN TAMPILAN MENU HP / MOBILE (100% NAVY)
   ======================================================== */

@media screen and (max-width: 991px) {
    /* 1. Latar Belakang Utama Panel Menu Saat Dibuka di HP */
    .pkp_site_nav_menu,
    .pkp_site_nav_menu.is_open,
    .pkp_site_nav_menu_inner,
    .pkp_navigation_primary_wrapper,
    .pkp_navigation_user_wrapper {
        background-color: #0b1f3a !important;
        background: #0b1f3a !important;
        border-color: #173763 !important;
        box-shadow: none !important;
    }

    /* 2. Menghilangkan Garis / Frame Biru Terang Antar-Kotak Menu */
    .pkp_navigation_primary_wrapper,
    .pkp_navigation_user_wrapper {
        border: none !important;
        margin: 0 !important;
        padding: 5px 0 !important;
    }

    /* 3. Teks dan Latar Item Menu di HP */
    .pkp_navigation_primary a,
    .pkp_navigation_user a,
    .pkp_navigation_primary li a,
    .pkp_navigation_user li a {
        background-color: #0b1f3a !important;
        color: #ffffff !important;
        border-bottom: 1px solid #173763 !important;
    }

    /* 4. Efek Saat Menu Ditekan / Disorot di HP */
    .pkp_navigation_primary a:hover,
    .pkp_navigation_user a:hover,
    .pkp_navigation_primary a:focus,
    .pkp_navigation_user a:focus {
        background-color: #173763 !important;
        color: #ffffff !important;
    }
}

/* ========================================================
   MENGHILANGKAN TOTAL GARIS/BORDER DI MENU MOBILE (HP)
   ======================================================== */

@media screen and (max-width: 991px) {
    /* 1. Hilangkan Kotak Border/Frame pada Area Register, Login, & Menu */
    .pkp_site_nav_menu,
    .pkp_site_nav_menu *,
    .pkp_navigation_primary_wrapper,
    .pkp_navigation_user_wrapper,
    .pkp_navigation_primary,
    .pkp_navigation_user,
    .pkp_navigation_primary ul,
    .pkp_navigation_user ul,
    .pkp_navigation_primary li,
    .pkp_navigation_user li {
        border: none !important;
        border-color: transparent !important;
        box-shadow: none !important;
        outline: none !important;
    }

    /* 2. Hilangkan Garis Bawah (Underline/Border) Pada Setiap Teks Link Menu */
    .pkp_site_nav_menu a,
    .pkp_navigation_primary a,
    .pkp_navigation_user a {
        text-decoration: none !important;
        border: none !important;
        border-bottom: none !important;
        box-shadow: none !important;
    }

    /* 3. Menjaga Tampilan Bebas Garis Saat Menu Disentuh/Fokus */
    .pkp_site_nav_menu a:hover,
    .pkp_site_nav_menu a:focus,
    .pkp_navigation_primary a:hover,
    .pkp_navigation_user a:hover {
        border: none !important;
        text-decoration: none !important;
        background-color: #173763 !important; /* Efek sorot biru lembut saat disentuh */
    }
}


/* ========================================================
   PERBAIKAN INDUK MENU SAAT DIKLIK / TERBUKA (PARENT MENU)
   ======================================================== */

/* 1. Mencegah Induk Menu Berubah Jadi Putih Saat Diklik/Terbuka/Disorot */
.pkp_navigation_primary a:focus,
.pkp_navigation_primary a:active,
.pkp_navigation_primary a[aria-expanded="true"],
.pkp_navigation_primary li.is_open > a,
.pkp_navigation_primary li:hover > a,
.pkp_navigation_primary .focus > a,
nav.pkp_navigation_primary a:focus,
nav.pkp_navigation_primary a[aria-expanded="true"] {
    background-color: #173763 !important; /* Warna biru sorot saat menu terbuka */
    background: #173763 !important;
    color: #ffffff !important;
    box-shadow: none !important;
    outline: none !important;
}

/* 2. Menjaga Teks Tetap Putih Terang Dalam Semua Kondisi State */
.pkp_navigation_primary li.is_open > a span,
.pkp_navigation_primary a[aria-expanded="true"] span {
    color: #ffffff !important;
}


/* ========================================================
   PERBAIKAN SUB-MENU DROPDOWN NAVIGASI (NAVY + TEKS PUTIH)
   ======================================================== */

/* 1. Latar Belakang Kotak Sub-Menu Dropdown Navigasi Utama */
.pkp_navigation_primary ul,
.pkp_navigation_primary li ul,
.pkp_navigation_primary_wrapper ul,
nav.pkp_navigation_primary ul,
nav.pkp_navigation_primary li ul {
    background-color: #0b1f3a !important;
    background: #0b1f3a !important;
    border: 1px solid #173763 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
    padding: 6px 0 !important;
}

/* 2. Warna Teks Dalam Sub-Menu (Putih Jelas) */
.pkp_navigation_primary ul a,
.pkp_navigation_primary li ul a,
.pkp_navigation_primary ul li a,
nav.pkp_navigation_primary ul a {
    color: #ffffff !important;
    background-color: transparent !important;
    padding: 8px 16px !important;
    display: block !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: background-color 0.2s ease;
}

/* 3. Efek Saat Disorot Kursor (Hover) - Latar Biru Terang & Sangat Jelas */
.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary li ul a:hover,
.pkp_navigation_primary ul li a:hover,
nav.pkp_navigation_primary ul a:hover {
    background-color: #173763 !important; /* Biru terang untuk latar highlight */
    color: #ffffff !important;            /* Teks tetap putih kontras */
    text-decoration: none !important;
}







/* ========================================================
   1. MENGHILANGKAN SEMUA GARIS / BORDER DI AREA HEADER
   ======================================================== */

header.pkp_structure_head,
header.pkp_structure_head *,
.pkp_head_wrapper,
.pkp_head_wrapper *,
.pkp_site_name_wrapper,
.pkp_site_name_wrapper *,
.pkp_navigation_user_wrapper,
.pkp_navigation_user_wrapper *,
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_wrapper * {
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* ========================================================
   2. PAKSA SELURUH WADAH GAMBAR HEADER BEWAKTU NAVY
   ======================================================== */

header.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_site_name a,
.pkp_site_name .is_img,
.pkp_site_name img,
.pkp_site_name .is_img img {
    background-color: #0b1f3a !important;
    background: #0b1f3a !important;
    margin: 0 auto !important;
}



/* ========================================================
   MENGURANGI JARAK ATAS & BAWAH GAMBAR HOMEPAGE ABOUT
   ======================================================== */

/* 1. Mengeratkan Wadah Konten Utama Homepage */
.page_index_journal .homepage_about,
.page_index_journal .homepage_image,
.homepage_about {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* 2. Menghilangkan Spasi Paragraf / Line-Height di Sekitar Gambar */
.homepage_about p,
.homepage_about p:has(img) {
    margin-top: 0 !important;
    margin-bottom: 5px !important;
    padding: 0 !important;
}

/* 3. Mengatur Gambar Agar Rapat dan Pas di Tengah */
.homepage_about img,
.homepage_image img,
.page_index_journal img {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    display: block !important;
}