/* Simon Sahi floating contact pair — Text Simon / Call Simon
   v4 (Simon's direction, 2026-10-29): adopt the Dunnion reference
   colors he pointed at — the Text box is blue and the Call box is
   green, both with white icons and labels. (v2 and v3 used Simon's
   navy with gold trim; he reversed that after seeing hers again.)
   No external dependencies. Prefix: scw-  */

.scw-wrap {
  --scw-navy: #0a2540;
  --scw-navy-2: #0e2f52;
  --scw-gold: #c9a24b;
  position: fixed;
  left: 10px;
  /* Vertically in the lower middle of the screen, like the reference:
     the pair starts a little past halfway down. */
  top: 57%;
  /* Above the intro video widget (99990): when the video expands to
     nearly full width on a phone it would otherwise cover this pair and
     leave a broken looking sliver sticking out. The pair is narrow and
     sits at the far left edge, so it stays whole and tappable on top,
     like the persistent contact buttons on the reference site. */
  z-index: 99994;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-family: inherit;
  -webkit-tap-highlight-color: transparent;
}

.scw-btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  width: 76px;
  min-height: 64px; /* thumb sized, above the 44px minimum */
  padding: 9px 4px 8px;
  border: 0;
  border-radius: 18px;
  color: #fff;
  text-decoration: none;
  font-size: 12.5px;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 1.15;
  text-align: center;
  box-shadow: 0 8px 22px rgba(4, 24, 43, 0.4);
}
/* Her colors (v4): text is blue, call is green */
.scw-text { background: linear-gradient(180deg, #6ea8e6, #4a90d9); }
.scw-call { background: linear-gradient(180deg, #57b25e, #43a047); }
.scw-btn svg { width: 24px; height: 24px; flex: none; }
.scw-btn:hover { filter: brightness(1.14); }
.scw-btn:active { transform: scale(0.97); }

/* Mobile: same placement, a touch narrower so page content keeps room */
@media (max-width: 640px) {
  .scw-wrap { left: 8px; top: 56%; }
  .scw-btn { width: 68px; min-height: 60px; font-size: 12px; }
  .scw-btn svg { width: 22px; height: 22px; }
}