/*
 * elementor checkout styles.
 *
 * Loaded only on a elementor checkout, by WFACP_Template::enqueue_builder_style().
 * Edit here, not in the shared stylesheets.
 */

/* These were written in the shared sheets as :not(.wfacp_oxygen_template) / :not(.oxy),
   meaning "every builder except Oxygen". Rather than naming a builder in a shared file in
   order to exclude it, each builder that wants the rule now simply carries it, and Oxygen
   has no file because it supplies its own. */
body p.woocommerce-invalid-required-field .wfacp-form-control,
body .wfacp_main_form p.woocommerce-invalid-required-field:not(.wfacp_select2_country_state) .woocommerce-input-wrapper .select2-container .select2-selection--single .select2-selection__rendered {
    border-bottom-color: #E15334;
}
body:not(.wfacpef_page) #wfacp-e-form .wfacp_main_form .wfacp-order-place-btn-wrap,
body:not(.wfacpef_page) #wfacp-e-form .wfacp_main_form .wfacp-next-btn-wrap button {
    color: #ffffff;
    font-weight: bold;
    border-radius: 4px;
    font-size: 16px;
    width: 100%;
}
body #wfacp-e-form p.woocommerce-invalid-required-field .wfacp-form-control {
    border-color: #E15334;
}
/*-----------------------------------Smart buttons-------------------------------------------------  */
body.elementor-editor-active #wfacp_smart_buttons .placeholder-line {
    background: url(../img/smart_button_preview.png) center center no-repeat;
    animation: unset;
    max-width: 100%;
    border: none;
    height: 42px;
}
body.elementor-editor-active #wfacp_smart_buttons .dynamic-checkout__skeleton {
    animation: unset;
    max-width: 100%;
    border: none;
    position: relative;
    background: transparent;
    min-height: 42px;
}
body.elementor-editor-active #wfacp_smart_buttons.wfacp_smart_buttons .wfacp_smart_button_container {
    display: none;
}
.elementor-editor-active #wfacp-e-form .wfacp_main_form.woocommerce .wfacp_custom_field_multiselect select {
    padding: 10px;
    background: transparent;
    height: 58px;
}
.elementor-editor-active #wfacp-e-form .wfacp_main_form.woocommerce .wfacp_custom_field_multiselect select option {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px;
}
body:not(.wfacpef_page) #wfacp-e-form .woocommerce #place_order,
body:not(.wfacpef_page) #wfacp-e-form .woocommerce .wfacp-next-btn-wrap button {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 24px;
    padding-left: 24px;
}
@media (max-width: 767px) {
body.elementor-editor-active #wfacp_smart_buttons .placeholder-line {
        background-size: contain;
        height: 60px;
    }
}