/* KOMPAS Datepicker — Flatpickr wrapper s +/- tlačidlami */

/* Wrapper */
.kompas-datepicker-wrap {
    display: flex;
    align-items: center;
    position: relative;
}

.kompas-datepicker-wrap .form-control {
    text-align: center;
    border-radius: 0;
    flex: 1;
}

.kompas-datepicker-wrap .btn-date-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 1px solid #ddd;
    background: #f5f5f5;
    color: #333;
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    line-height: 1;
    transition: background .15s;
    flex-shrink: 0;
}

.kompas-datepicker-wrap .btn-date-nav:hover {
    background: #e8e8e8;
}

.kompas-datepicker-wrap .btn-date-prev {
    border-radius: 4px 0 0 4px;
    border-right: none;
}

.kompas-datepicker-wrap .btn-date-next {
    border-radius: 0 4px 4px 0;
    border-left: none;
}

/* Flatpickr overrides */
.flatpickr-calendar {
    font-family: 'Roboto', sans-serif;
    border-radius: 6px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.flatpickr-months .flatpickr-month {
    height: 40px;
}

.flatpickr-current-month {
    font-size: 14px;
}

.flatpickr-day.selected,
.flatpickr-day.selected:hover {
    background: #eb002f;
    border-color: #eb002f;
}

.flatpickr-day.today {
    border-color: #eb002f;
}

.flatpickr-day.today:hover {
    background: #eb002f;
    color: #fff;
}

/* Quick nav buttons inside calendar */
.flatpickr-kompas-nav {
    display: flex;
    gap: 4px;
    padding: 4px 8px;
    border-bottom: 1px solid #e6e6e6;
    flex-wrap: wrap;
}

.flatpickr-kompas-nav button {
    flex: 1;
    padding: 4px 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background: #fff;
    font-size: 12px;
    cursor: pointer;
    white-space: nowrap;
    transition: background .15s;
}

.flatpickr-kompas-nav button:hover {
    background: #f0f0f0;
}

.flatpickr-kompas-nav button.active {
    background: #eb002f;
    color: #fff;
    border-color: #eb002f;
}