/* Form login chính */
.login-form-box {
    max-width: 400px;
    margin: 0 auto;
}

/* Khối login bằng Google và social */
.social-login-box {
    max-width: 400px;
    margin: 20px auto 0 auto;
    text-align: center;
}

/* Căn chỉnh input + button */
.woocommerce-form-login input.input-text,
.woocommerce-form-login button.button {
    width: 100%;
    box-sizing: border-box;
}

/* Divider giữa 2 phần */
.google-login-divider {
    text-align: center;
    border-top: 1px solid #ddd;
    margin: 40px auto 30px auto;
    max-width: 400px;
    position: relative;
}

.google-login-divider .divider-text {
    background: #fff;
    padding: 0 10px;
    position: relative;
    top: -0.7em;
    font-size: 14px;
    color: #888;
}

/* Nút Google */
.googlesitekit-sign-in-with-google__frontend-output-button {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    width: 100%;
    box-sizing: border-box;
}

.googlesitekit-sign-in-with-google__frontend-output-button iframe {
    display: block;
    width: auto !important;
    height: 44px !important;
    max-width: 100%;
    margin: 0 auto !important;
    box-sizing: border-box;
}

/* Canh trái tiêu đề bên trong login box */
.login-form-box h3.uppercase {
    text-align: left;
    margin-bottom: 20px;
    font-size: 20px;
}

/* ✅ Tăng khoảng cách dòng "Quên mật khẩu" */
.woocommerce-LostPassword {
    margin-top: 10px;
    text-align: right;
}

/* ✅định hình spinner */

.login-spinner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.7);
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 999;
}

.login-spinner-overlay.active {
    display: flex;
}

.login-spinner .lds-dual-ring {
    display: inline-block;
    width: 64px;
    height: 64px;
}
.login-spinner .lds-dual-ring:after {
    content: " ";
    display: block;
    width: 46px;
    height: 46px;
    margin: 1px;
    border-radius: 50%;
    border: 5px solid #0071a1;
    border-color: #0071a1 transparent #0071a1 transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}