/* Federation — person-icon login entry in the site header (all pages). */
.fed-account-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  color: inherit;
  text-decoration: none;
  transition: background-color .18s ease, color .18s ease, transform .1s ease;
  flex: 0 0 auto;
}
.fed-account-btn svg { width: 22px; height: 22px; display: block; }
.fed-account-btn:hover { background: rgba(0, 0, 0, .06); color: #ea3323; }
.fed-account-btn:active { transform: translateY(1px); }

/* Desktop: sits as a menu item just before "Get in touch". */
li.fed-account-item { display: flex; align-items: center; list-style: none; }

/* Mobile: sits just left of the hamburger. */
.fed-account-btn.fed-account-mobile { margin-right: 6px; }

/* Show the desktop one only where the desktop menu shows, and vice-versa,
   mirroring the theme's own header breakpoint. */
@media (max-width: 1024px) {
  li.fed-account-item { display: none; }
}
@media (min-width: 1025px) {
  .fed-account-btn.fed-account-mobile { display: none; }
}