/* ==========================================================================
   1. LAYOUT RESPONSIVE & BANNER AREA (MIN 992px)
   ========================================================================== */
@media (min-width: 992px) {
  /* BAR NAVIGASI UTAMA */
  .pkp_navigation_primary_row,
  .pkp_structure_head .pkp_navigation_primary_row,
  div.pkp_navigation_primary_row {
    border-top: 2px solid #b3b3b3 !important;
    padding-left: 2.143rem !important;
    padding-right: 2.143rem !important;
    background: #F25A00 !important; /* Oranye Presisi Sesuai Banner */
    background-color: #F25A00 !important;
    text-align: center;
    font-weight: bold;
  }

  body {
    height: 100% !important;
    background-image: url(https://journal.novantara.org/public/site/images/adminnovantara/motif-background-ahlal.jpg) !important;
  }

  .pkp_site_name {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  .pkp_site_name>a {
    padding-top: 0;
    padding-bottom: 0;
  }

  .pkp_site_name .is_img img {
    max-height: 100% !important;
    margin-top: 0px !important;
    width: 1254px !important;
  }

  .pkp_site_nav_menu {
    position: relative;
    top: 0;
    margin-top: 0px;
    padding: 0;
  }

  .pkp_site_name_wrapper {
    padding-left: 0;
    padding-right: 0;
  }

  /* POSISI TOMBOL LOGIN & REGISTER (SUDAH DIPERBAIKI SINTAKS & SAKTUANNYA) */
  .pkp_navigation_user_wrapper {
    position: absolute !important;
    top: -150px !important;
    right: -85px !important; /* Ditambahkan px agar terbaca browser */
    padding-right: 0px !important;
    margin-right: 0px !important;
    z-index: 99999 !important;
    display: block !important;
  }

  .pkp_structure_page {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
  }
}

@media (min-width: 1200px) {
  .pkp_structure_page {
    margin-top: 0 !important;
    position: relative;
    top: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* WADAH MENU USER */
.pkp_navigation_user {
  display: flex !important;
  gap: 8px !important;
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ==========================================================================
   2. GLOBAL SIDEBAR (ORANYE BIZGROWTH #F25A00)
   ========================================================================== */
.pkp_block {
  overflow: hidden !important;
  border-radius: 2px !important;
  background: #fff !important;
  box-shadow: 0 0 0 1px #dfdfdf !important;
  padding: 0 !important;
  margin: 0 0 15px 0 !important;
  border: none !important;
}

.pkp_block .pkp_block {
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
}

.pkp_block .content {
  padding: 10px 10px !important;
}

.pkp_block a {
  text-decoration: none !important;
  color: #333333 !important;
}

.pkp_block a:hover {
  color: #F25A00 !important;
}

/* HEADER SIDEBAR (MENU, DOWNLOAD, E-ISSN, DLL) */
.pkp_block .title,
.pkp_block h2.title,
.pkp_block h3.title,
div.pkp_block .title,
div.pkp_block h2 {
  text-align: center !important;
  border-radius: 0 !important;
  padding: 10px 9px !important;
  background: #F25A00 !important; /* Warna Oranye Banner */
  background-color: #F25A00 !important;
  display: block !important;
  margin-bottom: 0.714rem !important;
  margin-top: 0 !important;
  font-family: Lato, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.43rem !important;
  color: #fff !important;
}

.pkp_block table {
  width: 100% !important;
}

/* ==========================================================================
   3. FONT SIDEBAR
   ========================================================================== */
.pkp_block ul li a, 
.pkp_block li a {
  font-family: Tahoma, Geneva, sans-serif !important;
  font-weight: bold !important;
}

/* ==========================================================================
   4. TATA LETAK GLOBAL
   ========================================================================== */
.pkp_site_name {
  margin-top: -6px !important;
  margin-bottom: -5px !important;
}

.pkp_structure_main {
  text-align: justify;
}

.pkp_brand_footer {
  padding: 2.143rem;
  display: none;
}

@media screen and (max-width: 720px) {
  .pkp_site_name .is_img img {
    display: inline-block !important;
    margin-top: 6px !important;
    margin-bottom: 0 !important;
    bottom: 0.357rem !important;
    padding: 0 !important;
  }

  .pkp_structure_main {
    width: 100%;
    text-align: justify;
  }
}

/* ==========================================================================
   5. DESAIN TOMBOL LOGIN/REGISTER (OUTLINE WHITE)
   ========================================================================== */
.pkp_navigation_user > li > a {
  color: #ffffff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: bold !important;
  padding: 5px 12px !important;
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
  border-radius: 4px !important;
  background: rgba(0, 0, 0, 0.15) !important;
  transition: all 0.2s ease-in-out;
}

.pkp_navigation_user > li > a:hover {
  background: rgba(255, 255, 255, 0.25) !important;
  border-color: #ffffff !important;
}

/* ==========================================================================
   6. MAKE A SUBMISSION FULL WIDTH
   ========================================================================== */
.pkp_block.block_make_submission a,
a.make_submission,
.block_make_submission .content a {
  display: block !important;
  width: 100% !important;
  box-sizing: border-box !important;
  text-align: center !important;
  padding: 10px 15px !important;
  background-color: #F25A00 !important; /* Warna Oranye Banner */
  color: #ffffff !important;
  font-weight: bold !important;
  text-decoration: none !important;
  transition: all 0.2s ease-in-out !important;
}

.pkp_block.block_make_submission a:hover,
a.make_submission:hover,
.block_make_submission .content a:hover {
  background-color: #C24800 !important; /* Hover Oranye Tua */
  color: #ffffff !important;
}

/* ==========================================================================
   7. FIX HOVER & ACTIVE STATE MENU UTAMA + SEARCH
   ========================================================================== */
/* 1. MENU UTAMA */
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a {
  background-color: transparent !important;
  color: #ffffff !important;
  font-weight: bold !important;
  transition: all 0.2s ease-in-out !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:hover,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:focus,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a:active {
  background-color: #C24800 !important; /* Oranye Sedang */
  color: #ffffff !important;
  outline: none !important;
}

.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li.is_current > a,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li.active > a {
  background-color: #A33A00 !important; /* Oranye Pekat */
  color: #ffffff !important;
}

/* 2. TOMBOL SEARCH */
.pkp_navigation_primary_row .pkp_search a,
.pkp_navigation_primary_row a.pkp_search,
.pkp_navigation_primary_row .pkp_navigation_primary_wrapper ul li a.pkp_search,
a.pkp_search {
  color: #ffffff !important;
  font-weight: bold !important;
  opacity: 1 !important;
  background-color: transparent !important;
  transition: all 0.2s ease-in-out !important;
  text-shadow: none !important;
}

.pkp_navigation_primary_row .pkp_search a:hover,
.pkp_navigation_primary_row .pkp_search a:focus,
.pkp_navigation_primary_row .pkp_search a:active,
a.pkp_search:hover,
a.pkp_search:focus,
a.pkp_search:active {
  background-color: #C24800 !important;
  color: #ffffff !important;
  outline: none !important;
}