/* style.css */

/* Optional: Customize Flatpickr appearance to better match Tailwind/your theme */
/* Example: Change the selected day color */
/* .flatpickr-day.selected {
  background: #7bbcb0;
  border-color: #7bbcb0;
} */

/* Example: Change the current day color */
/* .flatpickr-day.today {
    border-color: #ffda32;
}
.flatpickr-day.today:hover {
    background: #ffda32;
    border-color: #ffda32;
    color: #1c2b38;
} */

/* Ensure input fields don't have extra browser default borders interfering */
input[type="text"],
input[type="number"],
select {
    border: none; /* Make sure default borders are off */
    padding-top: 0.5rem; /* Adjust padding as needed */
    padding-bottom: 0.5rem;
}

/* Tailwind's form-input and form-select handle focus rings,
   but ensure they look consistent if you override base styles */
input:focus,
select:focus {
    outline: none; /* Remove default outline if using ring */
}

/* Add some basic styling for the number input arrows (optional, browser-specific) */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    /* Add styles here if desired, or leave default */
    /* opacity: 1; */
}