/* Logo */
.pkp_site_name .is_img img {
    display: inline-block;
    max-height: 150px;
    max-width: 100%;
    width: auto;
    height: auto;
}

/* Hilangkan brand footer OJS */
.pkp_brand_footer {
    display: none;
}
/* ===== Ganti gradasi biru hero di Material Theme ===== */

/* Pastikan container hero bisa diberi overlay */
body.pkp_page_index .obj_homepage {
  position: relative !important;
  background: none !important;        /* jangan pakai bg bawaan */
}

/* Matikan pseudo-element bawaan (kalau ada) */
body.pkp_page_index .obj_homepage::before {
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
  content: '' !important;
}

/* >>> Overlay gradient BARU (di atas background lama, di bawah konten) */
body.pkp_page_index .obj_homepage::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;                /* top/right/bottom/left = 0 */
  z-index: 0 !important;              /* di bawah konten */
  pointer-events: none !important;
  background: linear-gradient(135deg, #8b0000 0%, #b71c1c 100%) !important;  /* MERAH */
  /* Kalau mau hijau: ganti baris di atas jadi:
     background: linear-gradient(135deg, #1a3b2e 0%, #1b5e20 100%) !important;
  */
}

/* Pastikan semua isi hero berada di atas overlay */
body.pkp_page_index .obj_homepage > * {
  position: relative !important;
  z-index: 1 !important;
}

/* Buat lapisan lain transparan supaya overlay terlihat */
body.pkp_page_index,
body.pkp_page_index .pkp_structure_main,
body.pkp_page_index .pkp_structure_content {
  background: transparent !important;
  background-image: none !important;
}
/* =========================
   SIDEBAR CONTAINER
========================= */
/* =========================
   SIDEBAR CONTAINER
========================= */
.sidebar-pro {
  width: 270px;
  font-family: 'Segoe UI', Arial, sans-serif;
}

/* =========================
   CARD
========================= */
.sidebar-card {
  background: #f7f7f7;
  border-radius: 14px;
  padding: 12px;
  margin-bottom: 18px;
  overflow: hidden;

  box-shadow: 0 6px 16px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
}

/* HOVER CARD */
.sidebar-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 26px rgba(0,0,0,0.12);
}

/* =========================
   HEADER (FULL SEJAJAR)
========================= */
.sidebar-card > .sidebar-title {
  background: linear-gradient(135deg, #f5c908, #e6b800);
  color: #000;
  font-size: 14px;
  font-weight: 700;
  padding: 12px 16px;

  /* FULL WIDTH */
  margin-left: -12px;
  margin-right: -12px;
  margin-top: -12px;
  margin-bottom: 0;

  border-radius: 14px 14px 0 0;

  box-shadow: inset 0 -2px 4px rgba(0,0,0,0.12);
}

/* =========================
   LINKS (FULL WIDTH + GARIS)
========================= */
.sidebar-card a {
  display: block;
  font-size: 13px;
  padding: 12px 16px;
  text-decoration: none;
  color: #333;
  background: transparent;

  /* AGAR SEJAJAR BOX */
  margin-left: -12px;
  margin-right: -12px;

  border-bottom: 1px solid #e0e0e0;
  transition: all 0.25s ease;
}

/* HAPUS GARIS TERAKHIR */
.sidebar-card a:last-child {
  border-bottom: none;
  border-radius: 0 0 14px 14px;
}

/* =========================
   HOVER LINK (FULL SEJAJAR)
========================= */
.sidebar-card a:hover {
  background: #f5c908;
  color: #000;
  padding-left: 20px;
}

/* =========================
   ACTIVE / CLICK STATE
========================= */
.sidebar-card a:focus,
.sidebar-card a:active {
  background: #f5c908;
  color: #000;
}

/* =========================
   FIX KONFLIK OJS
========================= */
.sidebar-card a,
.sidebar-card a * {
  box-shadow: none !important;
}

/* MATIKAN STYLE LAMA */
.sidebar-card::before {
  display: none !important;
}