/* ================================
   Elegant Blue Theme for OJS 3 (Updated)
   ================================ */

/* Background utama halaman */
body {
    background-color: #f4f8fc !important;
    color: #333333 !important;
    font-family: "Arial", "Helvetica", sans-serif !important;
}

/* Header jurnal */
.pkp_structure_head {
    background: linear-gradient(135deg, #001f3f, #003366, #0074D9) !important;
    border-bottom: 4px solid #0074D9 !important;
}

/* Area judul/logo jurnal */
.pkp_site_name,
.pkp_site_name a {
    color: #ffffff !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
}

/* Menu navigasi utama */
.pkp_navigation_primary_wrapper {
    background-color: #001f3f !important;
    border-top: 1px solid rgba(255,255,255,0.15) !important;
}

/* Teks menu */
.pkp_navigation_primary > li > a {
    color: #ffffff !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    letter-spacing: 0.4px !important;
}

/* Hover menu utama */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    background-color: #0074D9 !important;
    color: #ffffff !important;
}

/* Dropdown menu */
.pkp_navigation_primary ul {
    background-color: #ffffff !important;
    border-top: 3px solid #0074D9 !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}

/* Teks dropdown */
.pkp_navigation_primary ul a {
    color: #001f3f !important; /* Warna biru gelap agar terbaca jelas */
    font-weight: 500 !important;
}

/* Hover dropdown */
.pkp_navigation_primary ul a:hover,
.pkp_navigation_primary ul a:focus {
    background-color: #EAF4FF !important;
    color: #0074D9 !important;
}

/* Breadcrumb */
.cmp_breadcrumbs {
    color: #003366 !important;
}

.cmp_breadcrumbs a {
    color: #0074D9 !important;
}

/* Judul halaman */
.page h1,
.page h2,
.page h3,
.obj_article_details h1 {
    color: #001f3f !important;
    font-weight: 700 !important;
}

/* Link umum */
a {
    color: #005fa3 !important;
}

a:hover {
    color: #0074D9 !important;
}

/* Tombol utama */
.cmp_button,
.cmp_form .buttons button,
button.submit,
input[type="submit"] {
    background-color: #003366 !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 8px 16px !important;
    font-weight: 600 !important;
}

/* Hover tombol */
.cmp_button:hover,
.cmp_form .buttons button:hover,
button.submit:hover,
input[type="submit"]:hover {
    background-color: #0074D9 !important;
    color: #ffffff !important;
}

/* Sidebar */
.pkp_structure_sidebar {
    background-color: #ffffff !important;
}

/* Kotak/block sidebar */
.pkp_block {
    border: 1px solid #d6e6f5 !important;
    border-radius: 6px !important;
    background-color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0,31,63,0.08) !important;
    margin-bottom: 20px !important;
}

/* Judul block sidebar */
.pkp_block .title {
    background-color: #003366 !important;
    color: #ffffff !important;
    padding: 10px 12px !important;
    border-radius: 6px 6px 0 0 !important;
    font-weight: 700 !important;
    text-align: center !important; /* Membuat semua judul blok rata tengah */
    text-transform: uppercase !important; /* Memaksa huruf kapital */
}

/* Isi block sidebar */
.pkp_block .content {
    padding: 12px !important;
    color: #333333 !important;
    padding-top: 20px !important; /* Mencegah konten nabrak judul */
    position: relative !important;
    z-index: 1 !important;
}

/* Memaksa elemen pertama agar tidak memiliki margin negatif */
.pkp_block .content > *:first-child {
    margin-top: 5px !important;
}

/* Daftar artikel */
.obj_article_summary {
    border-bottom: 1px solid #d6e6f5 !important;
    padding: 18px 0 !important;
}

/* Judul artikel */
.obj_article_summary .title a {
    color: #001f3f !important;
    font-weight: 700 !important;
}

/* Hover judul artikel */
.obj_article_summary .title a:hover {
    color: #0074D9 !important;
}

/* Tombol PDF */
.obj_galley_link {
    background-color: #0074D9 !important;
    color: #ffffff !important;
    border: 1px solid #0074D9 !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
}

/* Hover tombol PDF */
.obj_galley_link:hover {
    background-color: #001f3f !important;
    color: #ffffff !important;
}

/* Footer */
.pkp_structure_footer_wrapper {
    background-color: #001f3f !important;
    color: #ffffff !important;
    border-top: 4px solid #0074D9 !important;
}

/* Link footer */
.pkp_structure_footer_wrapper a {
    color: #EAF4FF !important;
}

.pkp_structure_footer_wrapper a:hover {
    color: #ffffff !important;
}

/* Search bar */
.pkp_search input[type="text"] {
    border: 1px solid #0074D9 !important;
    border-radius: 4px !important;
}

/* Label dan teks kecil */
.label,
.value,
.description {
    color: #333333 !important;
}

/* Garis pemisah elegan */
hr {
    border: 0 !important;
    border-top: 1px solid #d6e6f5 !important;
}

/* ================================
   Perbaikan Warna Menu User (Header Kanan Atas)
   ================================ */
ul.pkp_navigation_user li a,
.pkp_navigation_user > li > a,
.pkp_navigation_user .profile .name {
    color: #ffffff !important;
}

ul.pkp_navigation_user li a:hover,
.pkp_navigation_user > li > a:hover {
    color: #cccccc !important;
}

.pkp_navigation_user .badge {
    background-color: #ff0000 !important;
    color: #ffffff !important;
}

/* ================================
   Sembunyikan Judul Bawaan Khusus (Opsional)
   ================================ */
/* Jika bos punya blok bernama 'menu' dan ingin judulnya hilang */
.pkp_block.block_custom_menu .title {
    display: none !important;
}

/* ================================
   Perbaikan Warna Menu Search (Revisi Final)
   ================================ */
   .pkp_navigation_primary_wrapper .pkp_search_toggle,
   .pkp_navigation_primary_wrapper .pkp_search_toggle *,
   .pkp_navigation_primary_wrapper .pkp_navigation_search a,
   .pkp_navigation_primary_wrapper .pkp_navigation_search a *,
   .pkp_navigation_primary_wrapper .search_prompt {
       color: #ffffff !important;
       fill: #ffffff !important;
   }
   
   .pkp_navigation_primary_wrapper .pkp_search_toggle:hover,
   .pkp_navigation_primary_wrapper .pkp_search_toggle:hover *,
   .pkp_navigation_primary_wrapper .pkp_navigation_search a:hover,
   .pkp_navigation_primary_wrapper .pkp_navigation_search a:hover *,
   .pkp_navigation_primary_wrapper .search_prompt:hover {
       color: #cccccc !important;
       fill: #cccccc !important;
   }