/* ==========================================================================
   JURNAL ILMIAH PLATAX (JIP) - MASTER CSS UTUH FINAL (VERSION 3.5)
   Full-Width Clean Banner + High Contrast User Profile Dropdown Fix
   Palette: #0B2545 (Deep Marine Blue), #007BB8 (Ocean Blue), #2196D1 (Aqua)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. RESET GLOBAL & TIPOGRAFI
   -------------------------------------------------------------------------- */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
  background-color: #F8FAFC !important;
  color: #1E293B !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* --------------------------------------------------------------------------
   2. FULL-WIDTH HEADER BANNER & HAPUS OVERLAY GELAP
   -------------------------------------------------------------------------- */
.pkp_structure_head::before,
.pkp_structure_head::after,
.header_default::before,
.header_default::after,
.pkp_head_wrapper::before,
.pkp_head_wrapper::after,
.pkp_site_name::before,
.pkp_site_name::after {
  display: none !important;
  content: none !important;
  background: none !important;
}

header.pkp_structure_head,
.pkp_structure_head,
.header_default,
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_site_name,
.pkp_site_name a,
.pkp_site_name .is_img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: visible !important;
  position: relative !important;
  background-color: #0B2545 !important;
  background-image: none !important;
  box-shadow: none !important;
}

.pkp_site_name .is_img img,
.pkp_site_name img,
header img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  display: block !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  border: none !important;
  box-shadow: none !important;
}

/* --------------------------------------------------------------------------
   3. MENU AKUN / LOGIN PENGGUNA & PERBAIKAN DROPDOWN TEKS
   -------------------------------------------------------------------------- */
.pkp_navigation_user_wrapper,
.pkp_navigation_user {
  position: absolute !important;
  top: 10px !important;
  right: 20px !important;
  left: auto !important;
  width: auto !important;
  max-width: fit-content !important;
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  z-index: 9999 !important;
}

/* Teks nama pengguna yang menempel di banner */
.pkp_navigation_user > li > a,
.pkp_navigation_user > li > button {
  color: #FFFFFF !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.9), 0 0 8px rgba(0, 0, 0, 0.9) !important;
  background: transparent !important;
}

/* Kotak Melayang Dropdown Menu Profil */
.pkp_navigation_user ul {
  background-color: #FFFFFF !important;
  border: 1px solid #CBD5E1 !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2) !important;
  padding: 6px 0 !important;
  margin-top: 6px !important;
}

/* Teks Opsi di Dalam Dropdown (Dashboard, View Profile, Logout) */
.pkp_navigation_user ul a {
  color: #0B2545 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 8px 16px !important;
  display: block !important;
  text-shadow: none !important;
  text-decoration: none !important;
}

/* Efek Hover pada Item Dropdown */
.pkp_navigation_user ul a:hover {
  background-color: #007BB8 !important;
  color: #FFFFFF !important;
}

/* --------------------------------------------------------------------------
   4. BILAH NAVIGASI UTAMA (OCEAN BLUE BAR)
   -------------------------------------------------------------------------- */
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary {
  background-color: #007BB8 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1) !important;
}

.pkp_navigation_primary a {
  color: #FFFFFF !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  padding: 12px 18px !important;
}

.pkp_navigation_primary a:hover {
  background-color: #0B2545 !important;
  color: #2196D1 !important;
}

/* --------------------------------------------------------------------------
   5. TOMBOL "MAKE A SUBMISSION" / CALL-TO-ACTION
   -------------------------------------------------------------------------- */
.pkp_block.block_make_submission a,
a.make_submission,
.action_button {
  background: #007BB8 !important;
  color: #FFFFFF !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 20px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
  display: block !important;
  text-align: center !important;
  box-shadow: 0 4px 10px rgba(0, 123, 184, 0.25) !important;
  transition: all 0.2s ease-in-out !important;
  text-decoration: none !important;
}

.pkp_block.block_make_submission a:hover,
a.make_submission:hover {
  background: #0B2545 !important;
  color: #FFFFFF !important;
  box-shadow: 0 6px 14px rgba(11, 37, 69, 0.3) !important;
}

/* --------------------------------------------------------------------------
   6. KARTU SIDEBAR KANAN & WIDGET INDEKSASI
   -------------------------------------------------------------------------- */
.pkp_structure_sidebar .pkp_block {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 10px !important;
  padding: 18px !important;
  margin-bottom: 20px !important;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.pkp_structure_sidebar .pkp_block:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0, 123, 184, 0.12) !important;
}

.pkp_structure_sidebar .title {
  color: #0B2545 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  border-left: 4px solid #007BB8 !important;
  padding-left: 10px !important;
  margin-bottom: 14px !important;
}

.pkp_structure_sidebar img {
  max-width: 100% !important;
  height: auto !important;
}

/* --------------------------------------------------------------------------
   7. AREA KONTEN UTAMA, PENGUMUMAN & ARTIKEL
   -------------------------------------------------------------------------- */
.obj_article_summary,
.cmp_announcement {
  background: #FFFFFF !important;
  border: 1px solid #E2E8F0 !important;
  border-radius: 10px !important;
  padding: 20px !important;
  margin-bottom: 18px !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.03) !important;
}

.obj_article_summary .title a {
  color: #0B2545 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.obj_article_summary .title a:hover {
  color: #007BB8 !important;
}

.obj_galley_link {
  background-color: #007BB8 !important;
  color: #FFFFFF !important;
  border-radius: 6px !important;
  padding: 8px 16px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  display: inline-block !important;
  font-size: 13px !important;
  transition: background-color 0.2s ease !important;
}

.obj_galley_link:hover {
  background-color: #0B2545 !important;
}

/* --------------------------------------------------------------------------
   8. FOOTER STYLING
   -------------------------------------------------------------------------- */
.pkp_structure_footer {
  background-color: #0B2545 !important;
  color: #94A3B8 !important;
  padding: 35px 0 !important;
  margin-top: 50px !important;
  border-top: 3px solid #2196D1 !important;
}

.pkp_structure_footer a {
  color: #38BDF8 !important;
}/* FIX DROPDOWN MENU ABOUT */
.pkp_navigation_primary ul ul,
.pkp_navigation_primary .sub-menu,
.dropdown-menu {
  background-color: #ffffff !important;
}

.pkp_navigation_primary ul ul a,
.pkp_navigation_primary .sub-menu a,
.dropdown-menu a {
  color: #1a202c !important;
  font-weight: 500 !important;
}

.pkp_navigation_primary ul ul a:hover,
.pkp_navigation_primary .sub-menu a:hover,
.dropdown-menu a:hover {
  color: #007BB8 !important;
  background-color: #f1f5f9 !important;
}