/*
 * Floating contact stack (Zalo + Hotline) — icon nổi dọc, fixed góc màn hình.
 * Render site-wide qua wp_footer (xem inc/fn-setup-acf-options.php).
 * Spec theo Figma 407:41991 — nút 65px, gap 16px, drop-shadow 3 lớp.
 *
 * Bottom offset (cả cụm) chỉnh qua ACF range → inline CSS var:
 *   --iw-float-bottom-d (desktop ≥992px), --iw-float-bottom-m (mobile <992px).
 */
.iw-float-contact {
  position: fixed;
  bottom: var(--iw-float-bottom-d, 80px);
  z-index: 9990;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  pointer-events: none;
}
.iw-float-contact--right { right: 20px; }
.iw-float-contact--left  { left: 20px; }

.iw-float-contact__btn {
  pointer-events: auto;
  display: block;
  width: var(--iw-float-size-d, 65px);
  height: var(--iw-float-size-d, 65px);
  border-radius: 50%;
  /* Shadown Popup token (Figma): 3 lớp drop-shadow mềm. */
  box-shadow:
    0 3px 3px -1.5px rgba(10, 13, 18, 0.04),
    0 8px 8px -4px rgba(10, 13, 18, 0.03),
    0 20px 24px -4px rgba(10, 13, 18, 0.08);
  transition: transform 0.18s ease;
}
.iw-float-contact__btn:hover,
.iw-float-contact__btn:focus-visible {
  transform: scale(1.06);
}
.iw-float-contact__btn img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

@media (max-width: 991px) {
  .iw-float-contact {
    bottom: var(--iw-float-bottom-m, 100px);
  }
  .iw-float-contact--right { right: 14px; }
  .iw-float-contact--left  { left: 14px; }
  .iw-float-contact__btn {
    width: var(--iw-float-size-m, 56px);
    height: var(--iw-float-size-m, 56px);
  }
}