/* Native date/time input theming — Alpine Nocturne.
   Servido como static file porque Lightning CSS (Astro/Tailwind v4)
   estaba eliminando las reglas ::-webkit-calendar-picker-indicator
   del bundle por considerarlas desconocidas. */

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"],
input[type="week"] {
  color-scheme: dark;
}

input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator,
input[type="datetime-local"]::-webkit-calendar-picker-indicator,
input[type="month"]::-webkit-calendar-picker-indicator,
input[type="week"]::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 0.95;
  padding: 4px;
  margin-left: 6px;
  border-radius: 4px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23D4AF37' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='4' width='18' height='17' rx='2'/><path d='M3 9h18M8 2v4M16 2v4'/></svg>");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px 18px;
  transition: opacity 0.2s ease, background-color 0.2s ease;
}

input[type="date"]::-webkit-calendar-picker-indicator:hover,
input[type="time"]::-webkit-calendar-picker-indicator:hover,
input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover,
input[type="month"]::-webkit-calendar-picker-indicator:hover,
input[type="week"]::-webkit-calendar-picker-indicator:hover {
  opacity: 1;
  background-color: rgba(212, 175, 55, 0.15);
}

input[type="date"]::-webkit-datetime-edit-fields-wrapper {
  color: #F5F1E8;
}

input[type="date"]::-webkit-datetime-edit-text {
  color: rgba(245, 241, 232, 0.55);
  padding: 0 2px;
}

input[type="date"]::-webkit-datetime-edit-year-field,
input[type="date"]::-webkit-datetime-edit-month-field,
input[type="date"]::-webkit-datetime-edit-day-field {
  color: #F5F1E8;
}