/* ============================================================================
   TAHUA — Tema del selector de fechas flatpickr (Grafito & Ámbar).
   Consume var(--tahua-*) de tahua-brand.css. Dark bajo body.dark-mode.
   ============================================================================ */
.flatpickr-calendar.tahua-fp{
  background: var(--tahua-card);
  border: 1px solid var(--tahua-line);
  border-radius: 14px;
  box-shadow: var(--tahua-shadow-lg);
  padding: 8px;
  width: auto;
  font-family: var(--tahua-sans);
}
.flatpickr-calendar.tahua-fp.arrowTop:before,
.flatpickr-calendar.tahua-fp.arrowTop:after,
.flatpickr-calendar.tahua-fp.arrowBottom:before,
.flatpickr-calendar.tahua-fp.arrowBottom:after{ display:none; }

/* --- barra de atajos --- */
.tahua-fp .tahua-fp-presets{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 6px 6px 12px;
  margin-bottom: 6px;
  border-bottom: 1px solid var(--tahua-line);
}
.tahua-fp .tahua-fp-preset{
  font: inherit;
  font-size: 12.5px;
  font-weight: 600;
  color: var(--tahua-ink);
  background: var(--tahua-bg);
  border: 1px solid var(--tahua-line);
  border-radius: 999px;
  padding: 6px 12px;
  cursor: pointer;
  transition: all .14s ease;
}
.tahua-fp .tahua-fp-preset:hover{
  background: var(--tahua-brand-soft);
  border-color: var(--tahua-brand);
  color: var(--tahua-ink);
}

/* --- cabecera de mes / navegación --- */
.tahua-fp .flatpickr-months .flatpickr-month{ color: var(--tahua-ink); }
.tahua-fp .flatpickr-current-month .flatpickr-monthDropdown-months,
.tahua-fp .flatpickr-current-month input.cur-year{ color: var(--tahua-ink); font-weight: 700; }
.tahua-fp .flatpickr-monthDropdown-months{ background: var(--tahua-card); }
.tahua-fp .flatpickr-prev-month svg,
.tahua-fp .flatpickr-next-month svg{ fill: var(--tahua-muted); }
.tahua-fp .flatpickr-prev-month:hover svg,
.tahua-fp .flatpickr-next-month:hover svg{ fill: var(--tahua-brand); }
.tahua-fp span.flatpickr-weekday{ color: var(--tahua-muted); font-weight: 600; }

/* --- días --- */
.tahua-fp .flatpickr-day{
  color: var(--tahua-ink);
  border-radius: 8px;
  border: 1px solid transparent;
}
.tahua-fp .flatpickr-day:hover{ background: var(--tahua-brand-soft); border-color: transparent; }
.tahua-fp .flatpickr-day.today{ border-color: var(--tahua-brand); color: var(--tahua-ink); }
.tahua-fp .flatpickr-day.flatpickr-disabled,
.tahua-fp .flatpickr-day.prevMonthDay,
.tahua-fp .flatpickr-day.nextMonthDay{ color: var(--tahua-muted); opacity: .5; }

/* rango: extremos en oro, medio en oro-suave */
.tahua-fp .flatpickr-day.selected,
.tahua-fp .flatpickr-day.startRange,
.tahua-fp .flatpickr-day.endRange{
  background: var(--tahua-brand);
  border-color: var(--tahua-brand);
  color: #14130F;
  font-weight: 700;
}
.tahua-fp .flatpickr-day.inRange{
  background: var(--tahua-brand-soft);
  border-color: var(--tahua-brand-soft);
  color: var(--tahua-ink);
  box-shadow: -5px 0 0 var(--tahua-brand-soft), 5px 0 0 var(--tahua-brand-soft);
}
.tahua-fp .flatpickr-day.startRange.endRange{ border-radius: 8px; }

/* dark: los tokens ya cambian bajo body.dark-mode; solo ajustamos tinta del extremo */
body.dark-mode .tahua-fp .flatpickr-day.selected,
body.dark-mode .tahua-fp .flatpickr-day.startRange,
body.dark-mode .tahua-fp .flatpickr-day.endRange{ color: #121212; }
body.dark-mode .flatpickr-calendar.tahua-fp{ background: var(--tahua-card); }