/* Kalendarz dd/mm/rrrr (flatpickr) w kolorach strony - patrz functions/datepicker.php */

.flatpickr-calendar {
    font-family: inherit;
    border-radius: 4px;
    box-shadow: 0 8px 24px rgba(26, 26, 37, 0.12);
}

.flatpickr-day.selected,
.flatpickr-day.selected:hover,
.flatpickr-day.selected:focus {
    background: #430B8E;
    border-color: #430B8E;
    color: #fff;
}

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

.flatpickr-day.today:hover,
.flatpickr-day.today:focus {
    background: #430B8E;
    border-color: #430B8E;
    color: #fff;
}

.flatpickr-months .flatpickr-month,
.flatpickr-current-month .flatpickr-monthDropdown-months {
    font-weight: 600;
}

span.flatpickr-weekday {
    font-weight: 600;
    color: #747481;
}

/* Pola z kalendarzem na froncie: wyglad jak dotychczasowe pola dat */
input.js-datepicker {
    cursor: pointer;
}

/* Admin: widoczne pole dd/mm/rrrr przy datach wariantu */
.aob-var-field input.aob-date-alt {
    width: 150px;
    height: 30px;
    padding: 4px 7px;
    border: 1px solid #c3c4c7;
    border-radius: 3px;
    font-size: 13px;
    color: #1d2327;
    background: #fff;
    box-sizing: border-box;
}

.aob-var-field input.aob-date-alt:focus {
    border-color: #2271b1;
    box-shadow: 0 0 0 1px #2271b1;
    outline: none;
}

/* Tryb ciemny strony */
html[data-theme="dark"] .flatpickr-calendar {
    background: #1A1A25;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5);
}

html[data-theme="dark"] .flatpickr-calendar.arrowTop:after {
    border-bottom-color: #1A1A25;
}

html[data-theme="dark"] .flatpickr-calendar.arrowBottom:after {
    border-top-color: #1A1A25;
}

html[data-theme="dark"] .flatpickr-months .flatpickr-month,
html[data-theme="dark"] .flatpickr-months .flatpickr-prev-month,
html[data-theme="dark"] .flatpickr-months .flatpickr-next-month,
html[data-theme="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months,
html[data-theme="dark"] .flatpickr-current-month input.cur-year {
    color: #fff;
    fill: #fff;
    background: transparent;
}

html[data-theme="dark"] .flatpickr-current-month .flatpickr-monthDropdown-months option {
    background: #1A1A25;
}

html[data-theme="dark"] span.flatpickr-weekday {
    color: rgba(255, 255, 255, 0.7);
}

html[data-theme="dark"] .flatpickr-day {
    color: rgba(255, 255, 255, 0.9);
}

html[data-theme="dark"] .flatpickr-day.prevMonthDay,
html[data-theme="dark"] .flatpickr-day.nextMonthDay,
html[data-theme="dark"] .flatpickr-day.flatpickr-disabled {
    color: rgba(255, 255, 255, 0.35);
}

html[data-theme="dark"] .flatpickr-day:hover,
html[data-theme="dark"] .flatpickr-day:focus {
    background: rgba(255, 255, 255, 0.1);
    border-color: transparent;
}

html[data-theme="dark"] .flatpickr-day.today {
    border-color: #FFE500;
}

html[data-theme="dark"] .flatpickr-day.selected,
html[data-theme="dark"] .flatpickr-day.selected:hover,
html[data-theme="dark"] .flatpickr-day.today:hover {
    background: #FFE500;
    border-color: #FFE500;
    color: #1A1A25;
}