@charset "UTF-8";
/***!  /media/templates/site/cassiopeia/css/user.css?72c307  !***/

/* Floating buttons: WhatsApp, Facebook, Instagram – Combined module version */
/* Adjusted spacing: no overlap, even gaps */

@keyframes pulse {
  0%   { transform: scale(1); }
  50%  { transform: scale(1.12); }
  100% { transform: scale(1); }
}

.whatsapp-float,
.facebook-float,
.instagram-float {
  position: fixed;
  right: 30px;
  display: inline-block;
  animation: pulse 2s infinite ease-in-out;
}

.whatsapp-float img,
.facebook-float img,
.instagram-float img {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  box-shadow: 0 4px 12px rgba(0,0,0,0.3);
  display: block;
  background: transparent;
}

/* Desktop stacking – even gaps, no overlap */
.instagram-float   { bottom: 170px; z-index: 10001; }  /* Instagram top */
.facebook-float    { bottom:  90px; z-index: 10000; }  /* Facebook middle */
.whatsapp-float    { bottom:  10px; z-index:  9999; }  /* WhatsApp bottom, closer to edge */

/* Mobile – tighter but no overlap */
@media (max-width: 768px) {
  .whatsapp-float,
  .facebook-float,
  .instagram-float {
    right: 16px;
  }

  .whatsapp-float img,
  .facebook-float img,
  .instagram-float img {
    width: 48px;
    height: 48px;
  }

  .instagram-float   { bottom: 140px; }  /* lowered so not too high */
  .facebook-float    { bottom:  80px; }  /* balanced gap */
  .whatsapp-float    { bottom:  20px; }  /* closer to edge, no overlap */
}
.whatsapp-float,
.facebook-float {
  animation: pulse 2s infinite ease-in-out !important;
}