/* Flatpickr Custom Styles - TailAdmin Theme - Admin namespace only */
.admin .flatpickr-wrapper {
  @apply w-full;
}

.admin .flatpickr-months .flatpickr-prev-month:hover svg,
.admin .flatpickr-months .flatpickr-next-month:hover svg {
  @apply fill-primary;
}

.admin .flatpickr-calendar.arrowTop:before {
  @apply dark:!border-b-boxdark;
}

.admin .flatpickr-calendar.arrowTop:after {
  @apply dark:!border-b-boxdark;
}

.admin .flatpickr-calendar {
  @apply !p-6 dark:!bg-boxdark dark:!text-bodydark dark:!shadow-8 2xsm:!w-auto;
}

.admin .flatpickr-day {
  @apply dark:!text-bodydark dark:hover:!border-meta-4 dark:hover:!bg-meta-4;
}

.admin .flatpickr-months .flatpickr-prev-month,
.admin .flatpickr-months .flatpickr-next-month {
  @apply !top-7 dark:!fill-white dark:!text-white;
}

.admin .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,
.admin .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
  @apply !left-7;
}

.admin .flatpickr-months .flatpickr-prev-month.flatpickr-next-month,
.admin .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
  @apply !right-7;
}

.admin span.flatpickr-weekday,
.admin .flatpickr-months .flatpickr-month {
  @apply dark:!fill-white dark:!text-white;
}

.admin .flatpickr-day.inRange {
  @apply dark:!shadow-7;
  box-shadow: -5px 0 0 #eff4fb, 5px 0 0 #eff4fb;
}

.admin .flatpickr-day.inRange,
.admin .flatpickr-day.prevMonthDay.inRange,
.admin .flatpickr-day.nextMonthDay.inRange,
.admin .flatpickr-day.today.inRange,
.admin .flatpickr-day.prevMonthDay.today.inRange,
.admin .flatpickr-day.nextMonthDay.today.inRange,
.admin .flatpickr-day:hover,
.admin .flatpickr-day.prevMonthDay:hover,
.admin .flatpickr-day.nextMonthDay:hover,
.admin .flatpickr-day:focus,
.admin .flatpickr-day.prevMonthDay:focus,
.admin .flatpickr-day.nextMonthDay:focus {
  @apply border-gray bg-gray dark:!border-meta-4 dark:!bg-meta-4;
}

.admin .flatpickr-day.selected,
.admin .flatpickr-day.startRange,
.admin .flatpickr-day.selected,
.admin .flatpickr-day.endRange {
  @apply dark:!text-white;
}

.admin .flatpickr-day.selected,
.admin .flatpickr-day.startRange,
.admin .flatpickr-day.endRange,
.admin .flatpickr-day.selected.inRange,
.admin .flatpickr-day.startRange.inRange,
.admin .flatpickr-day.endRange.inRange,
.admin .flatpickr-day.selected:focus,
.admin .flatpickr-day.startRange:focus,
.admin .flatpickr-day.endRange:focus,
.admin .flatpickr-day.selected:hover,
.admin .flatpickr-day.startRange:hover,
.admin .flatpickr-day.endRange:hover,
.admin .flatpickr-day.selected.prevMonthDay,
.admin .flatpickr-day.startRange.prevMonthDay,
.admin .flatpickr-day.endRange.prevMonthDay,
.admin .flatpickr-day.selected.nextMonthDay,
.admin .flatpickr-day.startRange.nextMonthDay,
.admin .flatpickr-day.endRange.nextMonthDay {
  background: #3c50e0;
  @apply !border-primary !bg-primary hover:!border-primary hover:!bg-primary;
}

.admin .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.admin .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),
.admin .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  box-shadow: -10px 0 0 #3c50e0;
}

/* Disabled dates styling - more visible background */
.admin .flatpickr-day.flatpickr-disabled,
.admin .flatpickr-day.flatpickr-disabled:hover {
  @apply !bg-gray-2 !text-bodydark2 !cursor-not-allowed !opacity-60;
}

.admin.dark .flatpickr-day.flatpickr-disabled,
.admin.dark .flatpickr-day.flatpickr-disabled:hover {
  @apply !bg-meta-4/50 !text-bodydark !opacity-50;
}