/* =============================================================
   METHOMIKA — HEADER & NAVIGATION V6 (OJS Default Theme)
   Banner dibatasi lebar konten; menu navigasi tetap dapat diklik.
   GANTI stylesheet V5/V4/V3 sebelumnya; jangan digabungkan.
   ============================================================= */

/* DESKTOP: area header dan banner tidak menempel tepi layar */
@media (min-width: 992px) {
  .pkp_structure_head {
    background: #ffffff;
  }

  .pkp_structure_head .pkp_head_wrapper {
    position: relative !important;
    box-sizing: border-box;
    width: min(100% - 40px, 1160px) !important;
    max-width: 1160px !important;
    margin: 0 auto !important;
    padding: 48px 0 0 !important; /* tempat menu login di atas banner */
    background: #ffffff;
  }

  /* Logo/banner: selebar kontainer, bukan selebar viewport */
  .pkp_structure_head .pkp_site_name_wrapper,
  .pkp_structure_head .pkp_site_name {
    position: relative !important;
    inset: auto !important;
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
  }
  .pkp_structure_head .pkp_site_name .is_img,
  .pkp_structure_head .pkp_site_name .is_img img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* User navigation punya area sendiri di atas banner */
  .pkp_structure_head .pkp_navigation_user_wrapper {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    left: auto !important;
    transform: none !important;
    width: auto !important;
    max-width: 100% !important;
    height: 44px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    z-index: 20 !important;
    background: #ffffff;
  }
  .pkp_structure_head .pkp_navigation_user {
    margin: 0 !important;
    padding: 0 !important;
  }
  .pkp_structure_head .pkp_navigation_user > li > a {
    color: #173b65 !important;
    padding: 10px 12px !important;
    line-height: 24px !important;
  }

  /* Primary menu: biarkan penanganan klik/dropdown OJS berjalan */
  .pkp_structure_head .pkp_site_nav_menu {
    position: static !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    background: #173b65 !important;
    z-index: auto !important;
  }
  .pkp_structure_head .pkp_navigation_primary_row {
    position: relative !important;
    z-index: 10 !important;
    display: block !important;
    width: 100% !important;
    min-height: 52px;
    margin: 0 !important;
    padding: 0 12px !important;
    box-sizing: border-box;
    background: #173b65 !important;
  }
  .pkp_structure_head .pkp_navigation_primary_wrapper {
    position: static !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
  }
  .pkp_structure_head .pkp_navigation_primary {
    position: static !important;
    max-width: none !important;
    width: auto !important;
    flex: 1 1 auto;
    white-space: nowrap;
  }
  .pkp_structure_head .pkp_navigation_primary > li {
    position: relative !important;
  }
  .pkp_structure_head .pkp_navigation_primary > li > a,
  .pkp_structure_head .pkp_navigation_search_wrapper > a {
    position: relative !important;
    display: inline-block !important;
    color: #ffffff !important;
    opacity: 1 !important;
    visibility: visible !important;
    background: transparent !important;
    text-decoration: none !important;
    padding: 14px 12px !important;
    margin: 0 !important;
    line-height: 24px;
    cursor: pointer !important;
    pointer-events: auto !important;
  }
  .pkp_structure_head .pkp_navigation_primary > li > a:hover,
  .pkp_structure_head .pkp_navigation_primary > li > a:focus,
  .pkp_structure_head .pkp_navigation_search_wrapper > a:hover,
  .pkp_structure_head .pkp_navigation_search_wrapper > a:focus {
    color: #ffffff !important;
    background: #245889 !important;
    outline-offset: -2px;
  }

  /* Search diletakkan di baris menu utama, tidak berhimpitan dengan user */
  .pkp_structure_head .pkp_navigation_search_wrapper {
    position: static !important;
    flex: 0 0 auto;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    white-space: nowrap;
  }

  /* About dropdown: tampil di depan konten, bukan di belakang banner */
  .pkp_structure_head .pkp_navigation_primary .dropdown-menu,
  .pkp_structure_head .pkp_navigation_primary ul ul {
    z-index: 1000 !important;
    min-width: 190px;
    background: #ffffff !important;
  }
  .pkp_structure_head .pkp_navigation_primary ul ul a {
    color: #173b65 !important;
    background: #ffffff !important;
    white-space: normal;
  }
  .pkp_structure_head .pkp_navigation_primary ul ul a:hover,
  .pkp_structure_head .pkp_navigation_primary ul ul a:focus {
    color: #ffffff !important;
    background: #245889 !important;
  }
}

/* MOBILE: kembalikan kontrol menu pada perilaku bawaan OJS.
   Hindari position:absolute/z-index buatan desktop pada layar kecil. */
@media (max-width: 991px) {
  .pkp_structure_head .pkp_site_name .is_img img {
    max-width: 100% !important;
    width: auto;
    height: auto;
  }
  .pkp_structure_head .pkp_site_nav_menu a,
  .pkp_structure_head .pkp_site_nav_menu a:visited {
    color: #173b65;
  }
}