/* =========================================================
   HAMUPA JOURNAL — HEADER & NAVBAR CUSTOM STYLE
   Tempel di: Website Settings > Appearance > Advanced > Journal Stylesheet
   Setelah paste, clear cache OJS supaya perubahan terlihat.
   ========================================================= */

/* ===== HEADER (judul jurnal + menu admin kanan atas) ===== */
.pkp_head_wrapper {
  background:
    radial-gradient(circle at 100% 0%, rgba(212, 172, 102, 0.35) 0%, rgba(212, 172, 102, 0) 45%),
    linear-gradient(135deg, #081f2b 0%, #0d3f52 35%, #12587a 65%, #166C8F 100%) !important;
  border-bottom: 3px solid #D4AC66;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.pkp_site_name,
.pkp_site_name a,
.pkp_site_name .is_text {
  color: #ffffff !important;
  font-weight: 700;
}

.pkp_navigation_user > ul > li > a {
  color: #f2e9d0 !important;
}

/* Dropdown akun (Dashboard, View Profile, Administration, Logout) */
.pkp_navigation_user li ul {
  background: #ffffff !important;
  border: 1px solid #e2e2e2 !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  min-width: 180px;
}

.pkp_navigation_user li ul li a {
  color: #0d2c3d !important;
  background: #ffffff !important;
  font-weight: 500;
  padding: 10px 16px !important;
  border-bottom: 1px solid #f0f0f0;
}

.pkp_navigation_user li ul li a:hover {
  background: #f4f7f8 !important;
  color: #166C8F !important;
}

/* ===== NAVBAR — wrapper (satu sumber warna, hindari duplikat) ===== */
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary_row,
.pkp_site_nav_menu {
  background: linear-gradient(90deg, #081820 0%, #0d2c3d 100%) !important;
  width: 100% !important;
  margin: 0 !important;
}

/* Sejajarkan menu navbar dengan judul header:
   background tetap full-lebar (dari rule wrapper di atas),
   tapi konten di dalamnya diberi jarak kiri-kanan yang sama
   dengan jarak judul di header */
.pkp_navigation_primary_row,
.pkp_navigation_primary {
  padding-left: 6.5rem !important;
  padding-right: 2rem !important;
  box-sizing: border-box !important;
}

.pkp_navigation_primary_row > ul,
.pkp_navigation_primary > ul {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

/* Hilangkan strip/garis sisa bawaan tema di navbar */
.pkp_navigation_primary_wrapper::after,
.pkp_navigation_primary_row::after {
  display: none !important;
}

/* ===== NAVBAR — menu level atas (Homepage, Current, Archives, dst) ===== */
.pkp_navigation_primary_row > ul > li > a,
.pkp_navigation_primary > ul > li > a {
  color: #dce8ec !important;
  font-weight: 600;
  transition: color 0.2s ease, background 0.2s ease;
}

.pkp_navigation_primary_row > ul > li > a:hover,
.pkp_navigation_primary > ul > li > a:hover,
.pkp_navigation_primary_row > ul > li:hover > a,
.pkp_navigation_primary > ul > li:hover > a {
  color: #D4AC66 !important;
  background: rgba(255, 255, 255, 0.06);
}

.pkp_navigation_primary_row > ul > li > a.current,
.pkp_navigation_primary > ul > li > a.current {
  color: #D4AC66 !important;
  border-bottom: 3px solid #D4AC66;
}

/* ===== NAVBAR — submenu / dropdown (Our Journals, About) ===== */
.pkp_navigation_primary_row li ul,
.pkp_navigation_primary li ul {
  background: #ffffff !important;
  border: 1px solid #e2e2e2 !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
  min-width: 220px;
}

.pkp_navigation_primary_row li ul li a,
.pkp_navigation_primary li ul li a {
  color: #0d2c3d !important;
  background: #ffffff !important;
  font-weight: 500;
  padding: 10px 16px !important;
  border-bottom: 1px solid #f0f0f0;
}

.pkp_navigation_primary_row li ul li a:hover,
.pkp_navigation_primary li ul li a:hover {
  background: #f4f7f8 !important;
  color: #166C8F !important;
}

/* --- MEMAKSA TEKS DESKRIPSI UTAMA (ABOUT THE JOURNAL) MENJADI RATA KANAN-KIRI --- */
.obj_journal_description,
.journal-description,
.homepage-about,
div.page_homepage p,
.obj_journal_description p {
    text-align: justify !important;
    text-justify: inter-word !important;
}