/**
 * Defer Forms — flatpickr theme matching the Defer Forms design tokens. Loaded after
 * flatpickr's base CSS to recolour it. Range styles are included so the
 * upcoming date-range field gets the same look.
 */
.flatpickr-calendar {
	border: 1px solid #ebe7e1;
	border-radius: 12px;
	box-shadow: 0 10px 34px rgba( 27, 27, 34, 0.12 );
	/*
	 * Whatever the page is set in. Flatpickr appends the calendar to <body>
	 * rather than into the form, so `inherit` reaches the theme's font on the
	 * front end and WordPress's in the admin. Naming a family here was the
	 * worst of the three places it happened: a font the plugin does not ship,
	 * imposed on a page whose typography belongs to the theme.
	 */
	font-family: inherit;
}
.flatpickr-calendar.arrowTop::before,
.flatpickr-calendar.arrowTop::after {
	border-bottom-color: #ebe7e1;
}

.flatpickr-months .flatpickr-month,
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
	color: #1b1b22;
	font-weight: 700;
}
.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
	fill: #1b1b22;
}

.flatpickr-weekday {
	color: #a8a29e;
	font-weight: 700;
}

.flatpickr-day {
	color: #1b1b22;
	border-radius: 8px;
}
.flatpickr-day:hover,
.flatpickr-day:focus {
	background: #f1efec;
	border-color: #f1efec;
}
.flatpickr-day.today {
	border-color: #1b1b22;
}
.flatpickr-day.selected,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
	background: #1b1b22;
	border-color: #1b1b22;
	color: #fff;
}
.flatpickr-day.inRange {
	background: #f1efec;
	border-color: #f1efec;
	box-shadow: -5px 0 0 #f1efec, 5px 0 0 #f1efec;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
	color: #d6d3d1;
}