.elementor-11 .elementor-element.elementor-element-e83f5cd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-000de60{--display:flex;}.elementor-widget-woocommerce-checkout-page .product-name .variation{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-e83f5cd{--content-width:1300px;}}/* Start custom CSS for html, class: .elementor-element-97b6437 *//* CSS to visually style read-only input fields */
/* Targets input elements that have the 'readonly' attribute */
input[readonly] {
    /* Apply a light grey background to indicate non-editability */
    background-color: #f0f0f0 !important;
    /* Mute the text color slightly */
    color: #555 !important;
    /* Change the cursor to default (arrow) to show it's not interactive */
    cursor: default !important;
    /* Lighten the border color */
    border-color: #ddd !important;
    /* Remove any active box shadows that might suggest interactivity */
    box-shadow: none !important;
    /* Ensure no click events are registered on the field itself */
    /* This is particularly useful for date/time pickers */
    pointer-events: none;
}

/* Optional: Specific styling for the calendar picker indicator if it's still clickable */
/* This targets the native calendar icon for date/datetime-local inputs */
input[type="date"][readonly]::-webkit-calendar-picker-indicator,
input[type="datetime-local"][readonly]::-webkit-calendar-picker-indicator {
    /* Prevent pointer events on the indicator itself */
    pointer-events: none !important;
    /* Reduce opacity to visually indicate it's disabled */
    opacity: 0.6 !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-997162c *//* CSS to visually style read-only input fields */
/* Targets input elements that have the 'readonly' attribute */
input[readonly] {
    /* Apply a light grey background to indicate non-editability */
    background-color: #f0f0f0 !important;
    /* Mute the text color slightly */
    color: #555 !important;
    /* Change the cursor to default (arrow) to show it's not interactive */
    cursor: default !important;
    /* Lighten the border color */
    border-color: #ddd !important;
    /* Remove any active box shadows that might suggest interactivity */
    box-shadow: none !important;
    /* Ensure no click events are registered on the field itself */
    /* This is particularly useful for date/time pickers */
    pointer-events: none;
}

/* Optional: Specific styling for the calendar picker indicator if it's still clickable */
/* This targets the native calendar icon for date/datetime-local inputs */
input[type="date"][readonly]::-webkit-calendar-picker-indicator,
input[type="datetime-local"][readonly]::-webkit-calendar-picker-indicator {
    /* Prevent pointer events on the indicator itself */
    pointer-events: none !important;
    /* Reduce opacity to visually indicate it's disabled */
    opacity: 0.6 !important;
}/* End custom CSS */
/* Start custom CSS for woocommerce-checkout-page, class: .elementor-element-932edad */.woocommerce-notices-wrapper .woocommerce-message a{
    display: none !important;
}
#billing_pickup_datetime_field, #billing_delivery_datetime_field{
    
}/* End custom CSS */