/* Auto Cash Title Loans — social "Share" row + toast for tool pages. */

.act-share {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 14px 0 6px;
}

.act-share__label {
  font: 600 14px/1 inherit;
  font-family: inherit;
  color: #4a4a58;
  white-space: nowrap;
}

.act-share__btns {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.act-share__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  padding: 0;
  color: #3a3a52;
  background: #f2f3f7;
  border: 1px solid #e2e2ec;
  border-radius: 50%;
  cursor: pointer;
  text-decoration: none;
  -webkit-appearance: none;
  appearance: none;
  transition: color .15s ease, background .15s ease, transform .1s ease;
}

.act-share__btn:hover { transform: translateY(-1px); }
.act-share__btn:focus-visible { outline: 2px solid #1a5632; outline-offset: 2px; }

/* Brand-tinted hover per network (subtle — icons stay monochrome until hover). */
.act-share__btn--x:hover   { color: #fff; background: #000; border-color: #000; }
.act-share__btn--fb:hover  { color: #fff; background: #1877f2; border-color: #1877f2; }
.act-share__btn--wa:hover  { color: #fff; background: #25d366; border-color: #25d366; }
.act-share__btn--em:hover  { color: #fff; background: #5a6b7b; border-color: #5a6b7b; }
.act-share__btn--copy:hover{ color: #fff; background: #1a5632; border-color: #1a5632; }

/* Copy-link confirmation toast. */
.act-share__toast {
  position: fixed;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%) translateY(12px);
  z-index: 99999;
  padding: 10px 18px;
  font: 600 14px/1.2 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: #fff;
  background: #0f3d22;
  border-radius: 999px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.22);
  opacity: 0;
  pointer-events: none;
  transition: opacity .25s ease, transform .25s ease;
}
.act-share__toast.is-on { opacity: 1; transform: translateX(-50%) translateY(0); }

@media (prefers-reduced-motion: reduce) {
  .act-share__btn, .act-share__toast { transition: none; }
}
