/* ===========================================================
   Flatpickr — surcharges pour le thème gazonca
   =========================================================== */

/* Calendrier principal */
.flatpickr-calendar {
    font-family: inherit;
    border-radius: 8px;
    border: 1px solid #d1d5db;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
}

/* En-tête du mois */
.flatpickr-months {
    background: var(--green-deep, #1f4d2b);
    border-radius: 8px 8px 0 0;
    padding: 4px 0;
}

.flatpickr-months .flatpickr-month {
    background: transparent;
    color: #fff;
    height: 40px;
}

.flatpickr-current-month {
    color: #fff;
    font-size: 1rem;
    font-weight: 600;
    padding-top: 8px;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
    background: var(--green-deep, #1f4d2b);
    color: #fff;
    font-weight: 600;
}

.flatpickr-current-month .numInputWrapper span.arrowUp::after {
    border-bottom-color: #fff;
}

.flatpickr-current-month .numInputWrapper span.arrowDown::after {
    border-top-color: #fff;
}

.flatpickr-months .flatpickr-prev-month,
.flatpickr-months .flatpickr-next-month {
    fill: #fff;
    color: #fff;
    padding: 8px 12px;
}

.flatpickr-months .flatpickr-prev-month:hover svg,
.flatpickr-months .flatpickr-next-month:hover svg {
    fill: rgba(255, 255, 255, 0.7);
}

/* Jours de la semaine */
.flatpickr-weekdays {
    background: #f0f4f0;
}

span.flatpickr-weekday {
    background: #f0f4f0;
    color: var(--green-deep, #1f4d2b);
    font-weight: 600;
    font-size: 0.8rem;
}

/* Jour individuel */
.flatpickr-day {
    border-radius: 6px;
    font-size: 0.9rem;
}

.flatpickr-day:hover,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.nextMonthDay:hover {
    background: #e8f5e9;
    border-color: #e8f5e9;
    color: var(--green-deep, #1f4d2b);
}

/* Jour sélectionné */
.flatpickr-day.selected,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover {
    background: var(--green-deep, #1f4d2b);
    border-color: var(--green-deep, #1f4d2b);
    color: #fff;
}

/* Aujourd'hui */
.flatpickr-day.today {
    border-color: var(--green-deep, #1f4d2b);
}

.flatpickr-day.today:hover {
    background: var(--green-deep, #1f4d2b);
    color: #fff;
}

/* Jours désactivés */
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
    color: #c0c0c0;
    background: transparent;
    cursor: not-allowed;
    text-decoration: line-through;
}

/* Champ de saisie */
input[id="order-gazonca-delivery_date"],
input[id="billing-gazonca-delivery_date"],
input[id="shipping-gazonca-delivery_date"],
input[id="gazonca_delivery_date"],
input[id="gazonca/delivery_date"],
input[name="gazonca_delivery_date"],
input[name="gazonca/delivery_date"] {
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231f4d2b' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 40px !important;
}
