/* =========================================
   CUSTOM CSS: HEALTH SCIENCES - PENERBIT KOALA
   ========================================= */

/* 1. Efek Elegan pada Katalog Buku (Monograph Summary) */
.cmp_monograph_summary {
  background: #ffffff;
  border-radius: 12px; /* Sudut lebih membulat */
  border: 1px solid #edf2f7;
  padding: 20px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.04);
}

/* Efek terangkat dan bayangan saat disorot mouse */
.cmp_monograph_summary:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 25px rgba(46, 169, 130, 0.15); /* Bayangan warna hijau koala */
  border-color: #2ea982;
}

/* 2. Merapikan Tombol (Buttons) */
.pkp_button,
.pkp_button_primary {
  border-radius: 8px; /* Sudut tombol lebih modern */
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-size: 0.85rem;
  transition: all 0.3s ease;
}

.pkp_button_primary:hover {
  box-shadow: 0 4px 12px rgba(46, 169, 130, 0.4);
}

/* 3. Penyesuaian Header agar Lebih Rapi */
.pkp_site_name {
  margin-bottom: 0;
}

.pkp_structure_head {
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05); /* Bayangan halus di bawah navigasi */
  border-bottom: none;
}

/* 4. Mempercantik Footer */
.pkp_structure_footer {
  background-color: #1e293b; /* Warna abu-abu gelap kebiruan */
  color: #e2e8f0;
  padding-top: 50px;
  padding-bottom: 50px;
  border-top: 4px solid #2ea982; /* Garis hijau di atas footer */
}

.pkp_structure_footer a {
  color: #6ee7b7; /* Hijau terang untuk link di background gelap */
  text-decoration: none;
  transition: color 0.2s ease;
}

.pkp_structure_footer a:hover {
  color: #ffffff;
}

/* Menyembunyikan gambar "ojs_brand_white.png" yang error (404) di footer */
.pkp_brand_footer {
  display: none !important;
}