/* Container sits under the form and matches wp-login width */
.asl-under-form {
  display:block;
  margin-top:16px;
}

/* Keep everything centered and same max-width as #login (320px by WP) */
#login .asl-icons-wrapper { max-width: 320px; margin: 0 auto; }
.asl-icons-wrapper { text-align:center; }

.asl-login-text{
  font-size:14px; font-weight:600; color:#333;
  margin:10px 0 8px;
}

/* Stack buttons vertically, stretch to container width */
.asl-icons-row{
  display:flex; flex-direction:column; gap:8px;
  align-items:stretch; justify-content:center;
}

/* Base full-width button */
.asl-btn{
  display:flex; align-items:center; justify-content:center;
  gap:8px;
  width:95%;
  padding:10px 12px;
  border-radius:4px;
  font-weight:600; font-size:14px;
  text-decoration:none !important;
  border:1px solid transparent;
  transition:filter .15s ease, transform .15s ease, box-shadow .15s ease;
}

/* Short copy—prefix “Sign in with ” */
.asl-btn span{ white-space:nowrap; }
.asl-btn span::before{ content:"Sign in with Google "; }

/* Icons */
.asl-btn svg{ width:18px; height:18px; display:block; }

/* Brands */
.asl-btn.google{
  background:#fff; color:#202124; border-color:#dadce0;
}
.asl-btn.google:hover{ filter:brightness(0.98); }

.asl-btn.facebook{
  background:#1877F2; color:#fff;
}
.asl-btn.facebook:hover{ filter:brightness(1.05); }

.asl-btn.twitter{
  background:#000; color:#fff;
}
.asl-btn.twitter:hover{ filter:brightness(1.1); }

/* Disabled look (when show_only_configured = off and not configured) */
.asl-btn.asl-disabled{
  opacity:.5; cursor:not-allowed;
}

/* Keep the social block above "Register | Lost your password?" on wp-login */
#nav, #backtoblog{ margin-top:14px !important; }

/* Woo/BuddyPress/wpForo can be wider—just use available width */
.asl-woo-under-form, .asl-bp-under-submit{ max-width:unset; }