/* =========================================================
   MyDokSat — Check-in / Check-out range calendar picker
   ========================================================= */
.drp-display {
  display: block;
  width: 100%;
  border: none;
  background: transparent;
  padding: 0;
  margin-top: 2px;
  font-family: 'Poppins', Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  color: #8C8C8C;
  cursor: pointer;
  text-align: left;
}
.drp-display.has-value { color: #1A1A1A; font-weight: 600; }

.drp-popover {
  position: absolute;
  z-index: 200;
  display: none;
  width: 300px;
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.18);
  border: 1px solid #EAEAEA;
  padding: 16px;
  font-family: 'Poppins', Arial, sans-serif;
}
.drp-popover.drp-open { display: block; }

.drp-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.drp-month-label { font-weight: 700; font-size: 15px; color: #1A1A1A; }
.drp-nav {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: none;
  background: #F2F2F2;
  color: #1A1A1A;
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
}
.drp-nav:hover { background: #E4E4E4; }

.drp-weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  color: #8C8C8C;
  margin-bottom: 6px;
}

.drp-days {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  row-gap: 4px;
}
.drp-day {
  position: relative;
  border: none;
  background: transparent;
  height: 36px;
  font-size: 13px;
  font-weight: 500;
  color: #1A1A1A;
  cursor: pointer;
  border-radius: 50%;
}
.drp-day:hover:not(.drp-day--disabled):not(.drp-day--selected) { background: #F2F2F2; }
.drp-day--empty { cursor: default; }
.drp-day--disabled { color: #C9C9C9; cursor: not-allowed; text-decoration: line-through; }
.drp-day--reserved { color: #B5B5B5; }
.drp-day--inrange { background: var(--green-light, #E9F7E0); border-radius: 0; }
.drp-day--selected { background: #1B1B1B; color: #fff; font-weight: 700; }

.drp-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
  padding-top: 10px;
  border-top: 1px solid #EFEFEF;
}
.drp-clear {
  background: none;
  border: none;
  font-size: 12px;
  font-weight: 600;
  color: #4A4A4A;
  cursor: pointer;
  text-decoration: underline;
  padding: 0;
}
.drp-apply {
  background: var(--green, #7BC142);
  color: #fff;
  border: none;
  border-radius: 20px;
  padding: 8px 18px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
}
.drp-apply:hover { background: var(--green-dark, #5FA02E); }