@media only screen and (min-width: 768px) {
    /* Target the paragraph wrappers generated by woocommerce_form_field */
    p#delivery_date_text_field,
    p#delivery_time_select_field {
        display: inline-block;
        width: 48%; /* Use slightly less than 50% to account for potential margins/paddings */
        vertical-align: top;
        margin-right: 2%; /* Add some space between fields */
        float: none; /* Override potential floats */
    }

    /* Ensure the second field doesn't have extra right margin */
    p#delivery_time_select_field {
         margin-right: 0;
    }

     /* Clear floats after the fields if necessary (depends on theme) */
    #delivery_date_text_field_wrapper + *, /* Adjust selector if needed */
    #delivery_time_select_field_wrapper + * { /* Assuming fields are wrapped */
        clear: both;
    }
}

/* Custom styles for the time select field */
select#delivery_time_select {
    padding: 14px;
    width: 100%;
    box-sizing: border-box; /* Include padding in the width calculation */
    height: auto; /* Ensure height adjusts to padding */
    border-radius: 6px; /* Added border-radius */
}

/* Hide Shipping Totals row and Subtotal row in Order Review */
.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals,
.woocommerce-checkout-review-order-table tr.cart-subtotal {
    display: none !important;
}

/* --- Box Status Page Styles --- */
.ccf-box-status-container {
    display: flex;
    flex-wrap: wrap;
    gap: 15px; /* Space between boxes */
    margin-top: 1em;
}

.ccf-box {
    border: 1px solid #ccc;
    padding: 10px 15px;
    min-width: 220px; /* Adjust as needed */
    box-sizing: border-box;
    border-radius: 4px;
}

.ccf-box h4 {
    margin-top: 0;
    margin-bottom: 0.8em;
    font-size: 1.1em;
    border-bottom: 1px solid #eee;
    padding-bottom: 0.5em;
}

.ccf-box p {
    margin: 0.5em 0;
    font-size: 0.95em;
}

.ccf-box.box-available {
    background-color: #f0fff0;
    border-color: #90ee90;
}

.ccf-box.box-occupied {
    background-color: #fff0f0;
    border-color: #ffcccb;
}

.ccf-box.box-maintenance {
    background-color: #f0f0f0; /* Light gray background */
    border-color: #cccccc;
}

.ccf-box p strong {
    display: inline-block;
    min-width: 80px; /* Align labels */
}

.ccf-box .button-secondary {
    margin-top: 0.5em;
}

/* Style for region description below radio button */
.ccf-radio-option label.radio span.region-description {
    display: block; /* Ensure it's on a new line */
    font-size: 0.8em;
    color: #959595;
    margin-left: 28px; /* Indent slightly more than radio button */
    font-style: italic; /* Optional: make it italic */
    margin-top: 0.2em; /* Small space above description */
}