/* Veloura Floating Social Icons — SaltanStudio */

.vfs-social-icons,
.vfs-social-icons * {
  box-sizing: border-box;
}

.vfs-social-icons {
  position: fixed;
  right: 24px;
  bottom: 28px;
  z-index: 9990;

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 11px;

  pointer-events: none;
}

.vfs-social-icon {
  width: 50px;
  height: 50px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  border: 0;
  border-radius: 14px;

  color: #ffffff !important;
  text-decoration: none !important;

  box-shadow:
    0 8px 22px rgba(25, 8, 13, 0.18),
    0 2px 7px rgba(25, 8, 13, 0.10);

  pointer-events: auto;

  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    filter 0.22s ease;
}

.vfs-social-icon svg {
  display: block;
  width: 28px;
  height: 28px;
}

.vfs-whatsapp {
  background: #25d366;
}

.vfs-whatsapp svg {
  fill: currentColor;
  stroke: none;
}

.vfs-instagram {
  background:
    radial-gradient(
      circle at 31% 107%,
      #fdf497 0%,
      #fdf497 5%,
      #fd5949 45%,
      #d6249f 60%,
      #285aeb 90%
    );
}

.vfs-instagram svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.15;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.vfs-instagram .vfs-instagram-dot {
  fill: currentColor;
  stroke: none;
}

a.vfs-social-icon:hover,
a.vfs-social-icon:focus-visible {
  transform: translateY(-3px) scale(1.03);

  filter: brightness(1.03);

  box-shadow:
    0 12px 28px rgba(25, 8, 13, 0.23),
    0 4px 10px rgba(25, 8, 13, 0.12);
}

.vfs-is-disabled {
  cursor: default;
}

.elementor-editor-active .vfs-social-icons,
body.vfs-menu-open .vfs-social-icons {
  display: none !important;
}

@media (max-width: 1024px) {
  .vfs-social-icons {
    right: 18px;
    bottom: 24px;
  }

  .vfs-social-icon {
    width: 48px;
    height: 48px;
    border-radius: 13px;
  }

  .vfs-social-icon svg {
    width: 27px;
    height: 27px;
  }
}

@media (max-width: 767px) {
  .vfs-social-icons {
    right: 15px;
    bottom: calc(88px + env(safe-area-inset-bottom));
    gap: 9px;
  }

  .vfs-social-icon {
    width: 46px;
    height: 46px;
    border-radius: 13px;
  }

  .vfs-social-icon svg {
    width: 26px;
    height: 26px;
  }
}