/* FLOATING HELP: WHATSAPP + EMAIL */
.wa-float-wrapper {
  position: fixed !important;
  right: 28px !important;
  bottom: 60px !important;
  z-index: 999999 !important;
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  overflow: visible !important;
}

.wa-chat-bubble {
  background: #ffffff !important;
  color: #0f172a !important;
  padding: 12px 18px !important;
  border-radius: 18px !important;
  box-shadow: 0 14px 35px rgba(15, 23, 42, 0.16) !important;
  display: flex !important;
  flex-direction: column !important;
  line-height: 1.3 !important;
  position: relative !important;
  animation: wa-slide 3s infinite;
}

.wa-chat-bubble::after {
  content: "";
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
  border-left: 9px solid #ffffff;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
}

.wa-chat-bubble strong {
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  margin-bottom: 2px !important;
}

.wa-chat-bubble span {
  font-size: 13px !important;
  color: #5d6b82 !important;
}

.wa-action-box {
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.floating-wa {
  width: 62px !important;
  height: 62px !important;
  min-width: 62px !important;
  min-height: 62px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #2563ff, #00b8d9) !important;
  color: #ffffff !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none !important;
  box-shadow: 0 16px 35px rgba(37, 99, 255, 0.35) !important;
  position: relative !important;
  animation: wa-bounce 2s infinite;
}

.floating-wa i {
  font-size: 30px !important;
  color: #ffffff !important;
}

.floating-wa::before {
  content: "";
  position: absolute;
  width: 78px;
  height: 78px;
  border-radius: 50%;
  border: 2px solid rgba(37, 99, 255, 0.35);
  animation: wa-pulse 1.8s infinite;
}

.wa-contact-options {
  position: absolute !important;
  right: 0 !important;
  bottom: 82px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(10px) !important;
  transition: all 0.25s ease !important;
  z-index: 1000000 !important;
}

.wa-float-wrapper:hover .wa-contact-options,
.wa-action-box:focus-within .wa-contact-options {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}

.wa-contact-options a {
  min-width: 150px !important;
  padding: 11px 15px !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  box-shadow: 0 14px 32px rgba(15, 23, 42, 0.16) !important;
  white-space: nowrap !important;
}

.wa-contact-options a:hover {
  color: #2563ff !important;
  transform: translateX(-4px) !important;
}

.wa-contact-options i {
  font-size: 18px !important;
  color: #2563ff !important;
}

@keyframes wa-pulse {
  0% {
    transform: scale(0.8);
    opacity: 0.9;
  }

100% {
  transform: scale(1.35);
  opacity: 0;
}
}

@keyframes wa-bounce {
  0%, 100% {
    transform: translateY(0);
  }

50% {
  transform: translateY(-6px);
}
}

@keyframes wa-slide {
  0%, 100% {
    transform: translateX(0);
  }

50% {
  transform: translateX(-6px);
}
}

@media (max-width: 576px) {
  .wa-float-wrapper {
    right: 27px !important;
    bottom: 58px !important;
  }

.wa-chat-bubble {
  display: none !important;
}

.floating-wa {
  width: 58px !important;
  height: 58px !important;
  min-width: 58px !important;
  min-height: 58px !important;
}

.floating-wa i {
  font-size: 28px !important;
}

.wa-contact-options {
  right: 0 !important;
  bottom: 74px !important;
}

.wa-contact-options a {
  min-width: 135px !important;
  font-size: 13px !important;
  padding: 10px 13px !important;
}
}