/* Start custom CSS for shortcode, class: .elementor-element-e983e60 *//* Split Login and Register into two columns */
@media (min-width: 768px) {
    .u-columns.col2-set {
        display: flex !important;
        gap: 40px;
    }
    .u-column1, .u-column2 {
        flex: 1;
    }
}

/* Fix input field stretching */
.woocommerce-form-row input.input-text {
    width: 100% !important;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Space out the buttons and labels */
.woocommerce-form-row {
    margin-bottom: 15px !important;
}

.woocommerce-button {
    padding: 10px 20px !important;
    cursor: pointer;
}

/* Fix the squashed password toggle button */
.woocommerce-form-login__reveal, 
.show-password-input {
    position: absolute !important;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: auto !important;
    height: auto !important;
    padding: 5px !important;
    background: none !important;
    border: none !important;
}

/* Ensure the parent container allows absolute positioning */
.woocommerce-form-row--wide {
    position: relative;
}

/* Force the Login and Register sections into side-by-side columns */
@media (min-width: 992px) {
    #customer_login {
        display: flex !important;
        gap: 50px;
        align-items: flex-start;
    }
    
    .u-column1, .u-column2 {
        flex: 1;
        float: none !important; /* Kill old float layouts */
        width: 50% !important;
    }
}

/* Align Checkbox and Label */
.woocommerce-form__label-for-checkbox {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}

.woocommerce-form__input-checkbox {
    margin: 0 !important;
}

.woocommerce-privacy-policy-text {
    display: none !important;
}/* End custom CSS */