/**
 * Login / register — разделитель «или» и кнопка Google (рядом с wd-buttons.css).
 */

/* «Забыли пароль»: на узком экране компактная строка (исключение из увеличения .wd-btn в формах — wd-buttons.css) */
@media (max-width: 767.98px) {
    .wd-auth-forgot-wrap .wd-btn--link {
        min-height: 0;
        padding: 0.35rem 0;
        line-height: 1.45;
    }
}

.wd-auth-divider {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 1.35rem 0 1rem;
    width: 100%;
}

.wd-auth-divider__rule {
    flex: 1;
    min-width: 0;
    height: 1px;
    background-color: var(--wd-color-border-strong, rgba(15, 23, 42, 0.14));
    border-radius: 1px;
}

.wd-auth-divider__label {
    flex-shrink: 0;
    font-family: var(--wd-font-sans, system-ui, sans-serif);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--wd-color-text, rgba(0, 0, 0, 0.8));
}

/* Простая «официальная» кнопка Google: белый фон, рамка одинаково со всех сторон (без «полоски» снизу при hover) */
.wd-btn.wd-auth-google-btn {
    margin-top: 0.25rem;
    background-color: #fff;
    color: #3c4043;
    font-weight: 500;
    text-decoration: none;
    box-shadow: 0 1px 2px rgba(60, 64, 67, 0.08);
    border-width: 1px;
    border-style: solid;
    border-color: #dadce0;
    transition:
        background-color 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease,
        color 0.2s ease;
}

.wd-btn.wd-auth-google-btn:hover,
.wd-btn.wd-auth-google-btn:focus {
    background-color: #f8f9fa;
    color: #3c4043;
    text-decoration: none;
    box-shadow: 0 2px 6px rgba(60, 64, 67, 0.12);
    border-width: 1px;
    border-style: solid;
    border-color: #bdc1c6;
}

.wd-btn.wd-auth-google-btn:focus-visible {
    outline: 2px solid var(--wd-btn-primary-bg, #3762f0);
    outline-offset: 2px;
    border-color: #bdc1c6;
}

.wd-btn.wd-auth-google-btn .wd-auth-google-btn__icon {
    flex-shrink: 0;
}

.wd-btn.wd-auth-google-btn .wd-auth-google-btn__text {
    font-weight: 500;
}

/* Тёмная тема: кнопка Google не остаётся «белым пятном», сохраняется читаемость */
html[data-theme="dark"] .wd-btn.wd-auth-google-btn {
    background-color: var(--wd-color-surface-muted);
    color: var(--wd-color-text);
    border-color: var(--wd-color-border);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .wd-btn.wd-auth-google-btn:hover,
html[data-theme="dark"] .wd-btn.wd-auth-google-btn:focus {
    background-color: var(--wd-color-surface-raised);
    color: var(--wd-color-text);
    border-color: var(--wd-color-border-strong);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

html[data-theme="dark"] .wd-btn.wd-auth-google-btn:focus-visible {
    outline-color: var(--wd-color-primary);
    border-color: var(--wd-color-border-strong);
}