.aio-login-social-login-buttons-wrapper {
    display: block;
    margin: 20px 0 !important;
}

.aio-login-social-login-button {
    margin-bottom: 10px;
}

.aio-login-social-login-button button {
    padding: 10px 20px;
    border: none;
    background-color: #0073aa;
    color: white;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    max-width: 180px;
}

.aio-login-social-login-button button:hover {
    background-color: #005885;
}
.aio-login-social-login-buttons-wrapper a {
   
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    padding: 12px 24px;
    font-weight: 600;
    font-size: 14px;
    transition: background-color 0.3s ease, color 0.3s ease;
    text-align: center;
    position: relative;
    border-radius: 7.518px;
    border: 1px solid #EFF0F6;
    background: var(--Primary-0, #FFF);
    box-shadow: 0px -2.255px 4.511px 0px rgba(244, 245, 250, 0.60) inset;
    color: black;
}

.aio-login-social-login-buttons-wrapper a svg {
    width: 20px;
    height: 20px;
}

/* Center icon + label on all login designer templates */
body.login #loginform .aio-login-social-login-buttons-wrapper a,
body.login #login .aio-login-social-login-buttons-wrapper a {
    justify-content: center !important;
    text-align: center !important;
}
/* Fix for Captcha spacing on WooCommerce pages */
.aio-login-woo-captcha,
.h-captcha, .g-recaptcha, .cf-turnstile {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}
.aio-login-woo-captcha {
    max-width: 302px;
    width: 100%;
    clear: both;
}
.aio-login-woo-captcha .cf-turnstile,
.aio-login-woo-captcha .h-captcha,
.aio-login-woo-captcha .g-recaptcha {
    max-width: 302px !important;
    width: 100% !important;
    min-height: 65px;
}

/* Stack username + password in narrow checkout login modals (WC Blocks + Elementor) */
body.woocommerce-checkout form.woocommerce-form-login .form-row-first,
body.woocommerce-checkout form.woocommerce-form-login .form-row-last,
body.woocommerce-checkout form.login .form-row-first,
body.woocommerce-checkout form.login .form-row-last,
.wc-block-components-modal form .form-row-first,
.wc-block-components-modal form .form-row-last,
.elementor-popup-modal form .form-row-first,
.elementor-popup-modal form .form-row-last,
.elementor-lightbox form .form-row-first,
.elementor-lightbox form .form-row-last,
.dialog-widget-content form .form-row-first,
.dialog-widget-content form .form-row-last,
[role="dialog"] form.woocommerce-form-login .form-row-first,
[role="dialog"] form.woocommerce-form-login .form-row-last {
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    clear: both !important;
    margin-bottom: 16px !important;
    visibility: visible !important;
    opacity: 1 !important;
}
body.woocommerce-checkout form.woocommerce-form-login .clear,
body.woocommerce-checkout form.login .clear,
.wc-block-components-modal form .clear,
.elementor-popup-modal form .clear {
    display: none !important;
}
body.woocommerce-checkout form.woocommerce-form-login p.form-row-last,
body.woocommerce-checkout form.woocommerce-form-login #password,
body.woocommerce-checkout form.woocommerce-form-login input[name="password"],
body.woocommerce-checkout form.login #password,
body.woocommerce-checkout form.login input[name="password"],
.wc-block-components-modal input[type="password"],
.elementor-popup-modal input[type="password"],
.elementor-lightbox input[type="password"],
.dialog-widget-content input[type="password"],
[role="dialog"] input[type="password"] {
    display: block !important;
    visibility: visible !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    min-height: 40px !important;
}
body.woocommerce-checkout form.woocommerce-form-login .password-input,
body.woocommerce-checkout form.login .password-input,
.wc-block-components-modal .password-input,
.elementor-popup-modal .password-input,
.elementor-lightbox .password-input,
.dialog-widget-content .password-input,
[role="dialog"] .password-input {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}
body.woocommerce-checkout form.woocommerce-form-login .password-input input[type="password"],
body.woocommerce-checkout form.woocommerce-form-login .password-input input[type="text"],
body.woocommerce-checkout form.login .password-input input[type="password"],
body.woocommerce-checkout form.login .password-input input[type="text"],
.wc-block-components-modal .password-input input[type="password"],
.wc-block-components-modal .password-input input[type="text"],
.elementor-popup-modal .password-input input[type="password"],
.elementor-popup-modal .password-input input[type="text"],
.dialog-widget-content .password-input input[type="password"],
.dialog-widget-content .password-input input[type="text"],
[role="dialog"] .password-input input[type="password"],
[role="dialog"] .password-input input[type="text"] {
    padding-right: 2.5rem !important;
    line-height: 1.4 !important;
}
body.woocommerce-checkout form.woocommerce-form-login .password-input .show-password-input,
body.woocommerce-checkout form.login .password-input .show-password-input,
.wc-block-components-modal .password-input .show-password-input,
.elementor-popup-modal .password-input .show-password-input,
.elementor-lightbox .password-input .show-password-input,
.dialog-widget-content .password-input .show-password-input,
[role="dialog"] .password-input .show-password-input {
    position: absolute !important;
    right: 0.75em !important;
    top: 50% !important;
    bottom: 0 !important;
    height: 22px !important;
    margin: auto 0 !important;
    transform: none !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    min-height: 22px !important;
    padding: 0 !important;
    z-index: 2 !important;
}
body.woocommerce-checkout form.woocommerce-form-login label[for="password"],
body.woocommerce-checkout form.login label[for="password"],
.wc-block-components-modal label[for="password"],
.elementor-popup-modal label[for="password"] {
    display: block !important;
    visibility: visible !important;
}