/* Flatpickr — dark theme matching client's calendar design */
.flatpickr-calendar {
	background-color: #2d2e3f;
	border: none;
	border-radius: 6px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}

.flatpickr-months {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px 10px 0 10px;
}

.flatpickr-current-month {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #ffffff;
	font-weight: 700 !important;
	font-size: 16px;
}

.flatpickr-current-month input.cur-year {
	color: #ffffff !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	background: transparent;
	pointer-events: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
	display: none;
}

.flatpickr-prev-month,
.flatpickr-next-month,
.flatpickr-prev-year,
.flatpickr-next-year {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 30px;
	height: 30px;
	fill: #ffffff;
	color: #ffffff;
	cursor: pointer;
	border-radius: 4px;
}

.flatpickr-prev-month:hover,
.flatpickr-next-month:hover,
.flatpickr-prev-year:hover,
.flatpickr-next-year:hover {
	background-color: #3d3f57;
}

.flatpickr-weekdays {
	background-color: transparent;
}

span.flatpickr-weekday {
	background-color: transparent !important;
	color: #566e78 !important;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 12px;
}

.flatpickr-day {
	color: #ffffff;
	border-radius: 4px;
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
	color: #566e78 !important;
}

/* .flatpickr-day.today {
	border-color: #ffffff;
}

.flatpickr-day.selected,
.flatpickr-day.selected:hover {
	background-color: #2196f3;
	border-color: #2196f3;
	color: #ffffff;
}

.flatpickr-day:hover {
	background-color: #3d3f57;
} */

/* Today's date — bordered, no fill */
.flatpickr-day.today {
	border: 1px solid transparent;
	background: #009DDC;
}

.flatpickr-day.today:hover {
	border: 1px solid transparent;
	background-color: #3d3f57;
}

/* Hover state on any selectable day — bordered box, matches screenshot */
.flatpickr-day:hover {
	border: 1px solid transparent;
	background-color: #3d3f57;
}

/* Selected day stays filled blue, takes priority over hover/today border */
.flatpickr-day.selected,
.flatpickr-day.selected:hover {
	border: 1px solid transparent;
	background-color: transparent;
	color: #ffffff;
}


/* Override Flatpickr's absolute-positioned month arrows so all 4 nav buttons sit in one row */
.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
	position: static !important;
}

/* Force arrow icons to stay white on hover — Flatpickr's default hover repaints them dark */
.flatpickr-prev-month svg,
.flatpickr-next-month svg,
.flatpickr-prev-year,
.flatpickr-next-year,
.flatpickr-prev-month:hover svg,
.flatpickr-next-month:hover svg,
.flatpickr-prev-month:hover,
.flatpickr-next-month:hover,
.flatpickr-prev-year:hover,
.flatpickr-next-year:hover {
	fill: #ffffff !important;
	color: #ffffff !important;
}

.flatpickr-calendar {
	width: auto !important;
	min-width: 320px;
}

.flatpickr-current-month {
	width: auto;
	white-space: nowrap;
	padding: 0 8px;
}