/*
Theme Name: Hello Child
Template: hello-elementor
Version: 1.0
*/

.elementor-shortcode .um.um-register, .elementor-shortcode .um:not(.um-admin) {
    margin-bottom: 0px !important;
}

.um .um-form input[type=text].um-form-field,
.um .um-form input[type=password].um-form-field,
.um .um-form input[type=tel].um-form-field,
.um .um-form textarea.um-form-field {
    border: 1px solid #D1D5DC !important;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 100%;
    letter-spacing: 0px;
    border-radius: 10px;
    padding: 14.5px 16px !important;
    height: initial !important;
}

.um .um-field-label {
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    color: var(--e-global-color-primary) !important;
    font-weight: 500;
    line-height: 24px !important;
    margin-bottom: 8px;
    
    label {
        font-size: 16px !important;
    }
}

.um span.um-req {
    color: var(--e-global-color-accent) !important;
}

.um-field.um-field-checkbox {
    padding: 0px !important;

    .um-field-label {
        display: none;
    }
}
.um-field .um-field-checkbox.um-field-half {
    width: 100%;
    margin: 0px !important;

    .um-field-checkbox-option {
        font-family: var(--e-global-typography-primary-font-family), Sans-serif;
        color: var(--e-global-color-primary) !important;
        font-size: 16px !important;
        font-weight: 500;
        line-height: 24px !important;
    }
}

#um-submit-btn {
    width: 100% !important;
    background-color: var(--e-global-color-accent) !important;
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 28px !important;
    text-align: center !important;
    padding: 17px auto !important;
    border-radius: 999px !important;
    transition: all 0.3s ease-in-out !important;
}

#um-submit-btn:hover {
    background-color: var(--e-global-color-primary) !important;
}

.um-button.um-alt {
    width: 100% !important;
    background-color: transparent !important;
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: 600 !important;
    font-size: 18px !important;
    line-height: 28px !important;
    text-align: center !important;
    padding: 17px auto !important;
    border-radius: 999px !important;
    transition: all 0.3s ease-in-out !important;

    box-shadow: 0 0 0px 2px var(--e-global-color-primary) inset !important;
    color: var(--e-global-color-primary) !important;
}


.um-button.um-alt:hover {
    background-color: var(--e-global-color-primary) !important;
    color: white !important;
}

.um-field.um-field-divider.um-field-divider.um-field-type_divider {
    margin: 0px !important;
    margin-bottom: 24px !important;
    padding: 0px !important;
    height: 1px !important;
}

.um-field {
    padding: 0px !important;
    margin-bottom: 24px;
}

/* Woocommerce */
.woocommerce-message {
    background-color: var(--e-global-color-secondary) !important;
    color: white !important;
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 20px !important;
    border: none !important;
    border-radius: 16px !important;
    display: flex !important;
    align-items: center !important;
    background-color: var(--e-global-color-secondary) !important;
    color: white !important;
}

.woocommerce-message::before {
    display: none !important;
}

.woocommerce-message:focus-visible {
    outline: none !important;
}

.wp-block-woocommerce-checkout.alignwide.wc-block-checkout > div,
.woocommerce-order > * {
    max-width: 1280px !important;
    margin: 0 auto !important;
}

.wp-block-woocommerce-checkout.alignwide.wc-block-checkout,
.woocommerce-order {
    padding: 48px 20px !important;
}

.woocommerce-order > * {
    margin-bottom: 48px !important;
}

body[data-elementor-device-mode="desktop"] .wc-block-components-form.wc-block-checkout__form {
    padding: 48px !important;
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.15) !important;
    border-radius: 16px !important;
    border: 1px solid color-mix(in srgb, currentColor 20%, transparent) !important;
}

body[data-elementor-device-mode="desktop"] .wp-block-woocommerce-checkout-order-summary-block {
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.15) !important;
    border-radius: 16px !important;
    border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
}

.wc-block-components-checkout-order-summary__title-text,
.wc-block-components-totals-item__label,
.wc-block-formatted-money-amount {
    color: var(--e-global-color-primary) !important;
}

input {
    border-top: 1px solid #D1D5DC;
}

.button.wc-forward, .button.wc-backward {
    background-color: var(--e-global-color-primary) !important;
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    text-align: center !important;
    padding: 7px 24px !important;
    border-radius: 999px !important;
    transition: all 0.3s ease-in-out !important;
    color: white !important;
    margin-left: auto !important;
}

.cart-empty.woocommerce-info {
    box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.15) !important;
    border-radius: 16px !important;
    border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
    background-color: white !important;
}

.filter-container {
    .flex-wrapper.category {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 28px;

        .filter-title, .bpfwe-taxonomy-wrapper.bpfwe-select2 {
            margin: 0 !important;
            font-family: var(--e-global-typography-primary-font-family), Sans-serif;
        }

        .select2-selection {
            box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.15) !important;
        }

        .select2-selection__rendered {
            font-family: var(--e-global-typography-primary-font-family), Sans-serif;
            font-weight: 600 !important;
            font-size: 14px !important;
            line-height: 28px !important;
            padding: 8px 42px 8px 26px  !important;
        }
    }

    .select2-results__option.select2-results__option--highlighted {
        background-color: var(--e-global-color-primary) !important;
        color: white !important;
    }

    .select2-search__field {
        border-radius: 10px !important;
    }

    .select2-search__field:focus-visible {
        outline: none !important;
    }

    .select2-dropdown {
        overflow: hidden !important;
        margin-top: 8px !important;
            box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.15) !important;
    }

    .select2-results__option {
        font-family: var(--e-global-typography-primary-font-family), Sans-serif;
        font-weight: 600 !important;
        font-size: 14px !important;
        line-height: 28px !important;
        padding: 8px 26px 8px 26px  !important;
    }
}

.elementor-kit-6 .yoast-primary-category a {
    background-color: var(--e-global-color-accent) !important;
    border-radius: 999px !important;
    color: white !important;
    padding: 4px 12px !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;
}