/* Visible states for the keyboard support added in Assets/JS/datepicker/keyboard.js.
   Loaded after style.css so the overrides below win on equal specificity. */

/* the date fields can be typed into now, so show a text caret */
#date1, #date2, #date3, .date-input {
    cursor: text;
}

/* day the arrow keys are sitting on */
.date-picker-wrapper .month-wrapper table .day.kbd-focus {
    outline: 2px solid #A31F34;
    outline-offset: -2px;
    border-radius: 8px;
    color: #2D3038;
}

/* month arrows are reachable with Tab */
.date-picker-wrapper .prev:focus-visible,
.date-picker-wrapper .next:focus-visible {
    outline: 2px solid #A31F34;
    outline-offset: 2px;
    border-radius: 4px;
}

/* a typed date that cannot be used */
input.date-input.date-input_invalid,
input.date-input.date-input_invalid:focus {
    border: 1px solid #E84A38;
}