/*
 * Day visit counts on Persian datepicker cells.
 * Vendor: td/span height 26px; plot-area overflow:hidden.
 * Badges live INSIDE the day <span> (like .alter-calendar-day).
 */

.datepicker-plot-area .datepicker-day-view .table-days td.has-day-counts {
  height: 36px !important;
  min-height: 36px !important;
  overflow: visible !important;
  vertical-align: top !important;
}

.datepicker-plot-area .datepicker-day-view .table-days td.has-day-counts > span {
  position: relative !important;
  height: 36px !important;
  line-height: 20px !important;
  overflow: visible !important;
}

.datepicker-plot-area .datepicker-day-view .table-days td .pdp-day-counts {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 1px !important;
  z-index: 6 !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
  line-height: 1 !important;
  text-align: center !important;
  background: transparent !important;
  border: none !important;
  font-style: normal !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  pointer-events: none !important;
  color: inherit !important;
}

.datepicker-plot-area .datepicker-day-view .table-days td .pdp-day-counts .pdp-day-counts__waiting {
  color: #b45309 !important;
  background: transparent !important;
  border: none !important;
  display: inline !important;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  padding: 0 !important;
  margin: 0 1px !important;
}

.datepicker-plot-area .datepicker-day-view .table-days td .pdp-day-counts .pdp-day-counts__timed {
  color: #15803d !important;
  background: transparent !important;
  border: none !important;
  display: inline !important;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  padding: 0 !important;
  margin: 0 1px !important;
}

.datepicker-plot-area .datepicker-day-view .table-days td.selected .pdp-day-counts .pdp-day-counts__waiting {
  color: #fde047 !important;
}

.datepicker-plot-area .datepicker-day-view .table-days td.selected .pdp-day-counts .pdp-day-counts__timed {
  color: #bbf7d0 !important;
}