.roky-footer-socials {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 8px;
  min-width: 0;
}
.roky-footer-socials a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 8px;
  color: #f8f8f6;
  background: transparent;
  transition: background-color .18s ease, color .18s ease, transform .18s ease;
}
.roky-footer-socials a:hover {
  color: #fff;
  background: #467f80;
  transform: translateY(-2px);
}
.roky-footer-socials a:focus-visible {
  color: #fff;
  background: #467f80;
  outline: 2px solid #8bc3b8;
  outline-offset: 2px;
}
.roky-footer-socials .roky-footer-social-icon {
  display: block;
  width: 28px;
  height: 28px;
  background-color: currentColor;
  -webkit-mask: var(--roky-social-icon) center / contain no-repeat;
  mask: var(--roky-social-icon) center / contain no-repeat;
}
.roky-footer-socials a[data-brand="rednote"] .roky-footer-social-icon {
  width: 32px;
  height: 32px;
}
.roky-footer-socials a[data-brand="linkedin"] { --roky-social-icon: url('/roky-live-assets/footer-social-linkedin-20261018.svg'); }
.roky-footer-socials a[data-brand="instagram"] { --roky-social-icon: url('/roky-live-assets/footer-social-instagram-20261018.svg'); }
.roky-footer-socials a[data-brand="pinterest"] { --roky-social-icon: url('/roky-live-assets/footer-social-pinterest-20261018.svg'); }
.roky-footer-socials a[data-brand="facebook"] { --roky-social-icon: url('/roky-live-assets/footer-social-facebook-20261018.svg'); }
.roky-footer-socials a[data-brand="youtube"] { --roky-social-icon: url('/roky-live-assets/footer-social-youtube-20261018.svg'); }
.roky-footer-socials a[data-brand="rednote"] { --roky-social-icon: url('/roky-live-assets/footer-social-rednote-20261018.svg'); }
.site-footer:not(.elementor-location-footer) .roky-footer-socials {
  margin: 14px 0 26px;
}
@media (max-width: 760px) {
  .studio-footer .footer-utility:has(> .roky-footer-socials) {
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .studio-footer .footer-utility > .roky-footer-socials {
    width: 100%;
    justify-content: flex-start;
  }
  .site-footer:not(.elementor-location-footer) .roky-footer-socials {
    justify-content: flex-start;
  }
}
@media (prefers-reduced-motion: reduce) {
  .roky-footer-socials a { transition: none; }
  .roky-footer-socials a:hover { transform: none; }
}