/* Social Float — front-end styles */

.mlc-social-float {
  position: fixed;
  z-index: 999997;
  display: flex;
  flex-direction: column;
  gap: var(--mlc-spacing, 10px);
}

/* Side */
.mlc-social-float.side-left  { left: var(--mlc-offset, 24px); }
.mlc-social-float.side-right { right: var(--mlc-offset, 24px); }

/* Vertical position */
.mlc-social-float.v-top    { top: var(--mlc-offset, 24px); }
.mlc-social-float.v-bottom { bottom: var(--mlc-offset, 24px); }
.mlc-social-float.v-middle { top: 50%; transform: translateY(-50%); }

/* Icon item */
.mlc-sf-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 3px 12px rgba(0,0,0,0.2);
  transition: transform .2s ease, box-shadow .2s ease;
}
.mlc-sf-item svg { width: 22px; height: 22px; fill: currentColor; }

/* Sizes */
.size-sm .mlc-sf-item { width: 36px; height: 36px; }
.size-sm .mlc-sf-item svg { width: 18px; height: 18px; }
.size-md .mlc-sf-item { width: 46px; height: 46px; }
.size-lg .mlc-sf-item { width: 58px; height: 58px; }
.size-lg .mlc-sf-item svg { width: 28px; height: 28px; }

/* Shapes */
.shape-circle .mlc-sf-item  { border-radius: 50%; }
.shape-rounded .mlc-sf-item { border-radius: 10px; }
.shape-square .mlc-sf-item  { border-radius: 0; }

/* Hover animations */
.anim-scale .mlc-sf-item:hover  { transform: scale(1.12); }
.anim-bounce .mlc-sf-item:hover { animation: mlc-sf-bounce .5s ease; }
.anim-shake .mlc-sf-item:hover  { animation: mlc-sf-shake .4s ease; }

@keyframes mlc-sf-bounce {
  0%, 100% { transform: translateY(0); }
  30% { transform: translateY(-8px); }
  60% { transform: translateY(2px); }
}
@keyframes mlc-sf-shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-3px); }
  75% { transform: translateX(3px); }
}

/* Tooltip label */
.mlc-sf-label {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #1B1F2A;
  color: #fff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 12.5px;
  font-weight: 500;
  padding: 6px 12px;
  white-space: nowrap;
  border-radius: 4px;
  opacity: 0;
  pointer-events: none;
  transition: opacity .2s ease;
}
.side-right .mlc-sf-label { right: calc(100% + 10px); }
.side-left .mlc-sf-label  { left: calc(100% + 10px); }
.mlc-sf-item:hover .mlc-sf-label { opacity: 1; }

/* Mobile visibility */
@media (max-width: 768px) {
  .mlc-hide-mobile { display: none !important; }
  .mlc-social-float { transform-origin: center; }
  .size-lg .mlc-sf-item { width: 46px; height: 46px; }
  .size-lg .mlc-sf-item svg { width: 22px; height: 22px; }
}

/* Entrance delay (JS adds .mlc-visible after the configured delay) */
.mlc-delayed { opacity: 0; transition: opacity .5s ease; }
.mlc-delayed.mlc-visible { opacity: 1; }