/* المرشد Social Float 1.3 — icon-only floating stack */
.alm-social-float{
  position:fixed;
  z-index:999990;
  left:22px;
  top:50%;
  transform:translateY(-50%);
  direction:ltr;
  pointer-events:none;
}
.alm-social-stack{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
}
.alm-float-icon,
.alm-social-tab{
  width:48px;
  height:48px;
  box-sizing:border-box;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.26);
  box-shadow:0 8px 24px rgba(0,0,0,.25);
  text-decoration:none!important;
  cursor:pointer;
  transition:transform .2s ease,opacity .22s ease,filter .2s ease;
}
.alm-float-icon svg{
  width:25px;
  height:25px;
  display:block;
  fill:currentColor;
}
.alm-tiktok-float{
  background:#09090c;
  color:#fff!important;
}
.alm-snap-float{
  background:#ffe000;
  color:#111!important;
}
.alm-close-float{
  border:0;
  background:#8b6bd6;
  color:#fff;
  font-size:30px;
  font-weight:300;
  line-height:1;
  padding:0;
}
.alm-close-float span{
  display:block;
  margin-top:-2px;
}
.alm-social-tab{
  pointer-events:auto;
  border:0;
  background:#17181d;
  color:#9b6cff;
  padding:0;
  opacity:1;
  visibility:visible;
}
.alm-tab-mark{
  width:25px;
  height:25px;
  display:block;
}
.alm-tab-mark svg{
  width:100%;
  height:100%;
  display:block;
}
.alm-social-stack .alm-float-icon{
  opacity:0;
  visibility:hidden;
  transform:scale(.55);
  pointer-events:none;
}
.alm-social-float.is-open .alm-float-icon{
  opacity:1;
  visibility:visible;
  transform:scale(1);
  pointer-events:auto;
}
.alm-social-float.is-open .alm-social-tab{
  opacity:0;
  visibility:hidden;
  transform:scale(.55);
  pointer-events:none;
  position:absolute;
}
.alm-float-icon:hover{
  transform:scale(1.08);
  filter:brightness(1.06);
}
.alm-social-float.is-hidden{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
}
.alm-social-float.is-hidden .alm-float-icon,
.alm-social-float.is-hidden .alm-social-tab{
  pointer-events:none;
}
@media(max-width:782px){
  .alm-social-float{
    left:12px;
    top:auto;
    bottom:115px;
    transform:none;
  }
  .alm-float-icon,
  .alm-social-tab{
    width:42px;
    height:42px;
  }
  .alm-float-icon svg{width:22px;height:22px}
  .alm-tab-mark{width:22px;height:22px}
  .alm-social-stack{gap:8px}
  .alm-close-float{font-size:27px}
}