/**
 * SP Flatpickr Overrides
 * Match the site's look for flatpickr calendar popups.
 */

/* Force calendar hidden unless explicitly opened */
.flatpickr-calendar {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}
.flatpickr-calendar.open {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* Disabled days (weekends) — muted look */
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  color: #ccc !important;
  cursor: not-allowed;
  background: transparent !important;
  border-color: transparent !important;
}

/* Selected day */
.flatpickr-day.selected,
.flatpickr-day.selected:hover {
  background: #0b57d0;
  border-color: #0b57d0;
  color: #fff;
}

/* Today indicator */
.flatpickr-day.today:not(.selected) {
  border-color: #0b57d0;
}

/* Input styling when flatpickr is active (matches VPB + Cart date inputs) */
.flatpickr-input {
  height: 36px;
  padding: 0 12px;
  border: 1px solid #C6C6C6;
  border-radius: 20px;
  font-size: 14px;
  min-width: 180px;
  background: #fff;
  color: #111;
  box-sizing: border-box;
  cursor: pointer;
}

@media (max-width: 768px) {
  .flatpickr-input {
    min-width: 160px;
  }
}