/* ZIBADIS social FAB — canonical source.
   Do not edit per-site copies; edit this file and run
   ZIBADIS/tools/sync_social_fab.py to push changes to every site. */

.social-fab { position: fixed; right: 22px; bottom: 50px; z-index: 90 }
[dir="rtl"] .social-fab { right: auto; left: 22px }

.social-fab > button {
  width: 54px; height: 54px;
  border-radius: 50%;
  border: 2px solid var(--line, rgba(16,16,20,.08));
  background: var(--paper, #f7f3ea);
  color: var(--ink, #101014);
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(0,0,0,.12);
  transition: .2s;
  display: grid; place-items: center;
  padding: 0;
}
.social-fab > button:hover { border-color: var(--accent); transform: scale(1.08) }
.social-fab > button .icon-open { display: none }
.social-fab.open > button .icon-closed { display: none }
.social-fab.open > button .icon-open { display: block; color: var(--accent) }

.social-links {
  position: absolute; right: 0; bottom: 64px;
  display: grid; gap: 6px;
  opacity: 0; transform: translateY(8px); pointer-events: none;
  transition: .2s;
}
[dir="rtl"] .social-links { right: auto; left: 0 }
.social-fab.open .social-links { opacity: 1; transform: none; pointer-events: auto }

.social-links a {
  white-space: nowrap;
  display: flex; align-items: center; gap: 8px;
  border: 2px solid var(--line, rgba(16,16,20,.08));
  background: var(--paper, #f7f3ea);
  color: var(--ink, #101014);
  padding: 8px 14px;
  font-size: .72rem; font-weight: 700;
  text-decoration: none;
  transition: .15s;
  letter-spacing: .04em;
}
.social-links a:hover { border-color: var(--accent); color: var(--accent) }
.social-links a svg { flex-shrink: 0 }

@media (max-width: 640px) {
  .social-fab { right: 12px; bottom: 40px }
  [dir="rtl"] .social-fab { left: 12px }
}