/* ===== WhatsApp Floating Button – SEEN (CSS) ===== */
:root{
  /* غيّر المسافات من هنا لو حبيت */
  --wa-right: 24px;   /* فعّال إذا الوضع يمين */
  --wa-left:  24px;   /* فعّال إذا الوضع يسار */
  --wa-bottom: 24px;
}

#wa-float{
  position: fixed !important;
  z-index: 2147483647 !important;
  inset: auto var(--wa-right) var(--wa-bottom) var(--wa-left) !important; /* top right bottom left */
}

#wa-float a{
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  border-radius: 999px;
  background: #25D366;
  color: #fff !important;
  font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.18);
  transition: transform .2s ease-in-out, box-shadow .2s ease-in-out;
}
#wa-float a:hover{ transform: scale(1.06); box-shadow: 0 10px 28px rgba(0,0,0,.22); }

#wa-float svg{ width: 22px; height: 22px; }

/* موبايل */
@media (max-width: 768px){
  :root{
    --wa-right: 14px;
    --wa-left: 14px;
    --wa-bottom: 24px;
  }
  #wa-float a{ padding: 10px 12px; }
}

/* فلتر يمنع أي ودجت قديم يغطي زرّنا (بدون حذف عناصر الموقع) */
.wh-widget-send-button,
#wh-widget-send-button,
.chaty-widget,
#chaty-widget,
.wa-chat-widget,
.wa__btn_popup,
#getbutton-container,
iframe[src*="getbutton"],
iframe[src*="wati"]{
  pointer-events: none !important;   /* ما يمنع ظهورها لو تحتاجها، بس ما تغطي زرنا */
}