/* Blendin Datepicker — functional + brand overrides */

.litepicker {
  font-family: inherit;
  z-index: 9999;
}

.litepicker .month-item-weekdays-row > div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.litepicker .container__days .day-item {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.litepicker .container__days .day-item.is-locked {
  text-decoration: line-through;
  opacity: 0.4;
  cursor: default;
}

.litepicker .container__days .day-item.is-locked:hover {
  background: transparent;
}

/* Blendin brand styles */
.litepicker .container__days .day-item.is-today {
  color: var(--text--pop-1);
  font-weight: 600;
}

.container__months.columns-2 {
  border-radius: 0px;
}

.day-item {
  color: var(--text--primary) !important;
}

.day-item.is-end-date,
.day-item.is-start-date {
  background-color: var(--button--primary--background) !important;
  color: var(--button--primary--foreground) !important;
}

.day-item.is-in-range {
  background: var(--background--secondary) !important;
}

.litepicker .month-item-header .button-previous-month:hover > svg,
.litepicker .month-item-header .button-next-month:hover > svg {
  fill: var(--text--primary);
}

.litepicker .month-item-header .button-previous-month > svg,
.litepicker .month-item-header .button-next-month > svg {
  fill: var(--text--primary);
}

/* Dates past the next locked date while picking end date */
.day-item.is-max-blocked {
  opacity: 0.3 !important;
  pointer-events: none !important;
  cursor: default !important;
}