/* SIRJ Custom CSS - Clean Version */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;600;700&display=swap');

/* Header */
.pkp_structure_head {
    background-color: #0d1b3e !important;
    border-bottom: none !important;
}
.pkp_head_wrapper {
    background-color: #0d1b3e !important;
}
.pkp_site_name a {
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    text-decoration: none !important;
}
.pkp_navigation_user > li > a {
    color: #ffffff !important;
}
.pkp_navigation_user > li > a:hover {
    color: #e8a020 !important;
}
/* dropdown items (Dashboard/Lihat Profil/Administrasi/Log Out) sit on a
   white popup box, not the navy header - they need dark text, not white */
.pkp_navigation_user li ul {
    background-color: #ffffff !important;
}
.pkp_navigation_user li ul li a {
    color: #0d1b3e !important;
}
.pkp_navigation_user li ul li a:hover {
    background-color: #f2f2f2 !important;
    color: #e8a020 !important;
}
.pkp_navigation_primary_row {
    background-color: #e8a020 !important;
    border: none !important;
}
.pkp_navigation_primary_wrapper {
    background-color: #e8a020 !important;
}
.pkp_navigation_primary li a {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
}
.pkp_navigation_primary li a:hover {
    background-color: #c47e10 !important;
}
.pkp_navigation_primary li ul {
    background-color: #c47e10 !important;
}
.pkp_navigation_primary li ul li a {
    color: #ffffff !important;
    background-color: #c47e10 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
}
.pkp_navigation_primary li ul li a:hover {
    background-color: #0d1b3e !important;
}
h1, h2 {
    color: #0d1b3e !important;
}
h1 {
    border-bottom: 2px solid #e8a020 !important;
    padding-bottom: 10px !important;
}
a {
    color: #1a3a6b !important;
}
a:hover {
    color: #e8a020 !important;
}
.pkp_structure_footer_wrapper {
    background-color: #0d1b3e !important;
}
.pkp_brand_footer,
.pkp_brand_footer * {
    color: #aac4e0 !important;
}
.pkp_structure_footer * {
    color: #aac4e0 !important;
}

/* ============================================
   FIX: tulisan "Platform & workflow by OJS/PKP" di
   footer tetap hitam walau sudah diatur `color`.
   Ternyata itu bukan teks, tapi GAMBAR (ojs_brand.png)
   dengan tulisan hitam di-render ke PNG - jadi tidak
   bisa diubah lewat `color`. Dibalik warnanya (invert)
   supaya hitam jadi putih, cocok untuk latar navy.
   ============================================ */
.pkp_brand_footer img {
    filter: invert(1) brightness(1.6);
}

/* Fix horizontal scroll (safety net) */
body, html {
    overflow-x: hidden !important;
    max-width: 100% !important;
}
* {
    box-sizing: border-box !important;
}

/* ============================================
   FIX: footer tidak menempel di bawah pada halaman
   dengan konten pendek (mis. Pernyataan Privasi).
   .pkp_structure_page sebelumnya display:block biasa,
   jadi tingginya cuma sebesar konten - kalau konten
   pendek, sisa layar di bawah footer jadi putih kosong.
   Dijadikan flex-column setinggi viewport supaya area
   konten mengembang dan footer selalu terdorong ke
   bawah, walau isi halamannya sedikit.
   ============================================ */
html, body {
    height: 100%;
}
.pkp_structure_page {
    display: flex !important;
    flex-direction: column !important;
    min-height: 100vh !important;
}
.pkp_structure_content {
    flex: 1 0 auto !important;
}
.pkp_structure_footer_wrapper {
    flex-shrink: 0 !important;
}

/* ============================================
   FIX: root cause of horizontal scroll
   .pkp_navigation_user was inheriting width:1160px
   from the theme's shared nav-width rule, but its
   parent (.pkp_navigation_user_wrapper) is only
   748px and absolutely positioned -> pushed the
   "admin" menu ~38px past the right edge.
   ============================================ */
.pkp_navigation_user.pkp_nav_list {
    width: auto !important;
    max-width: 100% !important;
}

