/* AWC WhatsApp Chat Widget — Pro UI (v1.0.2) */
#awcwa-bubble{
  position:fixed;
  z-index:2147483647;
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:8px 12px;
  cursor:pointer;
  user-select:none;
  -webkit-user-select:none;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;

  bottom:calc(22px + env(safe-area-inset-bottom, 0px));
  transform:translate3d(0,0,0);
  border-radius:999px;

  background:rgba(17,24,39,.90);
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 16px 44px rgba(0,0,0,.28);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);

  transition:transform .16s ease, box-shadow .16s ease, opacity .16s ease;
}
#awcwa-bubble:focus{ outline:none; }
#awcwa-bubble:focus-visible{
  box-shadow:0 0 0 4px rgba(59,130,246,.35), 0 16px 44px rgba(0,0,0,.28);
}

#awcwa-bubble.awcwa-right{ right:22px; flex-direction:row-reverse; }
#awcwa-bubble.awcwa-left{ left:22px; flex-direction:row; }

#awcwa-bubble:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 52px rgba(0,0,0,.33);
}
#awcwa-bubble:active{
  transform:translateY(0);
  opacity:.98;
}

/* Compact mode when label is empty */
#awcwa-bubble.awcwa-compact{
  padding:0;
  background:transparent;
  border:none;
  box-shadow:none;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
#awcwa-bubble.awcwa-compact:hover{ transform:none; opacity:1; }
#awcwa-bubble.awcwa-compact:focus-visible{
  box-shadow:0 0 0 4px rgba(59,130,246,.25);
  border-radius:999px;
}

/* WhatsApp button */
#awcwa-bubble .awcwa-btn{
  width:50px;
  height:50px;
  border-radius:999px;
  display:grid;
  place-items:center;
  position:relative;

  background:var(--awcwa-accent, #25D366);
  color:var(--awcwa-accent, #25D366); /* used by pulse ring */
  box-shadow:0 12px 28px rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.20);

  transition:transform .16s ease, box-shadow .16s ease;
}
#awcwa-bubble:hover .awcwa-btn{
  transform:translateY(-1px);
  box-shadow:0 14px 34px rgba(0,0,0,.26);
}

/* Subtle pulse ring */
#awcwa-bubble .awcwa-btn::after{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:999px;
  border:2px solid currentColor;
  opacity:.20;
  transform:scale(.88);
  animation:awcwaPulse 2.2s ease-out infinite;
  pointer-events:none;
}

@keyframes awcwaPulse{
  0%{ opacity:.20; transform:scale(.88); }
  65%{ opacity:0; transform:scale(1.22); }
  100%{ opacity:0; transform:scale(1.22); }
}
@media (prefers-reduced-motion: reduce){
  #awcwa-bubble .awcwa-btn::after{ animation:none; }
}

/* Label */
#awcwa-bubble .awcwa-label{
  color:#fff;
  font-size:13px;
  line-height:1;
  font-weight:700;
  letter-spacing:.2px;

  max-width:min(320px, calc(100vw - 150px));
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
#awcwa-bubble .awcwa-sub{
  display:block;
  margin-top:4px;
  font-size:12px;
  line-height:1;
  font-weight:500;
  color:rgba(255,255,255,.72);
}

/* Hide label on small screens */
@media (max-width: 640px){
  #awcwa-bubble:not(.awcwa-compact){
    padding:0;
    background:transparent;
    border:none;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  #awcwa-bubble .awcwa-label{ display:none; }
}

/* Keep widget above cookie bars if any (still safe with z-index) */