/* ----------------------------------------------------------------------------
 * Money Track — Google Sign-In button on login / register pages
 * Renders below the email/password form via partials/google-signin.blade.php
 * --------------------------------------------------------------------------- */

.mt-auth-divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 18px 0;
    color: #8e8e93;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.mt-auth-divider::before,
.mt-auth-divider::after {
    content: "";
    flex: 1 1 auto;
    height: 1px;
    background: #e5e5ea;
}
.mt-auth-divider span { flex-shrink: 0; }

.mt-google-signin {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
}

/* GIS renders the button inside .g_id_signin; ensure it fills the column
   so the visual width matches the email-button above it. */
.mt-google-signin .g_id_signin {
    display: flex;
    justify-content: center;
    min-height: 44px;
}

/* Tiny hint when the button origin isn't authorized (developers will see
   a blank space in that case — surface a console message instead). */
.mt-google-signin > div[id="g_id_onload"] { display: none; }