/* Footer socials - large icons under Theme Builder footer */
.sw-footer-socials {
  --sw-fs-bg: #07060f;
  --sw-fs-paper: #f4f2ff;
  --sw-fs-mist: #9b97b0;
  --sw-fs-line: rgba(255, 255, 255, 0.08);
  --sw-fs-green: #2fea15;
  /* Clear fixed cookie (left) + currency/account FABs (right). */
  --sw-fs-clear-x: max(4.75rem, calc(3.25rem + 1.5rem + env(safe-area-inset-left, 0px)));
  --sw-fs-clear-x-end: max(4.75rem, calc(3.25rem + 1.5rem + env(safe-area-inset-right, 0px)));
  --sw-fs-clear-y: max(5.25rem, calc(3.75rem + 1.75rem + env(safe-area-inset-bottom, 0px)));
  background: var(--sw-fs-bg);
  border-top: 1px solid var(--sw-fs-line);
  padding: 1.35rem var(--sw-fs-clear-x-end) var(--sw-fs-clear-y) var(--sw-fs-clear-x);
  position: relative;
  z-index: 1;
}

.sw-footer-socials__inner {
  max-width: min(42rem, 100%);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 0.75rem 1rem;
}

.sw-footer-socials__a {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 0.35rem;
  min-width: 4.25rem;
  padding: 0.55rem 0.55rem;
  border-radius: 1rem;
  text-decoration: none !important;
  color: var(--sw-fs-paper) !important;
  border: 1px solid transparent;
  transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease, transform 0.15s ease;
}

.sw-footer-socials__a:hover,
.sw-footer-socials__a:focus-visible {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(47, 234, 21, 0.35);
  color: var(--sw-fs-green) !important;
  transform: translateY(-1px);
  outline: none;
}

.sw-footer-socials__ico {
  display: grid;
  place-items: center;
  width: 3.1rem;
  height: 3.1rem;
  border-radius: 0.95rem;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--sw-fs-line);
}

.sw-footer-socials__ico svg {
  width: 1.55rem;
  height: 1.55rem;
  display: block;
}

.sw-footer-socials__label {
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--sw-fs-mist);
}

.sw-footer-socials__a:hover .sw-footer-socials__label,
.sw-footer-socials__a:focus-visible .sw-footer-socials__label {
  color: inherit;
}

@media (min-width: 640px) {
  .sw-footer-socials {
    --sw-fs-clear-x: 5.5rem;
    --sw-fs-clear-x-end: 5.5rem;
    --sw-fs-clear-y: 5.75rem;
    padding-top: 1.5rem;
  }

  .sw-footer-socials__ico {
    width: 3.5rem;
    height: 3.5rem;
  }

  .sw-footer-socials__ico svg {
    width: 1.8rem;
    height: 1.8rem;
  }

  .sw-footer-socials__label {
    font-size: 0.76rem;
  }
}

@media (max-width: 480px) {
  .sw-footer-socials {
    --sw-fs-clear-x: 1rem;
    --sw-fs-clear-x-end: 1rem;
    /* Stack icons above left/right FABs on narrow screens. */
    --sw-fs-clear-y: 7.25rem;
  }

  .sw-footer-socials__inner {
    gap: 0.55rem 0.65rem;
  }

  .sw-footer-socials__a {
    min-width: 3.6rem;
  }
}