/* Стили для календаря дня рождения на странице бронирования */

/* Основные стили поля */
#cust_birthday.flatpickr-input {
    cursor: pointer;
}

/* Применяем стили только когда открыт календарь дня рождения */
.flatpickr-calendar[data-birthday-calendar] .flatpickr-rContainer {
    width: 360px;
}

.flatpickr-calendar[data-birthday-calendar] .flatpickr-day {
    height: 44px;
}

.flatpickr-calendar[data-birthday-calendar] span.flatpickr-weekday {
    font-size: 80%;
}

/* Скрываем оригинальную навигацию со стрелками */
.flatpickr-calendar[data-birthday-calendar] .flatpickr-months {
    display: none;
}

/* Стилизуем наши селекты под дизайн календаря */
.flatpickr-calendar[data-birthday-calendar] .custom-nav-container {
    background: #246db6;
    color: white;
    padding: 15px;
    border-radius: 3px 3px 0 0;
    font-family: Arial, Helvetica, "Open Sans", sans-serif;
}

.flatpickr-calendar[data-birthday-calendar] .flatpickr-year-select,
.flatpickr-calendar[data-birthday-calendar] .flatpickr-month-select {
    background: white;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 5px 8px;
    margin: 0 5px;
    font-family: Arial, Helvetica, "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 500;
    min-width: 80px;
}

.flatpickr-calendar[data-birthday-calendar] .flatpickr-year-select {
    min-width: 70px;
}