/* Wrapper for the delivery date field */
.cddw-datepicker-wrapper {
    margin-bottom: 20px;
}

/* Style the weekend surcharge message */
#weekend-charge-msg {
    font-size: 14px;
    color: #d35400;
    margin-top: 8px;
}

/* Optional: customize the selected date look (depends on theme) */
.ui-datepicker td.ui-datepicker-current-day a {
    background: #F26100 !important;
    color: #fff;
    font-weight: bold;
}

/* Optional: style unavailable dates (via tooltip text) */
.ui-datepicker-unselectable span {
    color: #aaa !important;
    text-decoration: line-through;
}

/* Make admin edit input look nice */
.cddw-edit-link {
    margin-left: 10px;
    text-decoration: none;
    font-size: 13px;
}

#cddw-edit-form input[type="date"] {
    padding: 5px;
    margin-right: 5px;
}

/* Prevent today from appearing highlighted */
.ui-datepicker-today a {
    background: #eee !important;
    color: #999 !important;
    pointer-events: none;
    opacity: 0.5;
    text-decoration: line-through;
}
/* Reset invalid red border once field becomes valid */
input[name="delivery_date"]:valid {
    border: 1px solid #ccc !important;
    box-shadow: none !important;
}

/* Optional: Style when invalid (to keep it obvious if needed) */
input[name="delivery_date"]:invalid {
    border: 1px solid red !important;
}