/*
 * Flatpickr in culorile temei. Incarcat doar impreuna cu
 * assets/vendor/flatpickr/flatpickr.min.css (vezi lpl_enqueue_flatpickr()).
 *
 * Variabilele vin din :root-ul lui main.css (--primary, --border...), deci
 * tema intunecata le schimba singura.
 */

.flatpickr-calendar {
	font-family: inherit;
	background: var(--card);
	color: var(--foreground);
	border-radius: var(--radius);
	box-shadow: 0 10px 20px -8px oklch(0.25 0.05 150 / 18%), 0 30px 60px -30px oklch(0.25 0.05 150 / 30%);
	border: 1px solid var(--border);
}

.flatpickr-calendar::before,
.flatpickr-calendar::after {
	display: none;
}

.flatpickr-months .flatpickr-month,
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year,
span.flatpickr-weekday {
	color: var(--foreground);
	fill: var(--foreground);
	font-weight: 600;
}

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

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

.flatpickr-day {
	color: var(--foreground);
	border-radius: 9999px;
}

.flatpickr-day:hover,
.flatpickr-day:focus {
	background: var(--secondary);
	border-color: var(--secondary);
}

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

.flatpickr-day.inRange,
.flatpickr-day.inRange:hover {
	background: var(--primary-soft);
	border-color: var(--primary-soft);
	box-shadow: -5px 0 0 var(--primary-soft), 5px 0 0 var(--primary-soft);
}

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

.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)),
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
	box-shadow: -10px 0 0 var(--primary);
}

.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover,
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
	color: var(--muted-foreground);
	opacity: 0.45;
}