/* Decorative header contact icons; visible link text remains the accessible name. */
#sp-logo-wrapper .brics-header-contact .brics-social {
  flex-direction: row;
  align-items: center;
  gap: .7rem;
}

#sp-logo-wrapper .brics-header-contact .brics-social > span {
  white-space: nowrap;
  line-height: 2rem;
}

#sp-logo-wrapper .brics-header-contact a[href^="mailto:"],
#sp-logo-wrapper .brics-header-contact .brics-social a[href*="linkedin.com"] {
  display: inline-flex;
  align-items: center;
  gap: .6rem;
  min-height: 2rem;
  color: #131949;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  white-space: nowrap;
}

#sp-logo-wrapper .brics-header-contact a[href^="mailto:"]::before,
#sp-logo-wrapper .brics-header-contact .brics-social a[href*="linkedin.com"]::before {
  content: "";
  display: block;
  flex: 0 0 2rem;
  width: 2rem;
  height: 2rem;
  border: 1px solid #e7dfc9;
  border-radius: 50%;
  background-color: #fbf8f1;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.05rem;
  transition: background-color 160ms ease, border-color 160ms ease;
}

#sp-logo-wrapper .brics-header-contact a[href^="mailto:"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23131949' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 7 9-7'/%3E%3C/svg%3E");
}

#sp-logo-wrapper .brics-header-contact .brics-social a[href*="linkedin.com"]::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23131949'%3E%3Cpath d='M5.34 7.76A2.28 2.28 0 1 1 5.34 3.2a2.28 2.28 0 0 1 0 4.56ZM3.37 9.4H7.3V22H3.37V9.4Zm6.38 0h3.77v1.72h.05c.53-.99 1.81-2.03 3.73-2.03 3.99 0 4.73 2.63 4.73 6.05V22H18.1v-6.08c0-1.45-.03-3.32-2.02-3.32-2.03 0-2.34 1.58-2.34 3.21V22H9.81V9.4h-.06Z'/%3E%3C/svg%3E");
}

#sp-logo-wrapper .brics-header-contact a[href^="mailto:"]:hover::before,
#sp-logo-wrapper .brics-header-contact a[href^="mailto:"]:focus-visible::before,
#sp-logo-wrapper .brics-header-contact .brics-social a[href*="linkedin.com"]:hover::before,
#sp-logo-wrapper .brics-header-contact .brics-social a[href*="linkedin.com"]:focus-visible::before {
  border-color: #cfb46d;
  background-color: #f5eddb;
}

@media (prefers-reduced-motion: reduce) {
  #sp-logo-wrapper .brics-header-contact a::before {
    transition: none;
  }
}