/* ============================================================
HEADER LOGO JURNAL - PRESISI & GRADASI SELARAS
Versi 3.0 - ukuran proporsional + background gradient
============================================================ */

.pkp_structure_head {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  background: linear-gradient(135deg, #0f3d20 0%, #14532d 25%, #1a6b3a 50%, #134e4a 80%, #0f3d3a 100%) !important;
  border-bottom: 3px solid #f59e0b !important;
}

.pkp_head_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

.has_site_logo .pkp_head_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent !important;
}

.pkp_site_name_wrapper {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  height: auto !important;
}

.pkp_site_name {
  position: relative !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
}

.pkp_site_name a,
.pkp_site_name a.is_img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* GAMBAR LOGO: proporsional, tidak terpotong */
.pkp_site_name img,
.pkp_site_name .is_img img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: fill !important;
  object-position: center center !important;
}

@media (min-width: 768px) {
  .pkp_site_name_wrapper,
  .has_site_logo .pkp_head_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
}

@media (min-width: 992px) {
  .pkp_site_name_wrapper,
  .has_site_logo .pkp_head_wrapper {
    width: 100% !important;
    max-width: 100% !important;
  }
  .pkp_head_wrapper {
    padding-top: 0 !important;
  }
}

@media (min-width: 1200px) {
  .pkp_site_name_wrapper,
  .pkp_navigation_primary_wrapper,
  .pkp_navigation_user,
  .pkp_search_mobile,
  .pkp_structure_content,
  .pkp_structure_footer {
    width: 100% !important;
    max-width: 100% !important;
  }
  .has_site_logo .pkp_head_wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
  }
}

.pkp_site_nav_menu {
  background: #14532d !important;
}