:root{--chatly-size:56px;--chatly-color:#25D366;--chatly-size-mobile:var(--chatly-size)}
.chatly-fab{position:fixed!important;bottom:max(env(safe-area-inset-bottom,0px),18px)!important;display:inline-flex!important;align-items:center;gap:10px;padding:12px 16px;background:var(--chatly-color);color:#fff;border-radius:999px;text-decoration:none;font-weight:600;box-shadow:0 8px 20px rgba(0,0,0,.2);z-index:2147483647!important;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;flex-direction:row;visibility:visible!important;opacity:1!important}
[dir="rtl"] .chatly-fab{flex-direction:row-reverse}
.chatly-fab:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.25)}
.chatly-pos-right{right:max(env(safe-area-inset-right,0px),18px)!important}
.chatly-pos-left{left:max(env(safe-area-inset-left,0px),18px)!important}
.chatly-icon{width:var(--chatly-size);height:var(--chatly-size);display:inline-block;fill:#fff}
.chatly-label{white-space:nowrap}
.chatly-fab[hidden]{display:none!important}
.chatly-inline{display:inline-flex;align-items:center;gap:8px;font-weight:600;text-decoration:none;border-bottom:2px solid currentColor}
.chatly-fab.chatly-gated{opacity:0;pointer-events:none;transform:translateY(6px)}




/* Greeting Bubble (beside FAB, neat) */
.chatly-bubble{
  position:fixed;
  bottom: calc( max(env(safe-area-inset-bottom,0px),18px) + ( var(--chatly-fab-h, var(--chatly-size,56px)) - var(--chatly-bubble-h, 36px) ) / 2 );
  max-width:260px;
  background:#fff;
  color:#1d2327;
  border-radius:12px;
  padding:10px 12px;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  z-index:2147483647;
  opacity:0;
  transform:translateY(6px);
  transition:opacity .2s ease, transform .2s ease;
}

.chatly-bubble.pos-right{
  right: calc(max(env(safe-area-inset-right,0px),18px) + var(--chatly-fab-w, var(--chatly-size,56px)) + 12px);
}
.chatly-bubble.pos-left{
  left:  calc(max(env(safe-area-inset-left,0px),18px) + var(--chatly-fab-w, var(--chatly-size,56px)) + 12px);
}

.chatly-bubble.is-visible{ opacity:1; transform:translateY(0); }

/* caret points to FAB */
.chatly-bubble:before{
  content:""; position:absolute; top:50%; transform:translateY(-50%);
  border:8px solid transparent;
}
.chatly-bubble.pos-right:before{ right:-8px; border-left-color:#fff; }
.chatly-bubble.pos-left:before{  left:-8px;  border-right-color:#fff; }

.chatly-bubble .chatly-bubble-close{ display:none !important; } /* remove close icon */
.chatly-bubble .chatly-bubble-text{ font-size:14px; line-height:1.4; }

@media (prefers-color-scheme: dark){
  .chatly-bubble{ background:#1f1f1f; color:#f2f2f2; }
  .chatly-bubble.pos-right:before{ border-left-color:#1f1f1f; }
  .chatly-bubble.pos-left:before{  border-right-color:#1f1f1f; }
}