/* ================================
   Nomad Move – Datepicker styles
   Для flatpickr + .nm-date-input
================================ */

/* Базово: инпут даты выглядит как обычное поле формы */
.nm-date-input,
.flatpickr-input[readonly].nm-date-input,
.flatpickr-input[readonly].nm-date-input.alt-input {
    cursor: pointer;
}

/* Сам попап календаря */
.flatpickr-calendar {
    font-family: 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    border-radius: 12px;
    border: 1px solid rgba(13, 42, 69, 0.15);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

/* Верхняя плашка с месяцем и годом */
.flatpickr-months {
    background: var(--dark);
    color: #fff;
}

/* Контейнер текущего месяца/года */
.flatpickr-months .flatpickr-month {
    height: 40px;
}

/* Текущий месяц (select) и год (input) */
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
    font-weight: 600;
    font-size: 14px;
    color: #fff;
}

/* Селект месяца в шапке */
.flatpickr-calendar .flatpickr-monthDropdown-months,
.flatpickr-calendar .flatpickr-monthDropdown-months:hover,
.flatpickr-calendar .flatpickr-monthDropdown-months:focus {
    background: transparent;
    color: #ffffff;
    border-radius: 4px;
}

/* Опции в списке месяцев */
.flatpickr-calendar .flatpickr-monthDropdown-months option {
    background: #ffffff;
    color: #0D2A45; /* var(--dark), если есть */
}

/* Дни недели */
.flatpickr-weekdays {
    background: rgba(13, 42, 69, 0.04);
}

span.flatpickr-weekday {
    font-size: 11px;
    font-weight: 600;
    color: rgba(13, 42, 69, 0.7);
}

/* Ячейки дней – аккуратные кружочки, цифра по центру */
.flatpickr-day {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;
    line-height: 1;

    border-radius: 999px;
    border: none;
    font-size: 13px;
    color: var(--dark);
    box-sizing: border-box;
}

/* Сегодня */
.flatpickr-day.today {
    border: 1px solid var(--primary);
    color: var(--primary);
}

/* Ховер по дню */
.flatpickr-day:hover {
    background: rgba(98, 208, 201, 0.12); /* бирюзовый с прозрачностью */
}

/* Выбранный / range */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange {
    background: var(--primary);
    color: #fff;
    border-radius: 999px;
}

/* Неактивные дни из соседних месяцев */
.flatpickr-day.prevMonthDay,
.flatpickr-day.nextMonthDay {
    color: rgba(13, 42, 69, 0.3);
}

/* ================================
   Стрелки навигации месяц ↔ месяц
================================ */

/* Стрелки изменения ГОДА (внутри numInputWrapper) */
.flatpickr-current-month .numInputWrapper {
    border: none;
    background: transparent;
}

.flatpickr-current-month .numInputWrapper span.arrowUp,
.flatpickr-current-month .numInputWrapper span.arrowDown {
    border: none;
    cursor: pointer;
}

.flatpickr-current-month .numInputWrapper span.arrowUp svg,
.flatpickr-current-month .numInputWrapper span.arrowDown svg {
    fill: #fff;
}


/* Чуть выравниваем сам год */
.flatpickr-calendar .flatpickr-current-month .numInputWrapper {
    padding: 0;
}

/* Кнопки "предыдущий / следующий месяц" */
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);

    display: flex;
    align-items: center;
    justify-content: center;

    width: 26px;
    height: 26px;

    color: #ffffff;
    cursor: pointer;
    z-index: 2;
}

/* Лево/право */
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
    left: 8px;
}

.flatpickr-calendar .flatpickr-months .flatpickr-next-month {
    right: 8px;
}

/* Сами стрелки */
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month svg,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month svg {
    width: 18px;
    height: 18px;
    fill: #ffffff;
    stroke: #ffffff;
    stroke-width: 2;
}

/* Ховер по стрелкам */
.flatpickr-calendar .flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-calendar .flatpickr-months .flatpickr-next-month:hover svg {
    opacity: 0.85;
}


/* ===== СТРЕЛКИ ГОДА (вверх/вниз) ===== */

/* Обёртка года — чуть поджали к месяцу */
.flatpickr-calendar .flatpickr-current-month .numInputWrapper {
    position: relative;
    margin-left: 4px;   /* ближе к месяцу, можно 0 если нужно ещё плотнее */
    padding: 0;
}

/* Сами стрелки года */
.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp,
.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown {
    border: none;
    cursor: pointer;
    right: -4px;        /* ближе к цифре года, поиграйся -2 / 0 / 2 по вкусу */
}

/* Чтоб они не съезжали куда-то вниз/вверх */
.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp {
    top: 0;
}

.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown {
    bottom: 0;
}

/* Цвет стрелок — белый */
.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp svg,
.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown svg {
    fill: #fff;
}

/* На всякий случай, если у темы стрелки через бордер, а не svg */
.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp:after,
.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-color: transparent;
}

.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowUp:after {
    border-bottom-color: #fff;
}

.flatpickr-calendar .flatpickr-current-month .numInputWrapper span.arrowDown:after {
    border-top-color: #fff;
}