/* Card Berita: Borderless dengan shadow halus */
.berita-card {
  border: none; /* Hilangkan border default */
  border-radius: 0.75rem; /* Sudut sedikit lebih tumpul */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  /* Shadow awal yang sangat subtle */
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
}

.berita-card:hover {
  transform: translateY(-8px);
  /* Shadow menjadi lebih jelas saat di-hover */
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

/* --- Gambar & Overlay --- */

/* Wrapper Gambar diberi posisi relative sebagai dasar overlay */
.berita-img-wrapper {
  position: relative;
  height: 180px;
  overflow: hidden;
}

.berita-img-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

.berita-card:hover .berita-img-wrapper img {
  transform: scale(1.08); /* Efek zoom sedikit lebih dramatis */
}

/* Badge Kategori dengan gaya overlay */
.berita-badge-overlay {
  position: absolute;
  top: 1rem;
  left: 1rem;
  z-index: 10;
  
  background-color: rgba(0, 0, 0, 0.5); /* Latar belakang semi-transparan */
  color: white;
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.3rem 0.6rem;
  border-radius: 50px; /* Bentuk pill/kapsul */
  backdrop-filter: blur(5px); /* Efek blur (opsional, tapi sangat modern) */
}

/* --- Konten Card --- */

/* Beri ruang lebih pada card body */
.card-body {
    padding: 1.25rem;
}

.berita-judul {
  font-size: 16px; /* Sedikit lebih besar agar mudah dibaca */
  line-height: 1.4;
  max-height: 45px; /* Sesuaikan dengan font-size baru */
  margin-bottom: 0;
  transition: color 0.3s ease;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.berita-card:hover .berita-judul {
  color: #0d6efd;
}

/* Footer dibuat bersih tanpa border */
.card-footer {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 1.25rem;
}