/* Air Datepicker Component Styles */

/* Air Datepicker dark theme */
.dark .air-datepicker {
  background-color: rgb(31 41 55); /* dark:bg-gray-800 */
  color: rgb(243 244 246); /* dark:text-gray-100 */
}

/* Air Datepicker day names with primary color */
.air-datepicker-body--day-name {
  color: rgb(0 158 71); /* primary-600 */
}

.dark .air-datepicker-body--day-name {
  color: rgb(56 178 165); /* primary-400 */
}

/* Air Datepicker focus styles for dark theme */
.dark .air-datepicker-cell.-focus- {
  background-color: rgb(55 65 81); /* dark:bg-gray-700 */
  color: rgb(243 244 246); /* dark:text-gray-100 */
}

.dark .air-datepicker-cell.-selected-.-focus- {
  background-color: rgb(0 158 71); /* primary-600 */
  color: rgb(255 255 255);
}

.dark .air-datepicker-cell:hover {
  background-color: rgb(55 65 81); /* dark:bg-gray-700 */
  color: rgb(243 244 246); /* dark:text-gray-100 */
}

.dark .air-datepicker-cell.-selected- {
  background-color: rgb(0 158 71); /* primary-600 */
  color: rgb(255 255 255);
}

.dark .air-datepicker-cell.-selected-:hover {
  background-color: rgb(0 125 58); /* primary-700 */
  color: rgb(255 255 255);
}

/* Air Datepicker other month days in dark theme */
.dark .air-datepicker-cell.-other-month- {
  color: rgb(107 114 128); /* dark:text-gray-500 */
}

/* Air Datepicker navigation styles for dark theme */
.dark .air-datepicker-nav--action {
  color: rgb(243 244 246); /* dark:text-gray-100 */
}

.dark .air-datepicker-nav--action:hover,
.dark .air-datepicker-nav--action.-focus- {
  background-color: rgb(55 65 81); /* dark:bg-gray-700 */
  color: rgb(243 244 246); /* dark:text-gray-100 */
}

.dark .air-datepicker-nav--title {
  color: rgb(243 244 246); /* dark:text-gray-100 */
}

.dark .air-datepicker-nav--title:hover,
.dark .air-datepicker-nav--title.-focus- {
  background-color: rgb(55 65 81); /* dark:bg-gray-700 */
  color: rgb(56 178 165); /* primary-400 */
}