/* ===== GLOBAL TABLE ===== */
.datepicker table {
  table-layout: fixed !important;
  border-collapse: separate !important;
  width: 250px !important;
  height: 250px !important;
  font-size: 13px !important; /* ubah sesuai kebutuhan */
}

.datepicker table thead tr th.datepicker-switch {
  border: 1px solid #ddd !important;
}

/* ===== DAYS ===== */
.datepicker-days td {
  border: 1px solid #ddd !important;
  border-radius: 0% !important;
}

/* ===== MONTHS ===== */
.datepicker-months td,
.datepicker-months .month {
  border: 1px solid #ddd !important;
}

/* ===== YEARS ===== */
.datepicker-years td,
.datepicker-years .year {
  border: 1px solid #ddd !important;
}

/* ===== HEADER (hapus border) ===== */
.datepicker th.prev,
.datepicker th.next,
.datepicker th.datepicker-switch {
  border: none !important;
}

/* ===== ICON NAVIGATION ===== */
.datepicker th.next,
.datepicker th.prev {
  font-size: 0 !important;
  position: relative;
}

/* next icon */
.datepicker th.next::after {
  content: "\F134"; /* bi-arrow-right */
  font-family: "bootstrap-icons";
  font-size: 16px;
  color: #0d6efd;
}

/* prev icon */
.datepicker th.prev::after {
  content: "\F12A"; /* bi-arrow-left */
  font-family: "bootstrap-icons";
  font-size: 16px;
  color: #0d6efd;
}