.elementor-17976 .elementor-element.elementor-element-1efdeda9{--display:flex;}.elementor-17976 .elementor-element.elementor-element-351247ba .e-contact-buttons{--e-contact-buttons-horizontal-offset:8px;--e-contact-buttons-vertical-offset:36px;}/* Start custom CSS for contact-buttons-var-5, class: .elementor-element-351247ba *//* خلي الرابط نفسه مرجع للـ Bubble */
.elementor-17976 .elementor-element.elementor-element-351247ba a{
  position: relative;
}

/* Bubble Text */
.elementor-17976 .elementor-element.elementor-element-351247ba a::before{
  content: "عندك سؤال؟\A احنا هنا عشان نساعدك 💬";
  white-space: pre-line;
  position: absolute;
  right: 70px;      /* مكان البابل شمال الزر */
  bottom: 8px;
  max-width: 240px;

  background: #111;
  color: #fff;
  padding: 10px 12px;
  border-radius: 14px;
  box-shadow: 0 12px 28px rgba(0,0,0,.22);

  font-size: 13px;
  line-height: 1.35;
  font-weight: 600;

  opacity: 0;
  transform: translateY(8px) scale(.98);
  pointer-events: none;

  animation: waBubble 10s ease-in-out infinite;
}

/* السهم الصغير (Tail) */
.elementor-17976 .elementor-element.elementor-element-351247ba a::after{
  content: "";
  position: absolute;
  right: 58px;
  bottom: 18px;
  width: 12px;
  height: 12px;
  background: #111;
  transform: rotate(45deg);

  opacity: 0;
  pointer-events: none;

  animation: waTail 10s ease-in-out infinite;
}

/* أنيميشن: تظهر 2s → تثبت شوية → تختفي */
@keyframes waBubble{
  0%, 18%   { opacity: 0; transform: translateY(8px) scale(.98); }
  25%, 75%  { opacity: 1; transform: translateY(0) scale(1); }
  82%, 100% { opacity: 0; transform: translateY(8px) scale(.98); }
}

@keyframes waTail{
  0%, 18%   { opacity: 0; }
  25%, 75%  { opacity: 1; }
  82%, 100% { opacity: 0; }
}

/* موبايل */
@media (max-width: 480px){
  .elementor-17976 .elementor-element.elementor-element-351247ba a::before{
    right: 64px;
    bottom: 6px;
    max-width: 210px;
    font-size: 12.5px;
  }
  .elementor-17976 .elementor-element.elementor-element-351247ba a::after{
    right: 52px;
  }
}/* End custom CSS */