/* SYNNET Google Sign In - Frontend Styles */

.synnet-gsi-separator {
    display: flex;
    align-items: center;
    margin: 20px 0;
    color: #a0aec0;
}
.synnet-gsi-separator::before,
.synnet-gsi-separator::after {
    content: ''; flex: 1; border-bottom: 1px solid #e2e8f0;
}
.synnet-gsi-separator span {
    padding: 0 12px; font-size: 13px; text-transform: uppercase; letter-spacing: 1px;
}

.synnet-gsi-wrapper { margin: 0 0 20px; text-align: center; }

/* Base button */
.synnet-google-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    border-radius: 4px;
    cursor: pointer;
    transition: box-shadow 0.2s, background 0.2s, opacity 0.2s;
    min-width: 220px;
    border: 1px solid #dadce0;
}
.synnet-google-btn:hover { text-decoration: none; }
.synnet-google-icon { flex-shrink: 0; }

/* Style: standard (white) */
.synnet-btn-standard {
    background: #ffffff;
    color: #3c4043;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.synnet-btn-standard:hover { box-shadow: 0 2px 8px rgba(0,0,0,0.15); background: #f8f9fa; color: #3c4043; }

/* Style: filled (Google blue) */
.synnet-btn-filled {
    background: #4285f4;
    color: #ffffff !important;
    border-color: #4285f4;
    box-shadow: 0 2px 6px rgba(66,133,244,0.4);
}
.synnet-btn-filled:hover { background: #3367d6; border-color: #3367d6; box-shadow: 0 4px 12px rgba(66,133,244,0.4); color:#fff; }
.synnet-btn-filled .synnet-google-icon { background:#fff; border-radius:2px; padding:2px; }

/* Style: dark */
.synnet-btn-dark {
    background: #202124;
    color: #ffffff !important;
    border-color: #202124;
    box-shadow: 0 2px 6px rgba(0,0,0,0.3);
}
.synnet-btn-dark:hover { background: #3c4043; border-color: #3c4043; color:#fff; }
.synnet-btn-dark .synnet-google-icon { background:#fff; border-radius:2px; padding:2px; }

/* Style: outline */
.synnet-btn-outline {
    background: transparent;
    color: #4285f4 !important;
    border: 2px solid #4285f4;
}
.synnet-btn-outline:hover { background: rgba(66,133,244,0.06); color:#4285f4; }

/* Checkout box */
.synnet-gsi-checkout-box {
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 8px;
    padding: 16px 20px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
}
.synnet-gsi-checkout-box p { margin: 0; color: #4a5568; font-size: 14px; }
.synnet-gsi-checkout-box .synnet-gsi-separator { display: none; }

/* Shortcode / injected standalone */
.synnet-gsi-injected .synnet-gsi-separator { display: none; }