/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

.whatsapp-float,
.instagram-float,
.phone-float {
  position: fixed;
  z-index: 9999;
  display: inline-block;
}

.whatsapp-float {
  bottom: 70px;
  right: 20px;
}
.whatsapp-float2 {
  bottom: 130px;
  right: 20px;
}

.phone-float {
  bottom: 70px;
  left: 20px;
}

.phone-float2 {
  bottom: 130px;
  left: 20px;
}

.whatsapp-float img,
.instagram-float img,
.phone-float img {
  width: 55px;
  height: 55px;
  display: block;
}

/* Tooltip styles */
.whatsapp-float::after,
.instagram-float::after,
.phone-float::after {
  content: attr(data-tooltip);
  position: absolute;
  white-space: nowrap;
  background-color: #333;
  color: #fff;
  font-size: 13px;
  padding: 5px 8px;
  border-radius: 5px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  z-index: 10000;
}

/* Tooltip for phone button: show to the right */
.phone-float::after {
  left: 110%; /* موقعیت تول‌تیپ تماس به سمت راست */
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
}

/* Tooltip for WhatsApp button: show to the left */
.whatsapp-float::after {
  right: 110%; /* موقعیت تول‌تیپ واتساپ به سمت چپ */
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
}