/* --- FIX LAYOUT OJS & BACKGROUND --- */
html,
body,
.pkp_structure_page,
.pkp_structure_main,
.pkp_structure_content,
.pkp_structure_sidebar,
#pkp_content_wrapper {
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #333 !important;
}

/* Memastikan Footer tetap di bawah dan tidak masuk ke sidebar */
.pkp_structure_footer_wrapper {
  background: #ffffff !important;
  clear: both !important;
  display: block !important;
  width: 100% !important;
  position: relative !important;
  border-top: 3px solid #800000 !important;
}

/* --- SIDEBAR PAPPASANG MEWAH V5 --- */

/* 1. Paksa Container OJS Menjadi Transparan agar Desain Kita Terlihat */
.pkp_block.block_custom:has(.pappasang-v5-wrapper) {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* Sembunyikan Judul Asli OJS jika muncul double */
.pkp_block.block_custom:has(.pappasang-v5-wrapper) .title {
  display: none !important;
}

/* 2. Styling Utama Box Sidebar */
.pappasang-v5-wrapper {
  background: #ffffff !important;
  border: 2px solid #800000 !important;
  border-radius: 10px !important;
  overflow: hidden !important;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1) !important;
  margin-bottom: 25px !important;
}

/* 3. Header Maroon Mewah */
.pappasang-v5-header {
  background: #800000 !important;
  color: #ffffff !important;
  padding: 15px !important;
  text-align: center !important;
  font-weight: bold !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
}

/* 4. Navigasi List */
.pappasang-v5-nav {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.pappasang-v5-nav li {
  margin: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid #f2f2f2 !important;
}

.pappasang-v5-nav li a {
  display: block !important;
  padding: 12px 20px !important;
  color: #800000 !important;
  background: #ffffff !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  font-size: 12px !important;
  transition: all 0.3s ease !important;
  position: relative !important;
}

/* Efek Icon Tanpa Kode HTML (Menggunakan CSS Pseudo) */
.pappasang-v5-nav li a::before {
  content: "➤";
  margin-right: 10px;
  font-size: 10px;
  opacity: 0.5;
}

/* 5. Efek Hover Mewah */
.pappasang-v5-nav li a:hover {
  background: #800000 !important;
  color: #ffffff !important;
  padding-left: 30px !important;
}

.pappasang-v5-nav li a:hover::before {
  opacity: 1;
  color: #ffffff !important;
}

/* --- FOOTER 4 KOLOM --- */
.pappasang-footer-wrapper {
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1100px;
  margin: 0 auto;
  padding: 40px 20px !important;
}

.p-footer-col {
  flex: 1;
  min-width: 200px;
  margin-bottom: 20px;
}

.p-footer-col h4 {
  color: #800000 !important;
  border-bottom: 2px solid #800000;
  display: inline-block;
  margin-bottom: 15px !important;
  font-weight: bold !important;
}

.p-footer-col a {
  color: #666 !important;
  text-decoration: none !important;
}

.p-footer-col a:hover {
  color: #800000 !important;
}