/* HEADER BIRU */
.pkp_structure_head,
.pkp_head_wrapper,
.pkp_site_name_wrapper,
.pkp_navigation_user_wrapper {
    background: #2e6796 !important;
}
/* ================================================================
   6. HEADER / LOGO
   ================================================================ */

/* Wrapper terluar — transparan, padding atas-bawah saja */
.pkp_structure_head {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  width: 100% !important;
  padding: 14px 20px 8px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
}

/* Override Bootstrap container di dalam head */
.pkp_structure_head .container,
.pkp_structure_head > .container {
  max-width: 1180px !important;
  width: 100% !important;
  padding: 0 !important;
  margin: 0 auto !important;
}

/* pkp_site_name — container logo, lebar penuh dalam batas page */
.pkp_site_name {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: var(--r) !important;
  overflow: hidden !important;
  box-shadow: 0 6px 28px rgba(79,110,247,0.18) !important;
  line-height: 0 !important;
  box-sizing: border-box !important;
}

/* Link wrapper di dalam logo */
.pkp_site_name_logo,
.pkp_site_name > a,
.pkp_site_name_logo > a {
  display: block !important;
  width: 100% !important;
  line-height: 0 !important;
}

/* IMG — JANGAN ubah width/height, biarkan ukuran asli
   tapi scale agar mengisi lebar container */
.pkp_site_name img,
.pkp_site_name_logo img,
.pkp_site_name a img,
.pkp_site_name_logo a img {
  display: block !important;
  width: 100% !important;   /* melebar penuh sesuai container */
  height: auto !important;  /* tinggi otomatis, TIDAK gepeng */
  max-width: 100% !important;
  max-height: none !important;
  min-height: unset !important;
  object-fit: unset !important;
  transform: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* Sembunyikan teks judul (sudah ada di dalam gambar) */
.pkp_site_name_title {
  display: none !important;
}
.pkp_navigation_user_wrapper {
        position: absolute !important;
        top: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        padding-left: 0rem !important;
        padding-right: 0rem !important;
        text-align: right !important;
        padding-top: 0 !important;
        margin-top: 0 !important;
        border-top: none !important;
        z-index: 1000 !important;
    }
.pkp_navigation_user>li:last-child>a {
        margin-right: 0.714rem !important;
    }

/* NAMA JURNAL */
.pkp_site_name .is_text,
.pkp_site_name_wrapper a {
    color: #ffffff !important;
    font-size: 26px !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    text-decoration: none !important;
}

/* AREA MENU UTAMA */
.pkp_navigation_primary_row,
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary {
    background: #c70000 !important;
}
.pkp_navigation_primary_row li{
    font-size: 13px !important;
    line-height: 10px !important;
    text-align: left !important;
    text-transform: uppercase !important;
    font-weight: bold !important;
    padding-inline: 0px !important;
}

/* HILANGKAN WARNA HITAM BAWAAN */
.pkp_navigation_primary > li,
.pkp_navigation_primary > li > a {
    background: transparent !important;
    box-shadow: none !important;
}

/* LINK MENU */
.pkp_navigation_primary > li > a,
.pkp_navigation_primary_wrapper a,
.pkp_navigation_primary a {
    color: #ffd93b !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

/* HOVER MENU */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus,
.pkp_navigation_primary_wrapper a:hover {
    background: #2e679600 !important;
    color: #ffffff !important;
}

/* SEARCH KANAN */
.pkp_navigation_search_wrapper,
.pkp_navigation_search {
    background: #c70000 !important;
}

.pkp_navigation_search_wrapper a,
.pkp_navigation_search_wrapper a:hover {
    color: #ffd93b !important;
    font-weight: 700 !important;
	padding-top: 0 !important;
    	padding-bottom: 0px !important;
}

/* USER MENU KANAN ATAS */
.pkp_navigation_user,
.pkp_navigation_user_wrapper,
.pkp_navigation_user li a {
    color: #ffffff !important;
}

/* LOGO/BANNER GAMBAR */
.pkp_site_name img {
    max-height: 120px !important;
    width: auto !important;
}

/* KONTEN */
.pkp_structure_content {
    background: #ffffff !important;
}

/* =========================
   FOOTER
   ========================= */
.pkp_brand_footer {
  float: right !important;
  width: 15% !important;
  padding-bottom: 0 !important;
  padding-top: 15px !important;
}

.pkp_structure_footer_wrapper {
  border-bottom: double solid !important;
}

.footer-jelo {
  text-align: center !important;
  padding: 20px 10px !important;
}

.footer-title a {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #005b96 !important;
  text-decoration: underline !important;
  transition: 0.3s ease !important;
}

.footer-jelo .footer-title a:hover {
  color: #ff0000 !important;
  text-decoration: underline !important;
}

.footer-desc {
  margin-top: 8px !important;
  font-size: 14px !important;
  font-weight: 550 !important;
  color: #1b5e20 !important;
  line-height: 1.5 !important;
}

.footer-address {
  margin-top: 4px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #1b5e20 !important;
  line-height: 1.5 !important;
}

/* Footer brand di HP */
  .pkp_brand_footer {
    float: none !important;
    width: 100% !important;
    text-align: center !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    display: block !important;
  }

  .pkp_footer_content p {
    font-size: 13px;
    line-height: 1.6 !important;
    padding: 0 10px;
  }

  .pkp_structure_footer_wrapper {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }
}