/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Flatpickr — thème orange/slate */
.flatpickr-calendar {
  border-radius: 0.875rem;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,0.15), 0 4px 16px rgba(0,0,0,0.08);
  border: 1px solid #e2e8f0;
  font-family: inherit;
}

.flatpickr-months,
.flatpickr-month,
.flatpickr-weekdays,
span.flatpickr-weekday {
  background: #1e293b !important;
  color: #e2e8f0 !important;
  fill: #e2e8f0 !important;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
  fill: #e2e8f0;
  color: #e2e8f0;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
  fill: #f97316;
}

.flatpickr-current-month input.cur-year,
.flatpickr-current-month .flatpickr-monthDropdown-months {
  color: white;
}

.flatpickr-day {
  border-radius: 0.5rem;
  font-size: 0.8125rem;
}

.flatpickr-day:hover {
  background: #fff7ed;
  border-color: #fed7aa;
  color: #c2410c;
}

.flatpickr-day.today {
  border-color: #f97316 !important;
  font-weight: 700;
}

.flatpickr-day.today:hover {
  background: #fff7ed;
  color: #ea580c;
}

.flatpickr-day.selected,
.flatpickr-day.selected:hover {
  background: #f97316 !important;
  border-color: #f97316 !important;
  color: white !important;
  font-weight: 700;
}

.flatpickr-input.flatpickr-input ~ .flatpickr-input {
  display: block;
  width: 100%;
}

a,
button,
[type="button"],
[type="submit"],
[type="reset"],
[role="button"] {
  cursor: pointer;
}