/* Floating WhatsApp button - lower-right corner */
    .whatsapp-float {
      position: fixed;
      right: 20px;
      bottom: 20px;
      z-index: 99999;
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 10px 14px;
      background: linear-gradient(180deg,#25d366,#1da851);
      color: #fff;
      border: 0;
      border-radius: 999px;
      box-shadow: 0 6px 18px rgba(37,211,102,0.18);
      font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
      font-size: 15px;
      line-height: 1;
      cursor: pointer;
      text-decoration: none;
      -webkit-tap-highlight-color: transparent;
      transition: transform .12s ease, box-shadow .12s ease, opacity .12s;
      user-select: none;
    }

    .whatsapp-float:active { transform: scale(.98); }
    .whatsapp-float:focus { outline: 3px solid rgba(43,124,255,0.15); }

    .wa-icon {
      width: 20px;
      height: 20px;
      display: inline-block;
      flex: 0 0 20px;
    }

    /* Label hidden on very small screens; show only icon */
    .wa-text { display: inline-block; font-weight:600; }
    @media (max-width:480px){
      .whatsapp-float { padding: 10px; border-radius: 50%; width: 48px; height: 48px; justify-content:center; }
      .wa-text { display: none; }
      .wa-icon { width: 22px; height: 22px; }
    }

    /* Optional subtle pulse */
    .whatsapp-float.pulse {
      animation: waPulse 3s infinite;
    }
    @keyframes waPulse {
      0% { box-shadow: 0 6px 18px rgba(37,211,102,0.18); }
      50% { box-shadow: 0 12px 30px rgba(37,211,102,0.10); transform: translateY(-2px); }
      100% { box-shadow: 0 6px 18px rgba(37,211,102,0.18); transform: translateY(0); }
    }

    /* small accessible tooltip (appears on hover/focus) */
    .whatsapp-float[data-tooltip]:after{
      content: attr(data-tooltip);
      position: absolute;
      right: calc(100% + 12px);
      bottom: 50%;
      transform: translateY(50%);
      background: rgba(0,0,0,0.8);
      color: white;
      padding:6px 8px;
      border-radius:6px;
      font-size:12px;
      white-space:nowrap;
      opacity:0;
      pointer-events:none;
      transition: opacity .12s ease, transform .12s ease;
      transform-origin: right center;
      margin-right:6px;
    }
    .whatsapp-float:hover[data-tooltip]:after,
    .whatsapp-float:focus[data-tooltip]:after {
      opacity:1;
      transform: translateY(50%) translateX(-6px);
    }