/* Custom styles if needed that tailwind doesn't cover easily */
body {
    font-family: "Plus Jakarta Sans", "Noto Sans", sans-serif;
}
/* Custom Scrollbar for Suggestions */
#city-suggestions::-webkit-scrollbar {
    width: 6px;
}
#city-suggestions::-webkit-scrollbar-track {
    background: transparent;
}
#city-suggestions::-webkit-scrollbar-thumb {
    background: #f2a20d44;
    border-radius: 10px;
}
#city-suggestions::-webkit-scrollbar-thumb:hover {
    background: #f2a20d;
}

/* Flatpickr Theme Customization */
.flatpickr-calendar {
    font-family: "Plus Jakarta Sans", "Noto Sans", sans-serif !important;
    border: none !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important;
    border-radius: 1rem !important;
    margin-top: 8px !important;
    padding: 8px !important;
}

.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: #f2a20d !important;
    border-color: #f2a20d !important;
    color: #1c170d !important;
    font-weight: 700;
}

.flatpickr-day.today {
    border-color: #f2a20d !important;
}

.flatpickr-day.today:hover,
.flatpickr-day:hover {
    background: #f2a20d22 !important;
    border-color: transparent !important;
}

.flatpickr-months .flatpickr-month {
    background: transparent !important;
    color: #1c170d !important;
    fill: #1c170d !important;
    margin-bottom: 10px;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    font-weight: 700 !important;
}

.flatpickr-weekdays {
    background: transparent !important;
    margin-bottom: 10px;
}

span.flatpickr-weekday {
    color: #9ca3af !important;
    font-weight: 600 !important;
    font-size: 0.8rem !important;
}

/* Dark Mode Support (inferred structure) */
html.dark .flatpickr-calendar {
    background: #221c10 !important;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid #374151 !important;
}

html.dark .flatpickr-months .flatpickr-month {
    color: #fcfaf8 !important;
    fill: #fcfaf8 !important;
}

html.dark .flatpickr-day {
    color: #e5e7eb !important;
}

html.dark .flatpickr-day.flatpickr-disabled {
    color: #4b5563 !important;
}

html.dark .flatpickr-input {
    color: #fcfaf8 !important;
}

/* Arrow override */
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
    background-color: transparent !important;
}


.flatpickr-prev-month:hover svg, 
.flatpickr-next-month:hover svg {
    fill: #f2a20d !important;
}

/* Hide Year Input Spinners/Arrows */
.flatpickr-current-month .numInputWrapper span.arrowUp,
.flatpickr-current-month .numInputWrapper span.arrowDown {
    display: none !important;
}

.flatpickr-current-month .numInputWrapper:hover {
    background: transparent !important;
}

.flatpickr-current-month input.cur-year {
    -moz-appearance: textfield;
    -webkit-appearance: textfield;
    appearance: textfield;
    pointer-events: none; /* Optional: make it read-only if you strictly want no interaction */
}

.flatpickr-current-month input.cur-year::-webkit-inner-spin-button,
.flatpickr-current-month input.cur-year::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}