/**
 * Highlight styles for the Gravity Forms date-range datepickers
 * (.choose-start-date / .choose-end-date). Classes are applied to the day
 * <td> cells by jQuery UI's beforeShowDay (see assets/js/gf-daterange.js).
 */

/* Today, in the start-date calendar. */
.ui-datepicker td.ast-dp-today > a,
.ui-datepicker td.ast-dp-today > span {
  background: var(--ast-accent-light, rgb(45 194 69 / 15%));
  border: 1px solid var(--ast-accent, #2d9145);
  font-weight: 700;
  color: var(--ast-accent-dark, #166f2c);
}

/* Days inside the selected start→end span (end-date calendar). */
.ui-datepicker td.ast-dp-inrange > a,
.ui-datepicker td.ast-dp-inrange > span {
  background: var(--ast-accent-light, rgb(45 194 69 / 15%));
  color: var(--ast-ink, #1f2937);
  border-radius: 0;
}

/* The two endpoints of the range. */
.ui-datepicker td.ast-dp-rangestart > a,
.ui-datepicker td.ast-dp-rangestart > span,
.ui-datepicker td.ast-dp-rangeend > a,
.ui-datepicker td.ast-dp-rangeend > span {
  background: var(--ast-accent, #2d9145) !important;
  color: #fff !important;
  font-weight: 700;
}

/* Round the outer edges of the span (RTL-agnostic: start = right, end = left
   visually flips automatically because the cells keep document order). */
.ui-datepicker td.ast-dp-rangestart > a,
.ui-datepicker td.ast-dp-rangestart > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.ui-datepicker td.ast-dp-rangeend > a,
.ui-datepicker td.ast-dp-rangeend > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}