.formaRezerwacji .reservation-date-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}

.formaRezerwacji .reservation-date-row label {
  margin-bottom: 0;
  font-size: 12px;
}

.formaRezerwacji input[data-reservation-datepicker] {
  min-height: 44px;
  font-size: 16px;
  cursor: pointer;
}

.formaRezerwacji input[data-reservation-datepicker].flatpickr-input {
  padding-right: 36px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ebcfa7' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 11h18'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 20px;
}

.formaRezerwacji input[data-reservation-datepicker]:focus-visible {
  outline: 2px solid #ebcfa7 !important;
  outline-offset: 3px;
}

.reservation-datepicker {
  color: #26282b;
}

.reservation-datepicker .flatpickr-day.selected,
.reservation-datepicker .flatpickr-day.selected:hover {
  background: #9f8054;
  border-color: #9f8054;
}

.reservation-datepicker .flatpickr-day.today {
  border-color: #9f8054;
}

.reservation-datepicker .flatpickr-monthDropdown-months,
.reservation-datepicker input.cur-year {
  font-size: 16px;
}

@media screen and (max-width: 359px) {
  .reservation-datepicker {
    width: calc(100vw - 32px) !important;
  }

  .reservation-datepicker .flatpickr-rContainer,
  .reservation-datepicker .flatpickr-days,
  .reservation-datepicker .dayContainer {
    width: 100% !important;
    min-width: 0;
    max-width: none;
  }
}