/**
 * Flatpickr theme overrides — Liechtenstein Events (local assets, no CDN).
 * Uses theme CSS variables from style.css.
 */

.flatpickr-calendar {
  background: var(--background);
  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);
}

.flatpickr-calendar.arrowTop::before,
.flatpickr-calendar.arrowTop::after,
.flatpickr-calendar.arrowBottom::before,
.flatpickr-calendar.arrowBottom::after {
  border-bottom-color: var(--border);
}

.flatpickr-months {
  background: var(--surface);
  border-bottom: 1px solid var(--border);
  border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.flatpickr-months .flatpickr-month,
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
  color: var(--foreground);
  font-size: var(--text-sm);
  font-weight: 600;
}

.flatpickr-current-month input.cur-year {
  font-size: var(--text-sm);
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover,
.flatpickr-current-month input.cur-year:hover {
  background: var(--muted);
}

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

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

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

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

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

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
  background: rgba(217, 119, 6, 0.12);
  border-color: var(--accent);
  color: var(--foreground);
}

.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay {
  background: var(--accent);
  border-color: var(--accent);
  color: var(--accent-fg);
}

.flatpickr-day.inRange {
  background: rgba(217, 119, 6, 0.15);
  border-color: transparent;
  box-shadow: -5px 0 0 rgba(217, 119, 6, 0.15), 5px 0 0 rgba(217, 119, 6, 0.15);
}

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

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

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

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

/* Filter bar: alt input matches other fields */
.lie-filters__field input.flatpickr-input {
  height: 38px;
  padding: 0 0.75rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--background);
  font-size: var(--text-sm);
  color: var(--foreground);
  font-family: var(--font-sans);
  width: 100%;
}

.lie-filters__field input.flatpickr-input:focus {
  border-color: var(--accent);
  box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.15);
  outline: none;
}

.lie-filters__field input.flatpickr-input[readonly] {
  cursor: pointer;
  background: var(--background);
}