/* Air Datepicker custom styles for Tailwind CSS */
.air-datepicker {
  background-color: white;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  z-index: 9999 !important;
  font-family: inherit;
  font-size: 0.875rem;
}

.air-datepicker--cell {
  font-size: 0.875rem;
}

.air-datepicker--cell.-day- {
  border-radius: 0.25rem;
}

.air-datepicker--cell.-day-:hover {
  background-color: #eff6ff;
}

.air-datepicker--cell.-current- {
  background-color: #dbeafe;
  color: #1e40af;
  font-weight: 500;
}

.air-datepicker--cell.-selected- {
  background-color: #3b82f6;
  color: white;
  font-weight: 500;
}

.air-datepicker--cell.-selected-:hover {
  background-color: #2563eb;
}

.air-datepicker--cell.-in-range- {
  background-color: #dbeafe;
}

.air-datepicker--cell.-disabled- {
  color: #d1d5db;
  cursor: not-allowed;
}

.air-datepicker--nav {
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
}

.air-datepicker--nav-title {
  font-size: 0.875rem;
  font-weight: 500;
  color: #111827;
}

.air-datepicker--nav-action {
  color: #6b7280;
  padding: 0.25rem;
  border-radius: 0.25rem;
}

.air-datepicker--nav-action:hover {
  color: #374151;
  background-color: #f3f4f6;
}

.air-datepicker--buttons {
  border-top: 1px solid #e5e7eb;
  padding-top: 0.5rem;
  margin-top: 0.5rem;
}

.air-datepicker--button {
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #374151;
  background-color: #f3f4f6;
  border-radius: 0.25rem;
  transition: background-color 0.15s ease-in-out;
}

.air-datepicker--button:hover {
  background-color: #e5e7eb;
}

/* Headings styles */
.air-datepicker--day-name {
  font-size: 0.75rem;
  font-weight: 500;
  color: #6b7280;
  text-transform: uppercase;
}

/* Container positioning */
.air-datepicker-global-container {
  z-index: 9999 !important;
}

/* Input styles when focused with datepicker */
.air-datepicker-input:focus {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
  --tw-ring-color: #3b82f6;
  border-color: #3b82f6;
}

button{
  cursor: pointer !important;
}

button:hover{
  cursor: pointer !important;
}

.text-amber-600{
  color: oklch(66.6% 0.179 58.318);
}