/* ===== Body dan kalender ===== */
body {
  padding: 20px;
}

#calendar {
  max-width: 1000px;
  margin: 0 auto;
}

/* ===== Warna Hari Minggu ===== */
.fc-day-sun .fc-daygrid-day-number {
  color: red !important;   /* angka tanggal Minggu merah */
}

.fc-day-fri .fc-daygrid-day-number {
  color: rgb(4, 154, 34) !important;   /* angka tanggal Jumat hijau */
}

/* Hilangkan underline default anchor pada angka */
.fc-daygrid-day-number {
  text-decoration: none !important;
  color: inherit; /* biar ikut warna normal/merah Minggu */
}

/* ===== Kotak tanggal ===== */
.fc-daygrid-day {
  min-height: 80px;  /* tinggi kotak seragam */
}

/* Kontainer angka dan event menggunakan Flexbox */
.fc-daygrid-day-frame {
  display: flex; /* Ganti dari grid menjadi flex */
  flex-direction: column; /* Susun item secara vertikal */
  justify-content: flex-start; /* Tarik item ke atas */
  align-items: center; /* Pusatkan item secara horizontal */
  padding: 2px;
  box-sizing: border-box;
}

/* Angka tanggal */
.fc-daygrid-day-top {
  font-size: 32px;
  font-weight: bold;
  line-height: 1;
  margin: 0;
  text-decoration: none !important; /* hilangkan underline */
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;  /* isi penuh kotak */
  width: 100%;
}

/* ===== Event block ===== */
.fc-daygrid-event-harness {
  width: 100%; /* Pastikan kontainer event mengisi seluruh lebar kotak */
  margin-top: 2px;
}

.fc-daygrid-event {
  font-size: 12px;
  padding: 2px 4px;
  border-radius: 4px;
  color: #fff !important;
  text-align: center;
  white-space: normal !important;  /* biar bisa turun baris */
  overflow: hidden;                /* tetap jaga biar ga keluar */
  display: block;
  line-height: 1.2em;
  /* max-height: 2.4em; */         /* hapus pembatas tinggi */
  text-overflow: unset;            /* hapus ellipsis */
}

/* Hilangkan dot kecil bawaan */
.fc-daygrid-event-dot {
  display: none !important;
}

/* ===== Daftar event di samping ===== */
#eventList {
  max-height: 600px;
  overflow-y: auto;
}