.agenda-card {
  border: 2px solid #28a745; 
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.agenda-card img {
  width: 100%;
  height: auto;
  display: block;
}

.agenda-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
  color: white;
  padding: 10px 15px;
}

.agenda-title {
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}

.agenda-card .card-title {
/*    font-size: 18px;*/
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 1.2;
    color: white;
}

.agenda-date {
  font-size: 14px;
  display: flex;
  align-items: center;
  margin-top: 5px;
}

.agenda-date i {
  margin-right: 5px;
}



.agenda-card:hover img {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}
.agenda-card img {
    transition: transform 0.3s ease;
}


.agenda-overlay:hover {
    cursor: pointer;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
}



    .agenda-carousel .item {
        padding: 5px;
    }

    .agenda-carousel .card {
        height: 200px;
    }

    .agenda-carousel .card img {
        height: 100%;
        object-fit: cover;
    }



/* Hanya untuk gambar utama agenda (card pertama) */
.agenda-card.mb-3 img {
  width: 100%;
  height: 300px; /* bisa kamu ubah sesuai layout */
  object-fit: contain; /* biar gambar portrait tidak ketarik */
  background-color: #fff; /* kasih padding putih */
  display: block;
  object-position: center; /* gambar di tengah */
}