/*
 * Habillage de Flatpickr (assets/vendor/flatpickr/) pour reprendre la
 * couleur d'accent du design AssoGestion. Flatpickr est attaché
 * automatiquement à tout champ .dateFR (voir ag-core.js), en remplacement
 * du calendrier jQuery UI de l'ancien thème.
 */

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover {
	background: var(--ag-color-primary);
	border-color: var(--ag-color-primary);
}

.flatpickr-day.today {
	border-color: var(--ag-color-primary);
}

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
	background: var(--ag-color-primary-soft);
	border-color: var(--ag-color-primary);
	color: var(--ag-color-primary);
}

.flatpickr-day:hover {
	background: var(--ag-color-bg);
}

span.flatpickr-weekday,
.flatpickr-current-month .flatpickr-monthDropdown-months {
	color: var(--ag-color-text);
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
	fill: var(--ag-color-primary);
}

.flatpickr-calendar {
	box-shadow: var(--ag-shadow-md);
	border-radius: var(--ag-radius-sm);
}