.gravity-theme.ui-datepicker .available-date .ui-state-default {
    background: #ffffff; /* Добавлен фон для видимости */
    border: 1px solid #3da518 !important;
    width: 30px !important;
    height: 30px !important;
}

.gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-disabled .ui-state-default {
    width: 30px !important;
    height: 30px !important;
    font-size: 0.8rem !important;
}

.gravity-theme.ui-datepicker .available-date .ui-state-default:hover {
    border-color: #F07D00 !important;
    box-shadow: 0 .125rem .125rem rgba(58,58,87,.0596411) !important;
}

.ui-datepicker-calendar th span {
    width: 30px !important;
    height: 30px !important;
}

.ui-datepicker-calendar td {
    height: auto !important;
    font-size: 0.8rem !important;
}

#ui-datepicker-div {
    padding: 8px 8px !important;
    border-radius: 24px !important;
    max-width: 350px !important;
    max-height: 350px !important;
    background: #fff; /* Фон для контейнера */
    box-shadow: 0 4px 6px rgba(0,0,0,0.1); /* Легкая тень для выделения */
}

/* Адаптивность для мобильных устройств */
@media (max-width: 600px) {
    #ui-datepicker-div {
        max-width: 280px !important;
        max-height: 280px !important;
    }
    .gravity-theme.ui-datepicker .available-date .ui-state-default,
    .gravity-theme.ui-datepicker .ui-datepicker-calendar .ui-state-disabled .ui-state-default {
        width: 25px !important;
        height: 25px !important;
    }
}