.wolf-flybtn-wrap{position:fixed;bottom:var(--wolf-offset-y-desktop,var(--wolf-offset-y,22px));z-index:var(--wolf-z,99999);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--wolf-text,#111827)}
.wolf-flybtn-wrap.pos-right{right:var(--wolf-offset-x-desktop,var(--wolf-offset-x,22px))}
.wolf-flybtn-wrap.pos-left{left:var(--wolf-offset-x-desktop,var(--wolf-offset-x,22px))}
@media (max-width:768px){.wolf-flybtn-wrap[data-show-mobile="0"]{display:none!important}}
@media (min-width:769px){.wolf-flybtn-wrap[data-show-desktop="0"]{display:none!important}}

.wolf-flybtn-trigger{
  /* Defensive styles: many themes reset/override button styling */
  position:relative;
  appearance:none;
  -webkit-appearance:none;
  border:0 !important;
  padding:0 !important;
  margin:0;
  width:var(--wolf-size-desktop,var(--wolf-size,62px)) !important;
  height:var(--wolf-size-desktop,var(--wolf-size,62px)) !important;
  min-width:var(--wolf-size-desktop,var(--wolf-size,62px)) !important;
  min-height:var(--wolf-size-desktop,var(--wolf-size,62px)) !important;
  border-radius:999px !important;
  background:linear-gradient(135deg,var(--wolf-primary,#25D366),#1fbf58) !important;
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer;
  box-shadow:0 14px 28px rgba(37,211,102,.32), 0 6px 12px rgba(0,0,0,.12);
  transition:transform .25s ease, box-shadow .25s ease, filter .25s ease;
  overflow:visible;
  line-height:0 !important;
}
.wolf-flybtn-icon{width:54%;height:54%;display:flex;align-items:center;justify-content:center}
.wolf-flybtn-icon svg{width:100%;height:100%;display:block}
.wolf-flybtn-badge{
  position:absolute;
  /* Scales nicely with button size */
  top:calc(-1 * var(--wolf-size,62px) / 5.6);
  right:calc(-1 * var(--wolf-size,62px) / 7.8);
  background:rgba(17,24,39,.92);
  color:#fff;
  font-size:calc(var(--wolf-size,62px) / 7.3);
  font-weight:800;
  letter-spacing:.02em;
  padding:calc(var(--wolf-size,62px) / 16) calc(var(--wolf-size,62px) / 9.5);
  border-radius:999px;
  white-space:nowrap;
  line-height:1;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 10px 22px rgba(0,0,0,.18);
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
}
.wolf-flybtn-badge::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(255,255,255,.35), rgba(255,255,255,0));
  opacity:.22;
  pointer-events:none;
}
.wolf-flybtn-ripple{position:absolute;inset:0;border-radius:inherit;pointer-events:none}

/* Entrance types (3) */
.wolf-flybtn-wrap{opacity:0;transform:translateY(14px) scale(.96);transition:opacity .45s ease, transform .45s cubic-bezier(.2,.8,.2,1)}
.wolf-flybtn-wrap.is-visible{opacity:1;transform:none}
.wolf-flybtn-wrap.ent-slide-right{transform:translateX(18px);opacity:0}
.wolf-flybtn-wrap.pos-left.ent-slide-right{transform:translateX(-18px)}
.wolf-flybtn-wrap.ent-slide-right.is-visible{transform:none;opacity:1}
.wolf-flybtn-wrap.ent-zoom-in{transform:scale(.72);opacity:0}
.wolf-flybtn-wrap.ent-zoom-in.is-visible{transform:scale(1);opacity:1}

/* Continuous animations (4) */
.wolf-flybtn-wrap.anim-pulse .wolf-flybtn-trigger{animation:wolfPulse 2.3s infinite}
.wolf-flybtn-wrap.anim-bounce .wolf-flybtn-trigger{animation:wolfBounce 2.1s infinite}
.wolf-flybtn-wrap.anim-wiggle .wolf-flybtn-trigger{animation:wolfWiggle 2.8s infinite}
.wolf-flybtn-wrap.anim-heartbeat .wolf-flybtn-trigger{animation:wolfHeartbeat 2s infinite}
@keyframes wolfPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
@keyframes wolfBounce{0%,100%{transform:translateY(0)}35%{transform:translateY(-6px)}55%{transform:translateY(0)}70%{transform:translateY(-3px)}}
@keyframes wolfWiggle{0%,100%{transform:rotate(0)}15%{transform:rotate(-6deg)}30%{transform:rotate(5deg)}45%{transform:rotate(-3deg)}60%{transform:rotate(2deg)}}
@keyframes wolfHeartbeat{0%,100%{transform:scale(1)}14%{transform:scale(1.08)}28%{transform:scale(1)}42%{transform:scale(1.08)}70%{transform:scale(1)}}

/* Effects (4) */
.wolf-flybtn-wrap.fx-glow .wolf-flybtn-trigger:hover{box-shadow:0 18px 36px rgba(37,211,102,.42),0 8px 18px rgba(0,0,0,.14)}
.wolf-flybtn-wrap.fx-lift .wolf-flybtn-trigger:hover{transform:translateY(-4px)}
.wolf-flybtn-wrap.fx-rotate .wolf-flybtn-trigger:hover{transform:rotate(8deg) scale(1.03)}
.wolf-flybtn-wrap.fx-ripple .wolf-flybtn-trigger:hover .wolf-flybtn-ripple::after,
.wolf-flybtn-wrap.fx-ripple .wolf-flybtn-trigger:focus-visible .wolf-flybtn-ripple::after{content:"";position:absolute;inset:-4px;border-radius:999px;border:2px solid rgba(255,255,255,.7);animation:wolfRing .7s ease-out}
@keyframes wolfRing{from{transform:scale(.9);opacity:.85}to{transform:scale(1.18);opacity:0}}

.wolf-flybtn-panel{position:absolute;bottom:calc(var(--wolf-size,62px) + 14px);width:min(340px,calc(100vw - 24px));background:var(--wolf-panel-bg,#fff);border-radius:18px;border:1px solid rgba(0,0,0,.08);box-shadow:0 20px 50px rgba(17,24,39,.18);overflow:hidden;transform-origin:bottom right;animation:wolfPanelIn .2s ease}
.wolf-flybtn-wrap.pos-left .wolf-flybtn-panel{transform-origin:bottom left}
.wolf-flybtn-wrap.pos-right .wolf-flybtn-panel{right:0}
.wolf-flybtn-wrap.pos-left .wolf-flybtn-panel{left:0}
@keyframes wolfPanelIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}

.wolf-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:15px 15px 13px;background:linear-gradient(135deg,var(--wolf-primary,#25D366),#21bf5b);color:#fff}
.wolf-panel-head strong{display:block;font-size:15px;line-height:1.2}
.wolf-panel-head small{display:block;opacity:.94;margin-top:3px}
.wolf-panel-close{border:1px solid rgba(255,255,255,.22)!important;background:rgba(255,255,255,.16)!important;color:#fff!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border-radius:12px!important;display:grid!important;place-items:center!important;cursor:pointer;font-size:18px;line-height:1;box-shadow:0 8px 18px rgba(0,0,0,.12);transition:transform .2s ease,background .2s ease,border-color .2s ease}
.wolf-agent-list{padding:10px;display:flex;flex-direction:column;gap:8px;max-height:320px;overflow:auto}
.wolf-agent-item{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;text-decoration:none;color:inherit;border:1px solid rgba(0,0,0,.06);transition:transform .2s ease, background .2s ease, box-shadow .2s ease}
.wolf-agent-item:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 8px 18px rgba(0,0,0,.05)}
.wolf-agent-avatar{width:42px;height:42px;border-radius:999px;background:var(--wolf-secondary,#111827);color:#fff;display:grid;place-items:center;flex:0 0 auto;font-weight:700;overflow:hidden}
.wolf-agent-avatar img{width:100%;height:100%;object-fit:cover}
.wolf-agent-meta{display:flex;flex-direction:column;min-width:0}
.wolf-agent-meta strong{font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wolf-agent-meta small{font-size:12px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wolf-online-dot{margin-left:auto;width:10px;height:10px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}
.wolf-panel-main-cta{display:flex;align-items:center;justify-content:center;gap:8px;margin:2px 10px 12px;background:var(--wolf-secondary,#111827);color:#fff;text-align:center;text-decoration:none;padding:13px 14px;border-radius:14px;font-weight:800;letter-spacing:.01em;border:1px solid rgba(17,24,39,.18);box-shadow:0 12px 26px rgba(17,24,39,.14);transition:transform .2s ease, box-shadow .2s ease, background .2s ease, color .2s ease, border-color .2s ease}

@media (max-width:768px){
  .wolf-flybtn-trigger{width:var(--wolf-size-mobile,var(--wolf-size,58px)) !important;height:var(--wolf-size-mobile,var(--wolf-size,58px)) !important;min-width:var(--wolf-size-mobile,var(--wolf-size,58px)) !important;min-height:var(--wolf-size-mobile,var(--wolf-size,58px)) !important;}
  .wolf-flybtn-wrap{bottom:max(var(--wolf-offset-y-mobile,var(--wolf-offset-y,22px)),10px)}
  .wolf-flybtn-wrap.pos-right{right:max(var(--wolf-offset-x-mobile,var(--wolf-offset-x,22px)),8px)}
  .wolf-flybtn-wrap.pos-left{left:max(var(--wolf-offset-x-mobile,var(--wolf-offset-x,22px)),8px)}
}

.wolf-panel-close:hover{transform:translateY(-1px);background:rgba(255,255,255,.24)!important;border-color:rgba(255,255,255,.34)!important}

.wolf-panel-main-cta::before{content:"☎";font-size:14px;line-height:1;opacity:.95}

.wolf-panel-main-cta:hover{transform:translateY(-2px);background:#fff;color:var(--wolf-secondary,#111827);border-color:var(--wolf-secondary,#111827);box-shadow:0 16px 28px rgba(17,24,39,.18)}

.wolf-panel-main-cta:focus-visible{outline:3px solid rgba(37,211,102,.35);outline-offset:2px}


/* WooCommerce product WhatsApp button (above Add to Cart) */
.wolf-wc-wa-wrap{margin:0 0 10px 0}
.wolf-wc-wa{
  appearance:none;-webkit-appearance:none;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  width:100% !important;
  padding:12px 16px !important;
  border-radius:16px !important;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  text-decoration:none !important;
  line-height:1 !important;
  border:1px solid rgba(0,0,0,.10) !important;
  box-shadow:0 10px 26px rgba(17,24,39,.10);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
  cursor:pointer;
}
.wolf-wc-wa__icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}
.wolf-wc-wa__icon svg{width:18px;height:18px;display:block}
.wolf-wc-wa:focus-visible{outline:2px solid rgba(37,211,102,.35);outline-offset:2px}

/* Presets */
.wolf-wc-wa--p1{background:#25D366 !important;color:#ffffff !important;border-color:rgba(255,255,255,.28)!important}
.wolf-wc-wa--p1:hover{background:#ffffff !important;color:#25D366 !important;border-color:#25D366 !important;box-shadow:0 14px 32px rgba(37,211,102,.18);transform:translateY(-1px)}
.wolf-wc-wa--p2{background:#ffffff !important;color:#16a34a !important;border-color:rgba(22,163,74,.55)!important}
.wolf-wc-wa--p2:hover{background:#16a34a !important;color:#ffffff !important;border-color:rgba(22,163,74,1)!important;box-shadow:0 14px 32px rgba(22,163,74,.18);transform:translateY(-1px)}
.wolf-wc-wa--p3{background:#0f172a !important;color:#ffffff !important;border-color:rgba(148,163,184,.35)!important}
.wolf-wc-wa--p3:hover{background:#ffffff !important;color:#0f172a !important;border-color:#0f172a !important;box-shadow:0 14px 32px rgba(2,6,23,.18);transform:translateY(-1px)}
.wolf-wc-wa--p4{background:linear-gradient(135deg,#25D366,#14b8a6) !important;color:#ffffff !important;border-color:rgba(255,255,255,.25)!important}
.wolf-wc-wa--p4:hover{background:#ffffff !important;color:#14b8a6 !important;border-color:#14b8a6 !important;box-shadow:0 14px 32px rgba(20,184,166,.18);transform:translateY(-1px)}

/* Allow fully custom styling (use your own CSS via admin if needed) */
.wolf-wc-wa--custom{background:var(--wolf-wc-bg,#25D366)!important;color:var(--wolf-wc-text,#fff)!important;border-color:var(--wolf-wc-border,rgba(255,255,255,.25))!important}
.wolf-wc-wa--custom:hover{background:var(--wolf-wc-bg-hover,#fff)!important;color:var(--wolf-wc-text-hover,#25D366)!important;border-color:var(--wolf-wc-border-hover,#25D366)!important}