/* Global Royal Logistics — Floating WhatsApp Icon */
.grl-floating-whatsapp {
  position: fixed;
  right: clamp(1rem, 3vw, 2rem);
  bottom: clamp(1rem, 3vw, 2rem);
  z-index: 1050;

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

  width: 3.75rem;
  aspect-ratio: 1;
  border-radius: 50%;

  background: #25d366;
  color: #ffffff;
  font-size: 1.8rem;
  text-decoration: none;

  box-shadow: 0 0.5rem 1.5rem rgb(0 0 0 / 18%);
  transition:
    transform 250ms ease,
    box-shadow 250ms ease,
    background-color 250ms ease;
}

.grl-floating-whatsapp:hover {
  background: #1eb85a;
  color: #ffffff;
  transform: translateY(-0.25rem) scale(1.05);
  box-shadow: 0 0.75rem 1.75rem rgb(0 0 0 / 24%);
}

.grl-floating-whatsapp:focus-visible {
  outline: 0.2rem solid #ff8b36;
  outline-offset: 0.25rem;
}

@media (max-width: 575.98px) {
  .grl-floating-whatsapp {
    width: 3.25rem;
    font-size: 1.55rem;
    right: 1rem;
    bottom: 1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .grl-floating-whatsapp {
    transition: none;
  }

  .grl-floating-whatsapp:hover {
    transform: none;
  }
}