/**
 * ABHITA WhatsApp floating action — global visibility (mobile-safe).
 * Loaded on index.html; complements abhi-mobile-cta.js wrap on ≤1024px.
 */

.whatsapp-float,
.wa-float,
#whatsapp-float,
#wa-float {
  position: fixed !important;
  right: max(16px, env(safe-area-inset-right, 0px)) !important;
  bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
  z-index: 2147483000 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #25d366;
  color: #fff;
  box-shadow: 0 4px 22px rgba(37, 211, 102, 0.5);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}

.wa-float svg,
#wa-float svg {
  display: block;
}

/* Managed by abhi-mobile-cta.js — wrap owns fixed position on phone/tablet */
.wa-float-wrap {
  position: fixed !important;
  z-index: 2147483000 !important;
  display: flex !important;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  pointer-events: none;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.wa-float-wrap.pos-right {
  right: max(16px, env(safe-area-inset-right, 0px)) !important;
  left: auto !important;
}

.wa-float-wrap.pos-left {
  left: max(16px, env(safe-area-inset-left, 0px)) !important;
  right: auto !important;
  align-items: flex-start;
}

.wa-float-wrap .wa-float,
.wa-float-wrap #wa-float {
  position: relative !important;
  bottom: auto !important;
  right: auto !important;
  left: auto !important;
  pointer-events: auto !important;
}

.wa-float-wrap.is-hidden {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.wa-float-wrap.is-dimmed {
  opacity: 0.35 !important;
  pointer-events: none !important;
}

.wa-float-wrap.is-dimmed .wa-float {
  pointer-events: none !important;
}

/* Blog and other minimal pages: single WhatsApp FAB only (no label / call stack) */
body[data-abhi-wa-minimal='1'] .wa-float-wrap {
  gap: 0;
}

body[data-abhi-wa-minimal='1'] .wa-float-label,
body[data-abhi-wa-minimal='1'] .wa-call-mini {
  display: none !important;
}

body.payment-modal-open .wa-float,
body.payment-modal-open .wa-float-wrap .wa-float,
body.checkout-modal-open .wa-float,
body.checkout-modal-open .wa-float-wrap .wa-float,
body.cart-modal-open .wa-float,
body.cart-modal-open .wa-float-wrap .wa-float {
  pointer-events: none !important;
  opacity: 0.25 !important;
}

@media (max-width: 768px) {
  .whatsapp-float,
  .wa-float,
  #whatsapp-float,
  #wa-float {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .wa-float-wrap:not(.is-hidden) {
    display: flex !important;
    visibility: visible !important;
  }
}

@media (max-width: 520px) {
  .whatsapp-float,
  .wa-float,
  #whatsapp-float,
  #wa-float {
    width: 48px !important;
    height: 48px !important;
  }

  .wa-float-wrap .wa-float,
  .wa-float-wrap #wa-float {
    width: 48px !important;
    height: 48px !important;
  }
}

@media (min-width: 1025px) {
  .wa-float-wrap {
    display: none !important;
  }
}

body.sticky-cta-active #wa-float-wrap {
  bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
}