/*
 * RAPAKAT OMP CUSTOM CSS v10
 * Fix: move the navigation using negative margin (not transform/absolute)
 * so the visual position and actual hit/click area stay identical.
 */

:root {
  --rapakat-blue: #005b7f;
  --rapakat-blue-dark: #003f59;
  --rapakat-gold: #c9a227;
}

/* Header/banner */
.pkp_structure_head {
  background-image: url("https://rapakat.or.id/book/public/presses/1/homepageImage_en_US.png") !important;
  background-repeat: no-repeat !important;
  background-position: center top !important;
  background-size: cover !important;

  height: 200px !important;
  min-height: 200px !important;

  position: relative !important;
  z-index: 1 !important;
  overflow: visible !important;
}

.pkp_site_name,
.pkp_site_name_wrapper {
  position: relative !important;
  z-index: 20 !important;
}

/*
 * KEY FIX
 *
 * The navigation is physically moved upward by its own margin.
 * Unlike transform/absolute positioning, its clickable box moves with it.
 */
.pkp_site_nav {
  position: relative !important;
  top: auto !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  transform: none !important;
  width: 100% !important;

  margin-top: -50px !important;

  z-index: 1000 !important;
}

.pkp_site_nav_menu,
.pkp_navigation_primary_wrapper {
  position: relative !important;
  z-index: 1010 !important;
}

.pkp_navigation_primary {
  position: relative !important;
  z-index: 1020 !important;
  background: var(--rapakat-blue) !important;
}

.pkp_navigation_primary > li,
.pkp_navigation_primary > li > a {
  position: relative !important;
  z-index: 1030 !important;
}

.pkp_navigation_primary > li > a {
  pointer-events: auto !important;
}

/* Prevent the banner/header from intercepting mouse events */
.pkp_structure_head {
  pointer-events: none;
}

.pkp_site_name,
.pkp_site_name a,
.pkp_site_nav,
.pkp_site_nav *,
.pkp_site_nav a,
.pkp_site_nav button {
  pointer-events: auto;
}

/* Information sidebar */
.pkp_structure_sidebar .block_web_feed,
.pkp_block.block_web_feed {
  display: none !important;
}

.pkp_structure_sidebar .block_information {
  background: var(--rapakat-blue-dark);
  border-left: 4px solid var(--rapakat-gold);
  padding: 1rem 1.1rem;
  border-radius: 3px;
}

.pkp_structure_sidebar .block_information h2 {
  color: #fff;
  margin-top: 0;
}

.pkp_structure_sidebar .block_information a {
  color: #fff;
}

.pkp_structure_sidebar .block_information a::before {
  content: "› ";
}

.pkp_structure_sidebar .block_information a:hover {
  color: #f2d46b;
}

/* Tablet / Chrome Device Mode */
@media (max-width: 1100px) {
  .pkp_structure_head {
    height: 160px !important;
    min-height: 160px !important;
    background-size: auto 160px !important;
    background-position: center top !important;
  }

  .pkp_site_nav {
    margin-top: -50px !important;
  }

  .pkp_site_nav_toggle {
    position: relative !important;
    z-index: 1050 !important;
    pointer-events: auto !important;
    background: var(--rapakat-blue) !important;
    color: #fff !important;
  }

  .pkp_navigation_primary_wrapper,
  .pkp_navigation_primary {
    background: var(--rapakat-blue) !important;
  }
}

/* Small phones */
@media (max-width: 480px) {
  .pkp_structure_head {
    height: 125px !important;
    min-height: 125px !important;
    background-size: auto 125px !important;
  }

  .pkp_site_nav {
    margin-top: -50px !important;
  }
}

/* =========================================================
 * v11 - Fix dropdown/submenu clickable area
 * ========================================================= */

/* Do not clip dropdown menus */
.pkp_site_nav,
.pkp_site_nav_menu,
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary,
.pkp_navigation_primary > li {
  overflow: visible !important;
}

/* Keep every navigation level above the page content */
.pkp_site_nav {
  position: relative !important;
  z-index: 10000 !important;
}

.pkp_navigation_primary_wrapper {
  position: relative !important;
  z-index: 10010 !important;
}

.pkp_navigation_primary > li {
  position: relative !important;
  z-index: 10020 !important;
}

.pkp_navigation_primary > li > a {
  position: relative !important;
  z-index: 10030 !important;
  pointer-events: auto !important;
}

/* Dropdown/submenu itself */
.pkp_navigation_primary li ul,
.pkp_navigation_primary li .dropdown-menu,
.pkp_navigation_primary .pkp_dropdown {
  position: absolute !important;
  z-index: 11000 !important;
  pointer-events: auto !important;
}

/* Submenu items and their links must receive the mouse click */
.pkp_navigation_primary li ul li,
.pkp_navigation_primary li .dropdown-menu li {
  position: relative !important;
  z-index: 11010 !important;
  pointer-events: auto !important;
}

.pkp_navigation_primary li ul li a,
.pkp_navigation_primary li .dropdown-menu li a {
  position: relative !important;
  z-index: 11020 !important;
  display: block !important;
  pointer-events: auto !important;
  cursor: pointer !important;
}

/* Ensure the dropdown is not hidden behind the header/page */
.pkp_structure_head,
.pkp_structure_head > *,
.pkp_site_nav {
  overflow: visible !important;
}