/* ================================
   OJS 3.3 – FIX MENU HITAM
   ================================ */

/* 1. HAPUS background hitam */
.pkp_navigation_primary_wrapper,
.pkp_navigation_primary,
.pkp_navigation_primary > li {
    background: #ffffff !important;
}

/* 2. Warna teks menu */
.pkp_navigation_primary > li > a {
    color: #111827 !important; /* hitam jelas */
    font-weight: 600;
}

/* 3. Hover menu */
.pkp_navigation_primary > li > a:hover,
.pkp_navigation_primary > li > a:focus {
    background: #f3f4f6 !important;
    color: #000 !important;
    border-radius: 4px;
}

/* 4. Menu aktif */
.pkp_navigation_primary > li.current > a,
.pkp_navigation_primary > li > a[aria-current="page"] {
    background: #e5e7eb !important;
    color: #000 !important;
    border-radius: 4px;
}

/* 5. Hilangkan efek shadow / overlay gelap */
.pkp_navigation_primary_wrapper:before,
.pkp_navigation_primary_wrapper:after {
    display: none !important;
}

/* 6. Pastikan posisi menu rapi */
.pkp_navigation_primary_wrapper {
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    z-index: 1000;
}


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

.sidebar-link {
  color: #666666;
}

.sidebar-link:hover {
  color: #007ab2;
}

.sidebar-link-title {
  color: #666666;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  border-bottom: solid 1px #ddd;
  padding-bottom: 10px;
}

.sidebar-box {
  background-color: #0b5d4726;
  padding: 8px;
  border: solid 1px #ffffff;
  border-radius: 6px;
}

.sidebar-box-title {
  text-align: center;
  font-weight: 700;
  padding: .5em 1em;
  margin-bottom: 12px;
  background: rgb(2 95 72);
  display: block;
  color: #ffffff;
  font-family: Lato, sans-serif !important;
  letter-spacing: 0;
  border-radius: 6px;
}

.pkp_block .block_custom {
  margin-top: 0px !important;
}

.pkp_block {
  padding: 2px;
}

.sidemenu {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

.sidemenu li {
  list-style: none;
}

.sidemenu li a {
  display: table;
  margin-top: 1px;
  padding: 4px 10px;
  width: 100%;
  background: #fffde7;
  text-decoration: none;
  text-align: center;
  font-size: 14px;
  line-height: 25px;
  color: rgb(0 0 0);
  overflow: hidden;
  transition: background 0.4s ease-out;
  border: solid 1px #ffffff;
  border-radius: 6px;
}

.sidemenu > li:first-child a {
  margin-top: 0;
}

.sidemenu li a:hover {
  color: #FF0000;
  background: #fff204d6;
  transition: background 0.2s ease-out;
  border-radius: 6px;
}

.bahasa {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding: 0px !important;
  width: 100%;
}

.bahasa a {
  display: table;
  padding: 0 1em;
  background: #fffde7;
  border: 1px solid rgba(0, 0, 0, 0.4);
  border-radius: 8px;
  box-shadow: inset 0 -1em 1em rgba(0, 0, 0, 0.1);
  font-size: 12px;
  line-height: 25px;
  font-weight: 700;
  color: #085d84;
  width: 100%;
  text-align: center;
}

.bahasa > li:first-child a {
  margin-top: 0;
}

.bahasa li a:hover {
  color: #FF0000;
  background: #7FFF00;
  transition: background 0.2s ease-out;
  border-radius: 8px;
}

.kotak-gambar {
  height: auto !important;
  width: auto;
  margin: 0px;
  padding: 2px;
  border-radius: 6px;
  border: 1px solid #4682b4;
}

.kotak-gambar:hover {
  border: 1px dotted #4682b4;
}