/* Social sign-in buttons (mu/wh-social-login.php): My account log-in / sign-up forms and wp-login.php.
   House tokens from theme/assets/css/winehub.css, with fallbacks for wp-login.php, which does not load the theme. */
.wh-sl { display: grid; gap: 8px; margin: 0 0 18px; }
.wh-sl .wh-sl__btn {
  display: grid; grid-template-columns: 20px minmax(0, 1fr) 20px; align-items: center; column-gap: 10px;
  box-sizing: border-box; width: 100%; min-height: 48px; margin: 0; padding: 6px 14px;
  background: #fff; color: var(--ink, #18181B); border: 1px solid var(--line-2, #D4D4D8); border-radius: var(--r-ctl, 10px); box-shadow: none;
  font: 500 .9375rem/1.25 var(--font-text, "Onest", system-ui, -apple-system, "Segoe UI", Arial, sans-serif); letter-spacing: 0;
  text-align: center; text-decoration: none; text-transform: none; white-space: normal; cursor: pointer;
  -webkit-appearance: none; appearance: none; transition: background-color 160ms ease, border-color 160ms ease;
}
.wh-sl .wh-sl__btn:hover { background: #F4F4F5; border-color: #A1A1AA; color: var(--ink, #18181B); text-decoration: none; }
.wh-sl .wh-sl__btn:active { background: var(--line, #E4E4E7); }
.wh-sl .wh-sl__btn:focus-visible { outline: 2px solid var(--ink, #18181B); outline-offset: 2px; }
.wh-sl .wh-sl__btn svg { display: block; width: 20px; height: 20px; }
.wh-sl .wh-sl__btn span { grid-column: 2; }
.wh-sl__or { display: flex; align-items: center; gap: 12px; margin: 10px 0 0; color: var(--muted, #62626A); font: 400 .8125rem/1.4 var(--font-text, "Onest", system-ui, -apple-system, "Segoe UI", Arial, sans-serif); }
.wh-sl__or::before, .wh-sl__or::after { content: ""; flex: 1; height: 1px; background: var(--line, #E4E4E7); }
.wh-sl__msg { margin: 0 0 12px; padding: 10px 12px; border-radius: var(--r-ctl, 10px); background: var(--red-tint, #FCEBEC); color: var(--ink, #18181B); font-size: .875rem; line-height: 1.45; }
.wh-sl__msg:focus { outline: none; } /* WooCommerce focuses role=alert for screen readers; not a control */
@media (prefers-reduced-motion: reduce) { .wh-sl .wh-sl__btn { transition: none; } }