/* Calendar icon for Air Datepicker text inputs (replaces the native date icon
   that is lost when switching <input type="date"> to type="text"). */
input[data-air-datepicker] {
    color: #2b5b7b;
    padding-right: 2.5rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%234b6e8f' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3e%3crect x='2' y='2.8' width='12' height='11' rx='1.4'/%3e%3cpath d='M2 6h12M5 1.6v2.4M11 1.6v2.4' stroke='%234b6e8f'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.85rem center;
    background-size: 2rem 2rem;
    cursor: text;
}

/* Brand accent color for the Air Datepicker calendar. */
.air-datepicker {
    --adp-accent-color: #2b5b7b;
    --adp-day-name-color: #2b5b7b;
    --adp-day-name-color-hover: #224a64;
    --adp-cell-background-color-selected: #2b5b7b;
    --adp-cell-background-color-selected-hover: #224a64;
    --adp-background-color-selected-other-month: #5d829b;
    --adp-background-color-selected-other-month-focused: #4a7290;
    --adp-background-color-in-range: rgba(43, 91, 123, 0.1);
    --adp-background-color-in-range-focused: rgba(43, 91, 123, 0.2);
}

/* Bold weekday names (Mo, Di, Mi, …). */
.air-datepicker-body--day-name {
    font-weight: 700;
}