/**
 * Auth widget styling deltas.
 *
 * The widget renders the theme's account-control classes (.ngf-account,
 * __button, __avatar, __chevron, __menu, __head, __list, __link), so the pill
 * and dropdown come from site-header.css -- which the CDN header fragment
 * loads too, see ChromeController::headerWithAuthWidget(). Only what the
 * theme has no equivalent for belongs here.
 */

/* Logout is a <button> wearing .ngf-account__link, which the theme wrote for
   <a>. Strip the UA button chrome so the two rows match. */
.ngf-account__logout {
  width: 100%;
  text-align: left;
  background: none;
  border: none;
  font: inherit;
  cursor: pointer;
}

/* The theme's dropdown head only ever held a username; Auth0 gives us a name
   and an email to stack. */
.ngf-account__head-mail {
  display: block;
  margin-top: 2px;
  font-size: 0.75rem;
  color: var(--ngf-fg-2);
  word-break: break-all;
}

/* An Auth0 picture fills the avatar circle; the theme sized it for initials. */
img.ngf-account__avatar {
  object-fit: cover;
}