/* WhatsApp Button Styles */
#wa-button{position:fixed;z-index:9999;cursor:pointer;transition:all .3s ease}
#wa-button.wa-bottom-right{bottom:20px;right:20px}
#wa-button.wa-bottom-left{bottom:20px;left:20px}
#wa-button.wa-top-right{top:20px;right:20px}
#wa-button.wa-top-left{top:20px;left:20px}

#wa-button.wa-floating .wa-button-content{width:60px;height:60px;background:#25D366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(37,211,102,.3);transition:all .3s ease;color:#fff}
#wa-button.wa-floating .wa-button-content:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(37,211,102,.4)}
#wa-button.wa-floating .wa-button-content svg{width:28px;height:28px}

#wa-button.wa-button .wa-button-content{background:#25D366;color:#fff;padding:12px 20px;border-radius:25px;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px rgba(37,211,102,.3);transition:all .3s ease;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:14px;font-weight:500}
#wa-button.wa-button .wa-button-content:hover{background:#128C7E;transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,211,102,.4)}
#wa-button.wa-button .wa-button-content svg{width:20px;height:20px;flex-shrink:0}

/* Tooltip */
.wa-tooltip{position:absolute;background:#333;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}
#wa-button.wa-floating:hover .wa-tooltip{opacity:1}
#wa-button.wa-bottom-right .wa-tooltip,#wa-button.wa-top-right .wa-tooltip{right:70px;top:50%;transform:translateY(-50%)}
#wa-button.wa-bottom-left .wa-tooltip,#wa-button.wa-top-left .wa-tooltip{left:70px;top:50%;transform:translateY(-50%)}

/* Shortcode Button */
.wa-shortcode-button{display:inline-block;margin:10px 0}
.wa-shortcode-button .wa-button-content{background:#25D366;color:#fff;padding:12px 20px;border-radius:25px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;font-size:16px;font-weight:500;transition:all .3s ease;cursor:pointer}
.wa-shortcode-button .wa-button-content:hover{background:#128C7E;transform:translateY(-2px);box-shadow:0 4px 12px rgba(37,211,102,.3);color:#fff;text-decoration:none}

/* States */
#wa-button.wa-hidden{transform:translateY(120%)}
#wa-button.wa-loaded{opacity:1}
#wa-button.wa-offline .wa-button-content{filter:grayscale(0.3);opacity:.85}
#wa-button.wa-has-notification .wa-button-content{box-shadow:0 0 0 3px rgba(37,211,102,.25)}

/* A11y */
#wa-button:focus-visible{outline:2px solid #25D366;outline-offset:2px}
.wa-button-content:focus-visible{outline:2px solid #fff;outline-offset:-2px}

@media (max-width:768px){
  #wa-button.wa-floating .wa-button-content{width:55px;height:55px}
  #wa-button.wa-floating .wa-button-content svg{width:25px;height:25px}
  #wa-button.wa-button .wa-button-content{padding:10px 16px;font-size:13px}
  .wa-tooltip{display:none}
}