/* ===== Header / Logo ===== */
.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:200px !important; height:auto; width:auto; }
.pkp_site_name_wrapper { padding-left:0; padding-right:0; }
.pkp_navigation_user_wrapper { top:0; right:0; padding-right:30px; }

/* spasi halaman (rapi) */
.pkp_structure_page {
  margin-top:20px !important;
  margin-bottom:20px !important;      /* <-- perbaikan: tambahkan px */
  padding-bottom:20px !important;
}

/* ===== Side Buttons (pill) — OJS 3.1 Default ===== */
/* Scope ke sidebar supaya tidak bentrok elemen lain */
.pkp_structure_sidebar #sbx-menu,
.pkp_site_sidebar #sbx-menu {
  --bg:#155e8a; --bg2:#104b6d; --text:#fff; --ring:#0ea5e9;
}

/* Judul */
.pkp_structure_sidebar #sbx-menu .sbx-title,
.pkp_site_sidebar    #sbx-menu .sbx-title {
  font:700 16px/1.2 system-ui,Segoe UI,Roboto,Arial;
  color:#2a2e34; margin:0 0 10px;
}

/* List */
.pkp_structure_sidebar #sbx-menu .sbx-list,
.pkp_site_sidebar    #sbx-menu .sbx-list {
  list-style:none; margin:0; padding:0;
  display:flex; flex-direction:column; gap:12px;
}

/* Tombol */
.pkp_structure_sidebar #sbx-menu .sbx-btn,
.pkp_site_sidebar    #sbx-menu .sbx-btn {
  display:flex; align-items:center; justify-content:center; gap:10px;
  text-decoration:none !important; color:var(--text) !important;
  background:linear-gradient(180deg,var(--bg),var(--bg2));
  text-align:center; font:700 16px/1 system-ui,Segoe UI,Roboto,Arial;
  padding:18px 16px; border-radius:16px;
  border:1px solid rgba(255,255,255,.2);
  box-shadow:0 6px 14px rgba(0,0,0,.12);
  transition:transform .15s ease, box-shadow .15s ease, filter .15s ease;
}
.pkp_structure_sidebar #sbx-menu .sbx-btn:hover,
.pkp_site_sidebar    #sbx-menu .sbx-btn:hover {
  transform:translateY(-2px);
  box-shadow:0 10px 20px rgba(0,0,0,.18);
  filter:brightness(1.05);
}
.pkp_structure_sidebar #sbx-menu .sbx-btn:active,
.pkp_site_sidebar    #sbx-menu .sbx-btn:active {
  transform:translateY(0);
  filter:brightness(.95);
}
.pkp_structure_sidebar #sbx-menu .sbx-btn:focus,
.pkp_site_sidebar    #sbx-menu .sbx-btn:focus {
  outline:2px solid var(--ring);
  outline-offset:3px;
}

/* Ikon kiri (SVG inline) */
.pkp_structure_sidebar #sbx-menu .sbx-ico,
.pkp_site_sidebar    #sbx-menu .sbx-ico {
  width:22px; height:22px; color:#eaf3f9; flex:0 0 22px;
}

/* Teks kecil */
.pkp_structure_sidebar #sbx-menu .sbx-btn small,
.pkp_site_sidebar    #sbx-menu .sbx-btn small {
  display:block; opacity:.85; font:600 12px/1.2 system-ui; margin-top:4px;
}

/* Bungkus teks (judul + small) */
.pkp_structure_sidebar #sbx-menu .sbx-btn > span,
.pkp_site_sidebar    #sbx-menu .sbx-btn > span {
  display:flex; flex-direction:column; align-items:center;
}

/* Variasi warna */
.pkp_structure_sidebar #sbx-menu .green,
.pkp_site_sidebar    #sbx-menu .green { --bg:#136f3c; --bg2:#0e5a31; }
.pkp_structure_sidebar #sbx-menu .orange,
.pkp_site_sidebar    #sbx-menu .orange{ --bg:#d97706; --bg2:#b45309; }

/* Pastikan link di dalam block pakai warna tombol */
.pkp_structure_sidebar #sbx-menu .sbx-list a,
.pkp_site_sidebar    #sbx-menu .sbx-list a { color:var(--text) !important; }

/* Responsif kecil */
@media (max-width: 992px){
  .pkp_structure_sidebar #sbx-menu .sbx-btn,
  .pkp_site_sidebar    #sbx-menu .sbx-btn { padding:16px 14px; }
}