/* Contact form date picker — Flatpickr theme overrides */

.spoon-date-picker-wrap {
	position: relative;
}

.spoon-date-picker-wrap .form-group input[type='text'] {
	cursor: pointer;
	background-color: var(--color-white);
}

.spoon-date-picker-hint {
	display: block;
	margin-top: 8px;
	font-size: 0.8rem;
	color: var(--color-text-muted);
}

/* Flatpickr calendar */
.flatpickr-calendar {
	font-family: var(--font-body);
	border: 1px solid var(--color-border);
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-lg);
	overflow: hidden;
}

.flatpickr-months {
	background: var(--color-cream);
}

.flatpickr-current-month {
	font-family: var(--font-heading);
	font-size: 1.125rem;
}

.flatpickr-weekdays {
	background: var(--color-cream);
}

.flatpickr-weekday {
	color: var(--color-text-muted);
	font-weight: 600;
	font-size: 0.75rem;
}

.flatpickr-day {
	border-radius: var(--radius);
	color: var(--color-text);
}

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

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

.flatpickr-day:hover {
	background: var(--color-cream);
	border-color: var(--color-cream);
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.spoon-date-unavailable,
.flatpickr-day.spoon-date-unavailable:hover {
	background: var(--color-cream-dark) !important;
	color: #a0a0a0 !important;
	border-color: transparent !important;
	cursor: not-allowed;
	opacity: 0.65;
	text-decoration: line-through;
}

.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
	color: var(--color-text-muted);
}

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

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

input.flatpickr-input[readonly] {
	cursor: pointer;
}