/* ==========================================================================
   CSS MASTER UNHAS OJS 3 (HEADER, NAVIGASI & SUBMENU, ORDER KONTEN, FOOTER)
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. HEADER BANNER PROPORSIONAL
   -------------------------------------------------------------------------- */
.pkp_structure_header {
  background: linear-gradient(135deg, #800000 0%, #5a0000 100%) !important;
  padding: 15px 0 0 0 !important;
  margin: 0 !important;
  border-bottom: none !important;
  width: 100% !important;
}

.pkp_head_wrapper {
  padding: 0 20px !important;
  margin: 0 auto !important;
  max-width: 1200px !important;
  width: 100% !important;
}

.pkp_site_name_wrapper,
.is_img {
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
  width: 100% !important;
}

.pkp_site_name_wrapper img {
  max-width: 100% !important;
  width: auto !important;
  max-height: 220px !important;
  height: auto !important;
  display: block !important;
  margin: 0 auto !important;
  object-fit: contain !important;
}

/* --------------------------------------------------------------------------
   2. MENU NAVIGASI UTAMA & PERBAIKAN WARNA SUB-MENU (DROPDOWN)
   -------------------------------------------------------------------------- */
/* Baris Navigasi Utama */
.pkp_navigation_primary_row,
.pkp_navigation_user_wrapper {
  background-color: #800000 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.15) !important;
  margin: 0 !important;
  width: 100% !important;
}

/* Teks Menu Utama (Level 1) - Berwarna Putih */
.pkp_navigation_primary > li > a,
.pkp_navigation_user > li > a {
  color: #ffffff !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

.pkp_navigation_primary > li > a:hover,
.pkp_navigation_user > li > a:hover {
  background-color: #a6192e !important;
  color: #ffffff !important;
}

/* --- PERBAIKAN SUB-MENU DROPDOWN --- */
/* Kotak Latar Belakang Sub-menu */
.pkp_navigation_primary ul,
.pkp_navigation_user ul,
.pkp_navigation_primary .dropdown-menu,
.pkp_navigation_user .dropdown-menu {
  background-color: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12) !important;
}

/* Warna Teks Sub-menu Saat NORMAL (Teks Gelap di atas Putih) */
.pkp_navigation_primary ul li a,
.pkp_navigation_user ul li a,
.pkp_navigation_primary .dropdown-menu a,
.pkp_navigation_user .dropdown-menu a {
  color: #1e293b !important;
  background-color: #ffffff !important;
  font-weight: 500 !important;
  font-size: 13.5px !important;
  padding: 10px 18px !important;
}

/* Warna Teks Sub-menu Saat HOVER / DIARAHKAN KURSOR (Latar Merah, Teks Putih) */
.pkp_navigation_primary ul li a:hover,
.pkp_navigation_primary ul li a:focus,
.pkp_navigation_user ul li a:hover,
.pkp_navigation_user ul li a:focus,
.pkp_navigation_primary .dropdown-menu a:hover,
.pkp_navigation_user .dropdown-menu a:hover {
  background-color: #a6192e !important;
  color: #ffffff !important;
}

/* --------------------------------------------------------------------------
   3. MEMINDAHKAN JOURNAL INFORMATION (ADDITIONAL CONTENT) KE ATAS
   -------------------------------------------------------------------------- */
.pkp_structure_main {
  display: flex !important;
  flex-direction: column !important;
}

/* Additional Content naik ke urutan 1 */
.pkp_structure_main .additional_content {
  order: 1 !important;
  width: 100% !important;
  margin-top: 20px !important;
  margin-bottom: 30px !important;
}

/* Current Issue turun ke urutan 2 */
.pkp_structure_main .current_issue {
  order: 2 !important;
  width: 100% !important;
}

.pkp_structure_main > * {
  order: 3;
}

/* --------------------------------------------------------------------------
   4. FOOTER MERAH UNHAS (TEKS PUTIH TERANG & TANPA LOGO OJS)
   -------------------------------------------------------------------------- */
.pkp_structure_footer_wrapper {
  background: linear-gradient(135deg, #800000 0%, #5a0000 100%) !important;
  border-top: 4px solid #a6192e !important;
  padding: 40px 20px !important;
  margin-top: 50px !important;
  width: 100% !important;
}

.pkp_structure_footer {
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  width: 100% !important;
}

.pkp_structure_footer_wrapper,
.pkp_structure_footer_wrapper p,
.pkp_structure_footer_wrapper span,
.pkp_structure_footer_wrapper div,
.pkp_structure_footer_wrapper strong,
.pkp_structure_footer_wrapper h3 {
  color: #ffffff !important;
}

.pkp_structure_footer_wrapper a {
  color: #fecaca !important;
  text-decoration: underline !important;
  font-weight: 600 !important;
}

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

.pkp_brand_footer {
  display: none !important;
}

/* --------------------------------------------------------------------------
   5. RESPONSIF LAYAR HP / TABLET
   -------------------------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .unhas-footer-flex {
    flex-direction: column !important;
    gap: 25px !important;
  }
  .unhas-footer-col {
    width: 100% !important;
    flex: none !important;
  }
}