/* تماس پلاس ابر باران — widget.css v2.0.0 */
:root { --cpab-c: #25D366; --cpab-sz: 56px; }

.cpab-fab {
  position: fixed; bottom: 24px; z-index: 9999;
  width: var(--cpab-sz); height: var(--cpab-sz); border-radius: 50%;
  background: var(--cpab-c); border: none; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  color: #fff; box-shadow: 0 4px 18px rgba(0,0,0,.22);
  transition: transform .2s cubic-bezier(.34,1.56,.64,1);
  padding: 0; outline: none;
}
.cpab-fab:hover  { transform: scale(1.1); }
.cpab-fab:active { transform: scale(.94); }
.cpab-fab svg    { width: 48%; height: 48%; pointer-events: none; transition: transform .25s; }
.cpab-fab.open svg { transform: rotate(45deg); }
.cpab-fab--left  { left: 22px; }
.cpab-fab--right { right: 22px; }
.cpab-fab--pulse  { animation: cpab-pulse  2.4s ease-out infinite; }
.cpab-fab--bounce { animation: cpab-bounce 3s   ease-in-out infinite; }

@keyframes cpab-pulse {
  0%  { box-shadow: 0 4px 18px rgba(0,0,0,.22), 0 0 0 0 var(--cpab-c); }
  70% { box-shadow: 0 4px 18px rgba(0,0,0,.22), 0 0 0 14px rgba(0,0,0,0); }
  100%{ box-shadow: 0 4px 18px rgba(0,0,0,.22), 0 0 0 0 rgba(0,0,0,0); }
}
@keyframes cpab-bounce {
  0%,100%{ transform: translateY(0); }
  12%    { transform: translateY(-10px); }
  24%    { transform: translateY(0); }
  36%    { transform: translateY(-5px); }
  48%    { transform: translateY(0); }
}

/* Overlay */
.cpab-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.32); z-index: 9998; opacity: 0; pointer-events: none; transition: opacity .22s; backdrop-filter: blur(2px); }
.cpab-overlay.open { opacity: 1; pointer-events: auto; }

/* Popup */
.cpab-popup {
  position: fixed; z-index: 9999; width: 290px;
  border-radius: 18px; overflow: hidden;
  box-shadow: 0 20px 50px rgba(0,0,0,.18);
  transform: scale(.88) translateY(12px); opacity: 0; pointer-events: none;
  transition: transform .28s cubic-bezier(.34,1.56,.64,1), opacity .22s;
}
.cpab-popup.open { transform: scale(1) translateY(0); opacity: 1; pointer-events: auto; }
.cpab-popup--left  { left: calc(var(--cpab-sz) + 32px); bottom: 22px; transform-origin: bottom left; }
.cpab-popup--right { right: calc(var(--cpab-sz) + 32px); bottom: 22px; transform-origin: bottom right; }

.cpab-popup__header { display: flex; align-items: center; justify-content: space-between; padding: 14px 18px 10px; direction: rtl; }
.cpab-popup__title  { font-size: 14px; font-weight: 700; }
.cpab-popup__close  { width: 26px; height: 26px; border-radius: 50%; background: rgba(0,0,0,.07); border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #555; font-size: 13px; transition: background .15s; }
.cpab-popup__close:hover { background: rgba(0,0,0,.14); }

.cpab-popup__items  { padding: 4px 12px 12px; display: flex; flex-direction: column; gap: 7px; }
.cpab-popup__item {
  display: flex; align-items: center; gap: 11px;
  padding: 10px 13px; border-radius: 11px; text-decoration: none;
  direction: rtl; transition: filter .15s, transform .15s;
}
.cpab-popup__item:hover { filter: brightness(.92); transform: translateX(-2px); }
.cpab-popup__item-icon  { width: 32px; height: 32px; background: rgba(255,255,255,.22); border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.cpab-popup__item-icon svg { width: 17px; height: 17px; }
.cpab-popup__item-label { color: #fff; font-size: 13px; font-weight: 600; }

@media (max-width: 560px) {
  .cpab-popup { width: calc(100vw - 20px); left: 10px !important; right: 10px !important; bottom: calc(var(--cpab-sz) + 36px); }
  .cpab-popup--left, .cpab-popup--right { left: 10px; right: 10px; bottom: calc(var(--cpab-sz) + 36px); }
}