/* === HEADER & LOGO FIX === */

/* Wrapper Header */
.pkp_site_name_wrapper {
  display: flex;
  align-items: center;
  justify-content: center; /* Diubah ke center agar seimbang saat diperpanjang */
  width: 100%;
  min-height: 100px; /* Menjamin ruang vertikal */
  padding: 1rem;
  box-sizing: border-box;
  background-color: #ffffff !important;
}

/* Site Name Container */
.pkp_site_name {
  padding: 0 !important;
  margin: 0 !important;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

/* Logo Image - Fit Vertikal & Horizontal */
.pkp_site_name .is_img img {
  max-width: 100% !important;
  max-height: 100% !important; /* Memastikan tidak terpotong secara vertikal */
  width: auto !important; /* Menjaga rasio aspek */
  height: auto !important;
  display: block;
  object-fit: contain; /* Menjaga gambar tetap utuh di dalam frame */
  margin: 0 auto;
}

/* Navigation Row */
.pkp_navigation_primary_row {
  padding: 0 1rem !important;
  border-bottom: 2px solid #D103D1; /* Menambahkan aksen warna tema */
}

/* Responsive Fixes */
@media (max-width: 768px) {
  .pkp_site_name_wrapper {
    flex-direction: column;
    align-items: center;
    padding: 0.5rem 1rem;
  }
}

/* === TOC Articles Box === */
.obj_issue_toc .articles > li {
  margin-bottom: 20px;
  border-bottom: 2px solid #D103D1; /* Warna diubah ke tema */
  background-color: rgba(209, 3, 209, 0.05) !important; /* Transparansi lebih halus */
  padding: 1rem;
  border-radius: 0rem 0rem 0rem 2rem;
  box-shadow: .4rem .4rem .3rem #eeeeee;
}

/* === Other Customizations === */

/* Background Content */
.pkp_structure_content {
  background: transparent url("") repeat scroll 0% 0% !important;
}

/* Remove top margin */
.pkp_structure_page {
  margin-top: 0px !important;
}

/* Hidden Submenu Alignment */
.pkp_nav_list ul {
  margin: 0px -55px !important;
}

/* Description & Abstract Justify */
.description, .abstract > p {
  text-align: justify;
}

/* Cookie Banner */
.ce-banner {
  font-family: sans-serif; /* Diganti dari fantasy agar lebih profesional */
  background-color: #000000;
  padding: 1rem;
  color: white;
  z-index: 9999;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
}

.ce-accept {
  background-color: #D103D1 !important; /* Warna tombol sesuai tema */
  padding: .5rem 1rem;
  border-radius: .25rem;
  color: white !important;
  text-decoration: none;
  float: right;
  margin: .5rem;
}

/* Remove Footer Branding */
.pkp_brand_footer {
  display: none;
}

/* === PDF Link Box (Kecil & Outline Tipis) === */
.obj_galley_link.pdf,
.galley-link-pdf {
  background-color: #ffffff !important;
  color: #D103D1 !important; 
  border: 1px solid #D103D1 !important;
  padding: 0.2rem 0.8rem;
  border-radius: 0.3rem;
  display: inline-block;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.8rem;
  transition: all 0.3s ease;
}

/* Hover Effect PDF */
.obj_galley_link.pdf:hover,
.galley-link-pdf:hover {
  background-color: #D103D1 !important;
  color: #ffffff !important;
}

/* === Article Title Color === */
.obj_article_summary .title a,
.page_article_title {
  color: #D103D1 !important;
  font-weight: bold;
  text-decoration: none;
}

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

/* Penyesuaian Layout Detail Artikel */
@media (min-width: 992px){
  .obj_article_details .main_entry {
    width: 65%;
  }
}