/* Two-number WhatsApp chooser. Loaded only when both numbers are set; main.css and pages.css are untouched.
   The wrapper adds no size of its own and the menu is out of flow, so opening it never shifts the layout. */
.wa-chooser { position: relative; display: inline-flex; }
.mobile-cta .wa-chooser, .mobile-cta .wa-chooser > .btn { display: flex; width: 100%; }
.wa-chooser--float { position: static; display: block; }
.wa-chooser > button { font-family: inherit; line-height: inherit; }
button.wa-float { padding: 0; border: 0; cursor: pointer; font: inherit; }

.wa-chooser__menu { position: absolute; z-index: 80; top: calc(100% + 8px); right: 0; display: flex; flex-direction: column; gap: 4px; min-width: 232px; padding: 8px; border: 1px solid var(--c-line); border-radius: 16px; background: var(--c-white); box-shadow: 0 16px 36px -10px rgba(0,0,0,.35); text-align: left; }
.wa-chooser__menu[hidden] { display: none; }
.wa-chooser--left .wa-chooser__menu { right: auto; left: 0; }
.wa-chooser--up .wa-chooser__menu { top: auto; bottom: calc(100% + 8px); }
.wa-chooser--float .wa-chooser__menu { position: fixed; top: auto; right: 24px; bottom: 92px; left: auto; }
.wa-chooser__menu a { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; min-height: 44px; padding: 10px 14px; border-radius: 10px; color: var(--c-ink); font-size: 15px; font-weight: 500; white-space: nowrap; align-items: center; }
.wa-chooser__menu a strong { font-weight: 800; color: var(--c-whatsapp); }
.wa-chooser__menu a:hover, .wa-chooser__menu a:focus-visible { background: var(--c-gold-soft); color: var(--c-ink); }

/* Secondary "from the USA" links (help card, thank-you page) */
.help-card .help-card__us { gap: 6px; font-size: 13px; font-weight: 600; color: var(--c-nile-text); }
.help-card .help-card__us img { width: 14px; height: 14px; }
.ebe-ty-wa-us { display: inline-flex; align-items: center; gap: 6px; align-self: center; font-size: 14px; font-weight: 600; color: var(--c-whatsapp); text-decoration: underline; text-underline-offset: 3px; }
.ebe-ty-wa-us span { font-weight: 500; color: var(--c-muted); }

@media (max-width: 640px) {
  .wa-chooser--left .wa-chooser__menu, .wa-chooser__menu { max-width: calc(100vw - 24px); }
  .mobile-cta .wa-chooser__menu { min-width: min(232px, calc(100vw - 24px)); }
}

/* Closing call-to-action band: the box no longer clips, so the WhatsApp chooser menu can open above the button. */
.cta-band__box { overflow: visible; }
.cta-band__box::before { border-radius: inherit; }
.cta-band__actions { flex-wrap: nowrap; align-items: center; }
.cta-band__actions .wa-chooser > .btn { white-space: nowrap; }
@media (max-width: 720px) { .cta-band__actions { flex-wrap: wrap; width: 100%; } }
