/* Calendar container */
.flatpickr-calendar {
	background-color: white;
	border: 1px solid #d1d5db; /* gray-300 */
	border-radius: 0.5rem; /* rounded-lg */
	box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
		0 4px 6px -4px rgba(0, 0, 0, 0.1); /* shadow-lg */
	display: flex !important;
	flex-direction: column;
	gap: 10px;
	padding: 20px;
	font-family: 'Inter', sans-serif;
	z-index: 10 !important;
}

/* Fix for small screens */
@media (max-width: 1030px) {
	.flatpickr-calendar {
		position: fixed !important; /* so it doesn’t overflow parent */
		left: 190px !important; /* center horizontally */
	}
}

.flatpickr-current-month span.cur-month {
	font-size: 16px;
	font-weight: 400;
}

.flatpickr-current-month input.cur-year {
	font-weight: 600;
	font-size: 16px;
}

.flatpickr-next-month {
	right: 10px !important;
}

.flatpickr-prev-month {
	left: 10px !important;
}

.flatpickr-next-month,
.flatpickr-prev-month {
	top: 10px !important;
	color: #6b7280; /* gray-500 */
}

/* Days */
.flatpickr-day {
	color: #374151; /* text-gray-700 */
	border-radius: 0.25rem; /* rounded */
}

.flatpickr-day:hover {
	background-color: #ede9fe; /* purple-100 */
	color: #374151;
}
.flatpickr-day.today:hover {
	background-color: #ede9fe; /* purple-100 */
	color: #374151;
}

/* Selected/Range */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
	background-color: #a78bfa !important; /* purple-400 */
	border: #a78bfa; /* purple-400 */
	color: white;
}

/* for the today inRange selection */
.flatpickr-day.today.inRange {
	background-color: #ab9df6;
	border: #ab9df6;
	border-radius: 10px;
	color: white;
}

.flatpickr-day.today.inRange:hover {
	background-color: #a78bfa;
	border: #a78bfa;
	color: white;
}

.dark .flatpickr-day.today.inRange {
	background-color: #ab9df6;
	border: #ab9df6;
	color: white;
}

.dark .flatpickr-day.today.inRange:hover {
	background-color: #a78bfa;
	border: #a78bfa;
	color: white;
}

.flatpickr-day.inRange {
	background-color: #ede9fe; /* purple-100 */
	color: #374151;
	box-shadow: none !important;
	padding: 0 !important;
	border: none !important	;
	border-radius: 5px !important;
}

.dark .flatpickr-day.inRange {
	background-color: #374151; /* purple-100 */
	color: #bebfbf;
}

/* Today */
.flatpickr-day.today {
	border: 1px solid #a78bfa; /* purple-400 */
}

.flatpickr-day.today:hover {
	background-color: #ede9fe; /* purple-100 */
	color: #374151;
}

.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover {
	background-color: #8b68f3; /* purple-400 */
	color: white;
	border: 1px solid #8b68f3; /* purple-400 */
}

/* get the input by id */
#date_range::placeholder {
	color: #343434; /* red-500 */
}

.dark #date_range::placeholder {
	color: #ffffff; /* white */
}