/* ==========================================================================
   KUSTOMISASI CSS JURNAL GPEIJ (UNTUK MATERIAL THEME)
   ========================================================================== */

/* --- WARNA UTAMA JURNAL (Aksen Warna) --- */
/* Mengganti warna utama tombol dan elemen aksen (contoh: Biru Indigo) */
:root {
  --material-primary-color: #3f51b5; /* Bisa ganti dengan hex warna logo Anda */
  --material-accent-color: #ff4081;
}

/* Mengatur warna background judul Jurnal atau Logo Bar */
.mdl-layout__header {
  background-color: var(--material-primary-color) !important;
}

/* Warna judul ketika teks */
.mdl-layout-title {
  font-weight: 700 !important;
  letter-spacing: 0.5px;
}

/* --- DAFTAR ARTIKEL (ISSUE TOC CARDS) --- */
/* Memberikan efek bayangan lebih dalam pada card artikel (Material Design) */
.mdl-card {
  transition:
    box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1),
    transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border-radius: 8px !important; /* Membuat sudut card sedikit membulat */
  overflow: hidden;
}

/* Efek angkat saat di-hover */
.mdl-card:hover {
  box-shadow:
    0 8px 17px 2px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12),
    0 5px 5px -3px rgba(0, 0, 0, 0.2) !important;
  transform: translateY(-2px);
}

/* Mempertegas Judul Artikel di dalam Card */
.article-summary-title a {
  font-weight: 600 !important;
  color: var(--material-primary-color) !important;
  text-decoration: none !important;
  font-size: 1.3rem !important;
  line-height: 1.4 !important;
}

.article-summary-title a:hover {
  color: #1a237e !important; /* Biru yang lebih tua saat di-hover */
}

/* --- TOMBOL (PDF/HTML GALLEY) --- */
/* Membuat tombol galley lebih mencolok */
.mdl-button--colored {
  background-color: var(--material-primary-color) !important;
  color: #ffffff !important;
  border-radius: 4px !important;
  font-weight: bold !important;
}

.mdl-button--colored:hover {
  background-color: #303f9f !important;
}

/* --- HALAMAN DETAIL ARTIKEL --- */
/* Memperjelas ukuran judul di halaman detail artikel */
.article-details .page-header h2 {
  font-size: 2.2rem !important;
  font-weight: 700 !important;
  color: #212121 !important;
  line-height: 1.3 !important;
  margin-bottom: 24px !important;
}

/* Memperbaiki tampilan paragraf Abstrak */
.article-details-abstract p {
  font-size: 1.05rem !important;
  line-height: 1.8 !important;
  color: #424242 !important;
  text-align: justify !important;
}

/* --- SIDEBAR WIDGETS --- */
/* Memisahkan blok sidebar agar terlihat seperti card terpisah */
.pkp_structure_sidebar .block {
  background: #ffffff !important;
  padding: 16px !important;
  border-radius: 8px !important;
  box-shadow:
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 1px 5px 0 rgba(0, 0, 0, 0.12) !important;
  margin-bottom: 24px !important;
}

.pkp_structure_sidebar .block .title {
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  color: var(--material-primary-color) !important;
  border-bottom: 2px solid #eeeeee !important;
  padding-bottom: 8px !important;
}

/* --- FOOTER --- */
.mdl-mega-footer {
  background-color: #263238 !important; /* Material Grey 900 */
  color: #eceff1 !important;
  padding-top: 48px !important;
}