/* ZD WhatsApp Contacto — frontend
 * @author Z Digital */

.zdwac-float{position:fixed;bottom:var(--zdwac-y,20px);z-index:9998;display:flex;flex-direction:column;gap:10px}
.zdwac-float.zdwac-pos-right{right:var(--zdwac-x,20px);align-items:flex-end}
.zdwac-float.zdwac-pos-left{left:var(--zdwac-x,20px);align-items:flex-start}

.zdwac-btn{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:var(--zdwac-bg,#25D366);color:var(--zdwac-icon,#fff);box-shadow:0 6px 18px rgba(0,0,0,.25);text-decoration:none;border:0;cursor:pointer;padding:0;transition:transform .2s ease,box-shadow .2s ease}
.zdwac-btn:hover{transform:scale(1.08);box-shadow:0 8px 22px rgba(0,0,0,.3);color:var(--zdwac-icon,#fff)}
.zdwac-btn svg{display:block}

/* Burbuja */
.zdwac-bubble{position:relative;max-width:230px;background:var(--zdwac-bubble-bg,#fff);color:var(--zdwac-bubble-color,#333);padding:10px 30px 10px 14px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.18);font-size:14px;line-height:1.35;animation:zdwac-fadein .4s ease}
.zdwac-bubble::after{content:"";position:absolute;bottom:-6px;width:12px;height:12px;background:var(--zdwac-bubble-bg,#fff);transform:rotate(45deg);box-shadow:3px 3px 6px rgba(0,0,0,.06)}
.zdwac-pos-right .zdwac-bubble::after{right:18px}
.zdwac-pos-left .zdwac-bubble::after{left:18px}
.zdwac-bubble-close{position:absolute;top:4px;right:8px;border:0;background:transparent;color:inherit;opacity:.5;font-size:18px;line-height:1;cursor:pointer}
.zdwac-bubble-close:hover{opacity:1}
.zdwac-bubble.zdwac-hidden{display:none}

/* Efectos */
.zdwac-fx-pulse{animation:zdwac-pulse 2s infinite}
.zdwac-fx-bounce{animation:zdwac-bounce 2s infinite}
.zdwac-fx-shake{animation:zdwac-shake 3s infinite}
@keyframes zdwac-pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@keyframes zdwac-bounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}
@keyframes zdwac-shake{0%,90%,100%{transform:rotate(0)}92%{transform:rotate(-12deg)}94%{transform:rotate(12deg)}96%{transform:rotate(-8deg)}98%{transform:rotate(8deg)}}
@keyframes zdwac-fadein{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}

/* Menú multi-contacto */
.zdwac-toggle .zdwac-icon-close{display:none}
.zdwac-float.zdwac-open .zdwac-toggle .zdwac-icon-open{display:none}
.zdwac-float.zdwac-open .zdwac-toggle .zdwac-icon-close{display:block}
.zdwac-float.zdwac-open .zdwac-toggle{background:#3f6a45;animation:none}
.zdwac-float.zdwac-open .zdwac-bubble{display:none}

.zdwac-menu{width:320px;max-width:calc(100vw - 40px);background:#fff;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.22);padding:8px;position:relative;opacity:0;visibility:hidden;transform:translateY(12px) scale(.98);transform-origin:bottom right;transition:opacity .2s ease,transform .2s ease,visibility .2s}
.zdwac-pos-left .zdwac-menu{transform-origin:bottom left}
.zdwac-float.zdwac-open .zdwac-menu{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.zdwac-menu::after{content:"";position:absolute;bottom:-7px;width:14px;height:14px;background:#fff;transform:rotate(45deg)}
.zdwac-pos-right .zdwac-menu::after{right:22px}
.zdwac-pos-left .zdwac-menu::after{left:22px}
.zdwac-menu-title{font-size:13px;font-weight:700;color:#555;padding:8px 10px 4px}
.zdwac-menu-list{list-style:none;margin:0;padding:0}
.zdwac-menu-list li{margin:0;padding:0;list-style:none}
.zdwac-menu-list li::before{display:none}

.zdwac-item{display:flex;align-items:center;gap:14px;padding:10px;border-radius:10px;text-decoration:none;color:#333;transition:background .15s ease}
.zdwac-item:hover{background:#f4f5f7;color:#333}
.zdwac-item-icon{flex:0 0 auto;width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}
.zdwac-item-whatsapp .zdwac-item-icon{background:#4bb6a8}
.zdwac-item-call .zdwac-item-icon{background:#5cb85c}
.zdwac-item-email .zdwac-item-icon{background:#e8862e}
.zdwac-item-text{display:flex;flex-direction:column;line-height:1.25;align-items:flex-start}
.zdwac-item-label{font-size:17px;font-weight:500;color:#333}
.zdwac-item-sub{font-size:14px;color:#9098a2}

/* Botón inline (shortcode) */
.zdwac-inline{display:inline-block}
.zdwac-stock-btn{display:inline-flex;align-items:center;gap:8px;background:var(--zdwac-bg,#25D366);color:var(--zdwac-icon,#fff);padding:9px 16px;border-radius:6px;font-weight:600;font-size:14px;line-height:1;text-decoration:none;transition:opacity .2s ease,transform .2s ease}
.zdwac-stock-btn:hover{opacity:.9;transform:translateY(-1px);color:var(--zdwac-icon,#fff)}

@media (max-width:767px){
  .zdwac-btn{width:52px;height:52px}
  .zdwac-bubble{max-width:190px;font-size:13px}
  .zdwac-menu{width:300px}
  .zdwac-item-icon{width:42px;height:42px}
  .zdwac-item-label{font-size:16px}
}