/* OJS 3.3.0.18 visual compatibility patch — Berkah Kreasi Pro 1.0.0.12.
   Preserves site choices via CSS variables generated from Theme Options. */
@media (min-width: 992px) {
  .pkp_structure_head .pkp_head_wrapper {padding-top: 0 !important;}
  .pkp_structure_head .pkp_site_nav_menu {position: relative; top: auto;}
  .pkp_structure_head .pkp_navigation_primary_wrapper {min-height: 42px;}
}
/* OJS 3.3 loads theme nav markup slightly differently than 3.4; ensure contrast. */
.pkp_structure_head .pkp_navigation_primary_wrapper,
.pkp_structure_head .pkp_site_nav_menu,
.pkp_structure_head .pkp_navigation_primary_row {
  background-color: var(--berkah-menu-bg, #022738) !important;
}
.pkp_structure_head .pkp_navigation_primary > li > a,
.pkp_structure_head .pkp_navigation_primary > li > a:visited,
.pkp_structure_head .pkp_navigation_primary_wrapper .pkp_navigation_primary a,
.pkp_structure_head .pkp_navigation_primary_wrapper .pkp_navigation_primary a:visited,
.pkp_structure_head .pkp_navigation_user > li > a,
.pkp_structure_head .pkp_navigation_user > li > a:visited,
.pkp_structure_head .pkp_nav_list > li > a,
.pkp_structure_head .pkp_nav_list > li > a:visited {
  color: var(--berkah-menu-link, #ffffff) !important;
  text-shadow: none !important;
}
.pkp_structure_head .pkp_navigation_primary > li > a:hover,
.pkp_structure_head .pkp_navigation_primary > li > a:focus,
.pkp_structure_head .pkp_navigation_primary_wrapper .pkp_navigation_primary a:hover,
.pkp_structure_head .pkp_navigation_primary_wrapper .pkp_navigation_primary a:focus,
.pkp_structure_head .pkp_navigation_user > li > a:hover,
.pkp_structure_head .pkp_navigation_user > li > a:focus {
  background: var(--berkah-menu-hover, #006798) !important;
  color: var(--berkah-hover-text, #ffffff) !important;
  transition: background-color .2s ease, color .2s ease;
}
.pkp_structure_head .pkp_navigation_primary .dropdown-menu,
.pkp_structure_head .pkp_navigation_primary ul {
  background-color: var(--berkah-menu-bg, #022738) !important;
}
.pkp_structure_head .pkp_navigation_primary .dropdown-menu a,
.pkp_structure_head .pkp_navigation_primary ul a {color:var(--berkah-menu-link, #ffffff) !important;}
.pkp_structure_head .pkp_navigation_primary .dropdown-menu a:hover,
.pkp_structure_head .pkp_navigation_primary ul a:hover {color:var(--berkah-hover-text, #ffffff) !important;background-color:var(--berkah-menu-hover, #006798) !important;}
/* Avoid blank/misaligned logo areas when a journal uses a narrow logo. */
.pkp_site_name_wrapper .header-logo img,
.pkp_structure_head .pkp_site_name img {max-width:100%;height:auto;object-fit:contain;}
.pkp_site_name_wrapper .header-logo {max-width:100%;min-width:0;}
/* Uploaded Custom Block images must not overflow the sidebar. */
.pkp_structure_sidebar .pkp_block img,
.pkp_structure_sidebar .block_custom img,
.pkp_structure_sidebar .content img,
.pkp_block .content img {
  display:inline-block;
  max-width:100% !important;
  height:auto !important;
  vertical-align:middle;
}
.pkp_structure_sidebar .pkp_block,
.pkp_structure_sidebar .pkp_block .content,
.pkp_structure_main .pkp_block {min-width:0;overflow-wrap:anywhere;}
/* Only inside the narrow sidebar, cap oversized logos, without changing content images. */
.pkp_structure_sidebar .pkp_block .content img {object-fit:contain;}
/* Keep OJS icon/menu text readable on darker custom header backgrounds. */
.pkp_structure_head .pkp_navigation_primary .fa,
.pkp_structure_head .pkp_navigation_primary .fas {color:inherit !important;}
@media(max-width:991px) {
  #menu-mobile .pkp_navigation_primary a,
  #menu-mobile .pkp_nav_list a {color:#173044 !important;text-shadow:none !important;}
  #menu-mobile .pkp_navigation_primary a:hover,
  #menu-mobile .pkp_nav_list a:hover {background-color:var(--berkah-menu-hover,#006798)!important;color:#fff!important;}
}

/* v1.0.0.13: restore the original 3.4 utility-led header while keeping 3.3 routing. */
.pkp_structure_head .pkp_site_name_wrapper {display:flex;align-items:center;box-sizing:border-box;min-height:70px;gap:1rem;}
.pkp_structure_head .pkp_site_name_wrapper .header-logo {display:flex;align-items:center;max-width:100%;flex:0 1 auto;}
.pkp_structure_head .pkp_site_name_wrapper .header-logo img {display:block;width:auto;max-width:100%;height:auto;max-height:125px;}
.pkp_structure_head .pkp_site_name_wrapper .header-logo a {display:inline-flex;align-items:center;}
.pkp_structure_head .pkp_navigation_primary_wrapper a {text-decoration:none;}
.pkp_structure_head .pkp_navigation_primary_wrapper a:focus-visible {outline:2px solid currentColor;outline-offset:2px;}
.pkp_structure_sidebar .pkp_block .content img {max-width:100%;height:auto;}
.pkp_structure_sidebar .pkp_block .content {box-sizing:border-box;}
@media(max-width:991px) {.pkp_structure_head .pkp_site_name_wrapper {min-height:56px;flex-wrap:wrap;}}