/* ── Password mismatch error ── */
.form_field-error {
    font-size: .75rem;
    color: #e07070;
    margin-top: 2px;
}

.form_input.w-input.is-error {
    border-color: #e07070;
}

.form_input.w-input.is-error:focus {
    border-color: #e07070;
}

/* ── Login method toggle ── */
.form_toggle-wrapper {
    display: flex;
    gap: 4px;
    background: var(--bg, #0d0d10);
    border: 1px solid var(--border, #2a2a35);
    border-radius: 8px;
    padding: 4px;
}

.form_toggle-btn {
    flex: 1;
    padding: 8px 12px;
    border: none;
    border-radius: 6px;
    background: transparent;
    color: var(--muted, #7a7880);
    font-family: inherit;
    font-size: .8rem;
    font-weight: 500;
    cursor: pointer;
    transition: background .2s, color .2s;
}

.form_toggle-btn.is-active {
    /*background: var(--surface, #16161c);
    color: var(--text, #e8e4dd);*/
    background: #16161c;
    color: #e8e4dd;
}

/* Google Places Autocomplete dropdown — match your input font */
.pac-container,
.pac-container * {
  font-family: inherit !important;
  font-size: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}

/* Match your Webflow input class more explicitly */
.pac-container {
  font-family: var(--body-font, inherit) !important;
  border-radius: 0.5rem;
}

/* Optional: make items feel closer to your form fields */
.pac-item,
.pac-item-query {
  font: inherit !important;
}