/* Floating Social Buttons - bottom right */
.social-float {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.social-float .social-btn {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: #0b1c4d; /* default brand base */
  box-shadow: 0 10px 25px rgba(0,0,0,0.25);
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease, filter .2s ease;
}

.social-float .social-btn:hover {
  transform: translateY(-3px) scale(1.03);
  box-shadow: 0 16px 35px rgba(0,0,0,0.3);
  filter: brightness(1.05);
}

/* Brand colors */
.social-float .btn-whatsapp { background: #25D366; }
.social-float .btn-instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}
.social-float .btn-facebook { background: #1877F2; }

/* Icon size */
.social-float .social-btn i { font-size: 32px; }

/* Tooltip */
.social-float .social-btn .tooltip {
  position: absolute;
  right: 64px;
  white-space: nowrap;
  padding: 8px 12px;
  font-size: 13px;
  border-radius: 6px;
  color: #0b1c4d;
  background: #ffffff;
  box-shadow: 0 10px 25px rgba(0,0,0,0.15);
  opacity: 0;
  transform: translateX(6px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
}

.social-float .social-btn:hover .tooltip { opacity: 1; transform: translateX(0); }

/* Slight spacing from footer on mobile */
@media (max-width: 768px) {
  .social-float { right: 14px; bottom: 14px; gap: 10px; }
  .social-float .social-btn { width: 50px; height: 50px; }
  .social-float .social-btn i { font-size: 20px; }
}