/* ===== SIDEBAR DROPDOWN OJS (STABIL) ===== */
:root {
  --sidebar-main: #125950;
  --sidebar-sub: #06131f; /* WARNA SUBMENU */
  --sidebar-hover: linear-gradient(180deg, #125950 0%, #808080 100%);
  --text-light: #ffffff;
}

.ojs-menu {
  background: var(--sidebar-main);
  padding: 12px;
  border-radius: 5px;
}

.ojs-menu a,
.ojs-menu summary {
  display: block;
  padding: 10px 12px;
  margin-bottom: 6px;
  color: var(--text-light);
  font-size: 13px;
  text-decoration: none;
  border-radius: 4px;
  background: rgba(255,255,255,0.08);
  cursor: pointer;
}

.ojs-menu a:hover,
.ojs-menu summary:hover {
  background: var(--sidebar-hover);
}

.ojs-menu .primary {
  background: var(--sidebar-hover);
  font-weight: bold;
  text-align: center;
}

.ojs-menu details {
  margin-bottom: 6px;
}

.ojs-menu details[open] summary {
  background: var(--sidebar-hover);
}

.ojs-menu details a {
  background: var(--sidebar-sub);
  margin-left: 12px;
  font-size: 12px;
}