/* ============================================
   FIX: header/navbar alignment
   .pkp_site_name_wrapper is centered (margin:0 188px,
   width:1160px) but .pkp_navigation_primary_wrapper
   had margin:0 (flush left), so the title and the
   first menu item didn't line up. Centering the nav
   wrapper the same way puts both at the same left edge.
   ============================================ */
.pkp_navigation_primary_wrapper {
    margin: 0 auto !important;
}

/* ============================================
   FIX: "Cari" search link disappearing on hover
   The global `a:hover { color: #e8a020 }` rule also
   applied to the search link, which sits on the same
   #e8a020 orange navbar background -> orange text on
   orange background made it invisible on hover.
   ============================================ */
.pkp_navigation_search_wrapper a:hover {
    color: #ffffff !important;
}

/* ============================================
   FIX: posisi tombol "admin" - sejajarkan tepat di atas "Cari"
   Sebelumnya .pkp_navigation_user_wrapper diposisikan via left:768px
   (bawaan tema, hasil hitungan yang tidak akurat setelah width:auto
   di atas) sehingga terlihat "di tengah". Di-pin ke kanan dengan
   jarak yang sama seperti kotak "Cari" agar tepat sejajar/di atasnya.
   ============================================ */
.pkp_navigation_user_wrapper {
    left: auto !important;
    right: 132px !important;
}

/* ============================================
   OPSIONAL: subtitle ISSN di bawah judul (seperti referensi desain)
   ISSN belum terbit (masih proses pengajuan PDII-LIPI), jadi ini
   DIMATIKAN dulu. Kalau ISSN sudah ada, isi di Website Settings >
   Pengaturan > Identitas (Print/Online ISSN), OJS akan menampilkannya
   otomatis di bawah judul - baris CSS di bawah ini lalu bisa dihapus.
   Kalau mau tampilkan placeholder sementara, hapus komentar di bawah:
   ============================================ */
/*
.pkp_site_name::after {
    content: "ISSN: dalam proses pengajuan";
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #aac4e0;
    margin-top: 2px;
}
*/

/* ============================================
   Efek gradasi (fade) di bawah navbar oranye, seperti referensi desain
   ============================================ */
.pkp_navigation_primary_row {
    box-shadow: 0 6px 12px -4px rgba(13, 27, 62, 0.35);
    position: relative;
    z-index: 2;
}

/* ============================================
   Styling sidebar "Quick Menu" - CATATAN PENTING:
   Sidebar ini TIDAK otomatis muncul hanya dengan upload CSS ini.
   Saat ini tema SIRJ tidak punya blok sidebar sama sekali (dicek
   langsung di halaman live, tidak ada elemen sidebar di HTML-nya).
   Supaya sidebar "Quick Menu" seperti di foto referensi muncul,
   perlu aktifkan dulu plugin "Custom Block Manager" dan tambahkan
   satu blok berisi daftar link (lihat instruksi terpisah).
   Setelah blok itu dibuat, CSS di bawah ini akan otomatis mewarnainya.
   ============================================ */
.pkp_structure_sidebar .pkp_block {
    border: none !important;
    border-radius: 4px;
    overflow: hidden;
    margin-bottom: 20px;
}
.pkp_structure_sidebar .pkp_block h2,
.pkp_structure_sidebar .pkp_block .widget_title {
    background-color: #e8a020 !important;
    color: #ffffff !important;
    margin: 0 !important;
    padding: 10px 16px !important;
    font-size: 15px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}
.pkp_structure_sidebar .pkp_block ul {
    background-color: #0d1b3e !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.pkp_structure_sidebar .pkp_block ul li {
    border-bottom: 1px solid rgba(255,255,255,0.12) !important;
}
.pkp_structure_sidebar .pkp_block ul li a {
    display: block !important;
    padding: 10px 16px !important;
    color: #ffffff !important;
    font-size: 14px !important;
}
.pkp_structure_sidebar .pkp_block ul li a:hover {
    background-color: #e8a020 !important;
    color: #0d1b3e !important;
}