.ski-booking__fields label:has([aria-invalid="true"]),
.ski-booking__extras label:has([aria-invalid="true"]) {
    color: #b42318;
}

.ski-booking [aria-invalid="true"] {
    border-color: #d92d20 !important;
    box-shadow: 0 0 0 3px rgb(217 45 32 / 12%) !important;
}

.ski-booking select[aria-invalid="true"] + .select2 .select2-selection {
    border-color: #d92d20 !important;
    box-shadow: 0 0 0 3px rgb(217 45 32 / 12%) !important;
}

/* Keep the input icon anchored when an error message increases label height. */
.ski-booking__datetime::after {
    top: 36px;
    bottom: auto;
}

.flatpickr-calendar.open {
    z-index: 10050;
    max-width: calc(100vw - 24px);
}

@media (max-width: 480px) {
    .flatpickr-calendar.open {
        left: 12px !important;
        right: 12px !important;
        width: auto;
    }
}

.ski-booking__field-error {
    display: block;
    width: 100%;
    margin-top: 6px;
    color: #b42318;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.4;
}