/**
 * Flatpickr overrides for neon (V2) theme.
 */

html[data-theme="neon"] .flatpickr-calendar {
	background: var(--surface);
	border: 1px solid var(--border);
	border-radius: var(--radius-lg);
	box-shadow: var(--shadow-lg);
	font-family: var(--font-sans);
	font-size: var(--text-sm);
}

html[data-theme="neon"] .flatpickr-months {
	background: rgba(15, 23, 42, 0.9);
	border-bottom: 1px solid var(--border);
}

html[data-theme="neon"] .flatpickr-months .flatpickr-month,
html[data-theme="neon"] .flatpickr-current-month .flatpickr-monthDropdown-months,
html[data-theme="neon"] .flatpickr-current-month input.cur-year {
	color: var(--foreground);
}

html[data-theme="neon"] .flatpickr-weekday {
	color: var(--muted-fg);
}

html[data-theme="neon"] .flatpickr-day {
	color: var(--foreground);
}

html[data-theme="neon"] .flatpickr-day:hover,
html[data-theme="neon"] .flatpickr-day:focus {
	background: var(--muted);
}

html[data-theme="neon"] .flatpickr-day.today {
	border-color: var(--accent);
}

html[data-theme="neon"] .flatpickr-day.today:hover,
html[data-theme="neon"] .flatpickr-day.today:focus {
	background: rgba(34, 211, 238, 0.15);
	border-color: var(--accent);
}

html[data-theme="neon"] .flatpickr-day.selected,
html[data-theme="neon"] .flatpickr-day.startRange,
html[data-theme="neon"] .flatpickr-day.endRange {
	background: linear-gradient(135deg, var(--accent), var(--accent-2));
	border-color: transparent;
	color: var(--accent-fg);
}

html[data-theme="neon"] .flatpickr-day.inRange {
	background: rgba(34, 211, 238, 0.12);
	box-shadow: -5px 0 0 rgba(34, 211, 238, 0.12), 5px 0 0 rgba(34, 211, 238, 0.12);
}

html[data-theme="neon"] .flatpickr-months .flatpickr-prev-month:hover svg,
html[data-theme="neon"] .flatpickr-months .flatpickr-next-month:hover svg {
	fill: var(--accent);
}

html[data-theme="neon"] .lie-filters__field input.flatpickr-input {
	background: rgba(15, 23, 42, 0.6);
	border-color: var(--border);
	color: var(--foreground);
}

html[data-theme="neon"] .lie-filters__field input.flatpickr-input:focus {
	border-color: var(--accent);
	box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.2);
}

html[data-theme="neon"] .lie-form-field input.flatpickr-input,
html[data-theme="neon"] .lie-form-field input.lie-date-picker.flatpickr-input {
	background: rgba(15, 23, 42, 0.6);
	border: 1px solid var(--border);
	border-radius: var(--radius-md);
	color: var(--foreground);
	padding: 0.5rem 0.75rem;
	min-height: 2.625rem;
	box-sizing: border-box;
}

html[data-theme="neon"] .lie-form-field input.flatpickr-input:focus,
html[data-theme="neon"] .lie-form-field input.lie-date-picker.flatpickr-input:focus {
	border-color: var(--accent);
	box-shadow: 0 0 0 3px rgba(34, 211, 238, 0.2);
}