/* WhatsApp floating button section styles */

.whatsapp-fab{position:fixed;right:20px;bottom:20px;z-index:60;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:999px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));text-decoration:none;box-shadow:0 10px 30px rgba(255,122,26,0.18);transform:translateY(18px) scale(0.98);opacity:0;transition:transform .45s cubic-bezier(.2,.9,.3,1),opacity .35s ease,box-shadow .2s ease}
.whatsapp-fab:hover{transform:translateY(0) scale(1.03);box-shadow:0 18px 40px rgba(255,122,26,0.28)}
.whatsapp-fab .whatsapp-icon{width:22px;height:22px;fill:currentColor}
.whatsapp-fab .img-tint{image-rendering:-webkit-optimize-contrast;mix-blend-mode:normal}

.whatsapp-fab .whatsapp-svg{width:22px;height:22px;display:block;fill:currentColor;color:#fff}
.whatsapp-fab .whatsapp-fallback{display:none}

.whatsapp-fab .whatsapp-fallback.img-tint{filter:sepia(1) saturate(6) hue-rotate(-20deg) brightness(0.95)}
.whatsapp-fab.whatsapp-fab--visible{transform:translateY(0) scale(1);opacity:1}

@media (max-width:640px){
  .whatsapp-fab{right:14px;bottom:14px;width:52px;height:52px}
}

@media print{
  .whatsapp-fab{display:none!important}
}

@keyframes fab-bob {
  0%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-6px) scale(1.02)}
  100%{transform:translateY(0) scale(1)}
}

@keyframes fab-pulse {
  0%{box-shadow:0 10px 30px rgba(0,0,0,0.18)}
  50%{box-shadow:0 22px 48px rgba(0,0,0,0.28)}
  100%{box-shadow:0 10px 30px rgba(0,0,0,0.18)}
}

.whatsapp-fab.whatsapp-fab--visible.whatsapp-fab--idle{animation:fab-bob 4.8s ease-in-out infinite}

.whatsapp-fab.whatsapp-fab--pulse{transform:translateY(0) scale(1.06);animation:fab-pulse 1.2s ease-in-out 1;filter:drop-shadow(0 10px 18px rgba(255,122,26,0.22))}

.whatsapp-fab.whatsapp-fab--large{width:64px;height:64px}
.whatsapp-fab.whatsapp-fab--large .whatsapp-icon{width:28px;height:28px}

.whatsapp-label{position:absolute;right:74px;white-space:nowrap;background:rgba(0,0,0,0.78);color:#fff;padding:8px 12px;border-radius:999px;font-size:0.95rem;font-weight:600;transform:translateX(8px) scale(0.95);opacity:0;transition:transform .28s cubic-bezier(.2,.9,.3,1),opacity .22s ease,filter .2s}
.whatsapp-fab:hover .whatsapp-label,.whatsapp-fab.whatsapp-fab--focus .whatsapp-label{transform:translateX(0) scale(1);opacity:1}
.whatsapp-label::after{content:'';position:absolute;right:-8px;top:50%;transform:translateY(-50%) rotate(45deg);width:12px;height:12px;background:rgba(0,0,0,0.78);border-radius:2px}

.whatsapp-fab.whatsapp-fab--focus{z-index:80;transform:translateY(0) scale(1.06);box-shadow:0 28px 60px rgba(255,122,26,0.22);filter:brightness(1.02)}

.whatsapp-fab{transform-origin:center}