/**
 * Connect block styles for the published card.
 *
 * Until 2026-09-12 this file dressed a bottom-sheet capture form: floating
 * labels, a character counter, a consent row, a collection notice, a success
 * pane. The form was dropped for the one-tap WhatsApp hand-off (see
 * views/partials/_connect-sheet.ejs), so all of that went with it — about 300
 * lines of CSS that no longer had markup to style.
 *
 * The share button itself is a .ts-cta, styled by each theme. What is left here
 * is the owner-only bar, which is not part of any theme.
 */

/* ---- owner-only insights link (revealed by JS, never server-rendered) ---- */
.ts-owner-bar {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(env(safe-area-inset-bottom, 0px) + var(--ts-dock-h, 0px) + 12px);
  z-index: 60;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 16px;
  border-radius: 999px;
  background: #16151f;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 6px 20px -6px rgba(0, 0, 0, 0.45);
}

.ts-owner-bar[hidden] {
  display: none;
}

.ts-owner-bar-n {
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  border-radius: 999px;
  background: #5a5fe0;
  color: #fff;
  font-size: 11px;
  display: inline-grid;
  place-items: center;
  font-variant-numeric: tabular-nums;
}

.ts-owner-bar-n[hidden] {
  display: none;
}

/* ---- "Share your number": the primary action on the card ---- */
.is-wa-share {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 7px;
}

.is-wa-share svg {
  width: 20px;
  height: 20px;
}