/* Cette feuille de style est utilisé pour remplacer le style de flatpickr */

/* Change la couleur du jour sélectionné */
.flatpickr-day.selected,
.flatpickr-day.startRange,
.flatpickr-day.endRange,
.flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected:focus,
.flatpickr-day.startRange:focus,
.flatpickr-day.endRange:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange:hover,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day:hover,
.flatpickr-day:active,
.flatpickr-day:focus {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
    color: var(--white-color) !important;
}

.flatpickr-disabled:hover,
.flatpickr-disabled:active,
.flatpickr-disabled:focus   {
    background: var(--platine) !important;
    border-color: var(--platine) !important;
    color: var(--black-color) !important;
}

/* Change la police */
.flatpickr-calendar {
    font-family: "neulis-sans", sans-serif;
    z-index: 50 !important;
}

/* Header custom */
.fp-custom-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    padding: 8px 10px 2px 10px;
}

.fp-label {
    flex: 1;
    text-align: center;
    font:  var(--texte);
    color: var(--black-color);
    user-select: none;
}

.fp-nav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border: none;
    background: transparent;
    color: var(--black-color);
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
    border-radius: 6px;
    transition: background 0.15s, color 0.15s;
}

.fp-nav .bx {
    font-size: 1.3rem;
    line-height: 1;
}

.fp-nav:hover {
    color: var(--accent);
}

.fp-nav.is-disabled {
    color: var(--platine);
    cursor: not-allowed;
    pointer-events: none;
}

/* Pour le style de /gestion */
.app-input::placeholder {
    color: rgba(12, 12, 12, 0.3);
    opacity: 1;
}

.app-input {
    cursor: pointer;
}

/* Pour la gestion de l'heure dans /gestion */
.flatpickr-time .numInputWrapper span {
    border: none;
}

.flatpickr-time input.flatpickr-hour,
.flatpickr-time input.flatpickr-minute {
    font-weight: 400 !important;
}