/**
 * Кастомизация Flatpickr под тему админ-центра.
 * Темная тема — серые тона (#323541, #2a2d3a, #35394a).
 * Светлая тема — стандартный светлый вид с улучшенным дизайном.
 */

/* --- Светлая тема (по умолчанию) — более аккуратный вид --- */
.flatpickr-calendar {
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 0, 0, 0.08);
    font-family: inherit;
}
.flatpickr-calendar.arrowTop:after { border-bottom-color: #fff; }
.flatpickr-calendar.arrowBottom:after { border-top-color: #fff; }
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover {
    background: #e5e7eb !important;
    border-color: #d1d5db !important;
    color: #1f2937 !important;
}
.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
    background: #e5e7eb !important;
    border-color: #d1d5db !important;
    color: #1f2937 !important;
}

/* Выпадающий список месяцев — светлая тема */
.flatpickr-current-month .flatpickr-monthDropdown-months {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2363666e' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 4px center;
    background-size: 10px;
    color: #1f2937 !important;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding-right: 20px !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background-color: #f9fafb !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months option {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    background: #fff !important;
    color: #1f2937 !important;
}
.flatpickr-current-month .flatpickr-monthDropdown-months option:checked,
.flatpickr-current-month .flatpickr-monthDropdown-months option:hover {
    background: #f3f4f6 !important;
    color: #1f2937 !important;
}

/* --- Темная тема --- */
html.theme-dark .flatpickr-calendar {
    background: #2a2d3a !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4), 0 2px 8px rgba(0, 0, 0, 0.3) !important;
    border: 1px solid #3d4252 !important;
}
html.theme-dark .flatpickr-calendar.arrowTop:before { border-bottom-color: #3d4252; }
html.theme-dark .flatpickr-calendar.arrowTop:after { border-bottom-color: #2a2d3a !important; }
html.theme-dark .flatpickr-calendar.arrowBottom:before { border-top-color: #3d4252; }
html.theme-dark .flatpickr-calendar.arrowBottom:after { border-top-color: #2a2d3a !important; }

/* Заголовок месяца */
html.theme-dark .flatpickr-months,
html.theme-dark .flatpickr-current-month,
html.theme-dark .flatpickr-current-month .cur-month,
html.theme-dark .flatpickr-current-month .cur-year,
html.theme-dark .flatpickr-current-month input.cur-year {
    color: #e5e7eb !important;
    fill: #e5e7eb !important;
}
html.theme-dark .flatpickr-months .flatpickr-prev-month,
html.theme-dark .flatpickr-months .flatpickr-next-month {
    color: #a1a1aa !important;
    fill: #a1a1aa !important;
}
html.theme-dark .flatpickr-months .flatpickr-prev-month:hover,
html.theme-dark .flatpickr-months .flatpickr-next-month:hover {
    color: #e5e7eb !important;
    fill: #e5e7eb !important;
}

/* Дни недели */
html.theme-dark span.flatpickr-weekday {
    color: #a1a1aa !important;
}

/* Ячейки дней */
html.theme-dark .flatpickr-day {
    color: #e5e7eb !important;
}
html.theme-dark .flatpickr-day:hover,
html.theme-dark .flatpickr-day:focus {
    background: #35394a !important;
    border-color: #35394a !important;
    color: #e5e7eb !important;
}
html.theme-dark .flatpickr-day.today {
    border-color: #5a6178 !important;
}
html.theme-dark .flatpickr-day.today:hover,
html.theme-dark .flatpickr-day.today:focus {
    background: #35394a !important;
    border-color: #5a6178 !important;
    color: #e5e7eb !important;
}
html.theme-dark .flatpickr-day.selected,
html.theme-dark .flatpickr-day.startRange,
html.theme-dark .flatpickr-day.endRange,
html.theme-dark .flatpickr-day.selected:hover,
html.theme-dark .flatpickr-day.startRange:hover,
html.theme-dark .flatpickr-day.endRange:hover {
    background: #35394a !important;
    border-color: #3d4252 !important;
    color: #e5e7eb !important;
}
html.theme-dark .flatpickr-day.prevMonthDay,
html.theme-dark .flatpickr-day.nextMonthDay {
    color: #5a6178 !important;
}
html.theme-dark .flatpickr-day.flatpickr-disabled,
html.theme-dark .flatpickr-day.flatpickr-disabled:hover {
    color: #3d4252 !important;
}

/* Кнопки «Удалить» и «Сегодня» */
html.theme-dark .flatpickr-months .flatpickr-prev-month:hover svg,
html.theme-dark .flatpickr-months .flatpickr-next-month:hover svg {
    fill: #FFD600 !important;
}
html.theme-dark .flatpickr-calendar .flatpickr-day.flatpickr-disabled {
    color: rgba(229, 231, 235, 0.2) !important;
}

/* Панель времени (если есть) */
html.theme-dark .flatpickr-time input,
html.theme-dark .flatpickr-time .flatpickr-time-separator,
html.theme-dark .flatpickr-time .flatpickr-am-pm {
    color: #e5e7eb !important;
}
html.theme-dark .flatpickr-calendar.hasTime .flatpickr-time {
    border-top-color: #3d4252 !important;
}
html.theme-dark .flatpickr-time input:hover,
html.theme-dark .flatpickr-time .flatpickr-am-pm:hover {
    background: #35394a !important;
}

/* Кнопки навигации по месяцам — SVG */
html.theme-dark .flatpickr-months .flatpickr-prev-month svg path,
html.theme-dark .flatpickr-months .flatpickr-next-month svg path {
    fill: #a1a1aa !important;
}
html.theme-dark .flatpickr-months .flatpickr-prev-month:hover svg path,
html.theme-dark .flatpickr-months .flatpickr-next-month:hover svg path {
    fill: #FFD600 !important;
}

/* Выпадающий список месяцев — темная тема */
html.theme-dark .flatpickr-current-month .flatpickr-monthDropdown-months {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    background-color: #2a2d3a !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a1a1aa' d='M6 8L1 3h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 4px center;
    background-size: 10px;
    color: #e5e7eb !important;
    border: 1px solid #3d4252 !important;
    border-radius: 6px;
    padding-right: 20px !important;
}
html.theme-dark .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
    background-color: #35394a !important;
}
html.theme-dark .flatpickr-current-month .flatpickr-monthDropdown-months option {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    background: #2a2d3a !important;
    color: #e5e7eb !important;
}
html.theme-dark .flatpickr-current-month .flatpickr-monthDropdown-months option:checked,
html.theme-dark .flatpickr-current-month .flatpickr-monthDropdown-months option:hover {
    background: #35394a !important;
    color: #e5e7eb !important;
}