/* Стиль Bootstrap Datepicker */
.compact-calendar-container {
    max-width: 280px;
    margin: 0 auto;
    text-align: center;
}

.datepicker {
    font-size: 0.75em !important;
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 auto !important;
}

.datepicker-inline {
    width: 100% !important;
    display: inline-block !important;
}

.datepicker table {
    width: 100% !important;
    margin: 0 !important;
}

.datepicker table tr td,
.datepicker table tr th {
    width: 30px !important;
    height: 25px !important;
    padding: 2px !important;
    font-size: 0.8em !important;
    border-radius: 3px !important;
    cursor: default !important;
}

.datepicker table tr th {
    font-weight: bold;
    color: #333;
}

/* Стиль для всех дат */
.datepicker table tr td.day {
    color: #000000 !important;
}

/* Убираем все эффекты при наведении */
.datepicker table tr td.day:hover {
    background: transparent !important;
}

.datepicker table tr td.active.active {
    background-color: transparent !important;
    border-color: transparent !important;
    color: inherit !important;
}

.datepicker table tr td.today {
    background-color: rgba(208, 182, 120, 0.3) !important;
    font-weight: bold !important;
    color: #000 !important;
}

.datepicker table tr td.booked-date {
    background-color: #dc3545 !important;
    color: white !important;
    cursor: not-allowed !important;
}

.datepicker table tr td.booked-date:hover {
    background-color: #dc3545 !important;
    color: white !important;
}

/* Стиль для прошедших дат */
.datepicker table tr td.past-date {
    color: #a0a0a0 !important;
    background-color: transparent !important;
}

.datepicker table tr td.past-date:hover {
    color: #a0a0a0 !important;
    background-color: transparent !important;
}

/* Стиль для будущих дат текущего месяца */
.datepicker table tr td.current-month-future {
    color: #000000 !important;
    background-color: transparent !important;
    font-weight: 500 !important;
}

.datepicker table tr td.current-month-future:hover {
    color: #000000 !important;
    background-color: transparent !important;
}

/* Стиль для дат следующих месяцев */
.datepicker table tr td.future-months {
    color: #000000 !important;
    background-color: transparent !important;
}

.datepicker table tr td.future-months:hover {
    color: #000000 !important;
    background-color: transparent !important;
}

.datepicker .datepicker-switch,
.datepicker .prev,
.datepicker .next {
    font-size: 0.85em !important;
    padding: 5px !important;
    color: #333;
    cursor: default !important;
}

.datepicker .datepicker-switch {
    font-weight: bold;
}

/* Убираем выделение при нажатии */
.datepicker table tr td:active,
.datepicker table tr td:focus {
    background-color: transparent !important;
    outline: none !important;
}

/* Адаптивность календарей */
@media (max-width: 768px) {
    .compact-calendar-container {
        max-width: 240px;
    }
    
    .datepicker table tr td,
    .datepicker table tr th {
        width: 25px !important;
        height: 22px !important;
        font-size: 0.7em !important;
    }
}