/* Scoped to checkout WhatsApp; private access and other fields retain their styles. */
#whatsappBox { position: relative; overflow: visible; }
#whatsappBox.wa-picker-open { border-color: #df93ae; z-index: 55; }
#whatsappBox .wa-number-row { display: flex; align-items: center; gap: 9px; min-width: 0; }
#whatsappBox .wa-country-picker { position: relative; flex: 0 0 110px; }
#whatsappBox .wa-country-trigger {
  display: flex; align-items: center; gap: 9px; width: 100%; min-height: 36px;
  padding: 6px 10px; border: 1px solid #ecd6df; border-radius: 10px;
  background: linear-gradient(#fff7fa, #fff); color: var(--text);
  font: inherit; font-size: 14px; font-weight: 600; cursor: pointer;
  box-shadow: 0 2px 8px #dba6ba0a;
}
#whatsappBox .wa-country-trigger[aria-expanded="true"] { border-color: #df93ae; }
#whatsappBox .wa-country-trigger:focus-visible { outline: 2px solid var(--pink); outline-offset: 2px; }
#waCountryFlag { font-size: 19px; line-height: 1; }
#waCountryDial { white-space: nowrap; }
#whatsappBox .wa-country-trigger svg { margin-left: auto; width: 12px; height: 17px; fill: none; stroke: #a19a9e; stroke-width: 1.5; }
#whatsappBox .wa-number-divider { flex: 0 0 1px; height: 15px; background: #b8b0b4; }
#whatsappBox #whatsapp { flex: 1; width: 0; min-width: 0; font-size: 14px; }
#whatsappBox .wa-country-menu {
  position: absolute; top: calc(100% + 8px); left: 0; z-index: 60;
  width: min(218px, calc(100vw - 90px)); max-height: var(--wa-menu-height, 235px);
  overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin;
  padding: 8px; border: 1px solid #ecd6df; border-radius: 16px;
  background: #fff; box-shadow: 0 10px 30px #7045511f;
}
#whatsappBox .wa-country-menu[hidden] { display: none; }
#whatsappBox .wa-country-menu.wa-open-up { top: auto; bottom: calc(100% + 8px); }
#whatsappBox .wa-country-option {
  display: flex; align-items: center; gap: 10px; width: 100%; min-height: 44px;
  padding: 10px 12px; margin-bottom: 2px; border: 1px solid transparent; border-radius: 11px;
  background: white; color: var(--text); font: inherit; font-size: 14px; text-align: left; cursor: pointer;
}
#whatsappBox .wa-country-option[aria-pressed="true"] { background: #fff0f6; border-color: #e6c4d2; }
#whatsappBox .wa-country-option:hover, #whatsappBox .wa-country-option:focus-visible { background: #fff5f9; outline: none; border-color: #e6c4d2; }
#whatsappBox .wa-option-flag { font-size: 19px; }
#whatsappBox .wa-option-code { margin-left: auto; color: #91898e; }
@media (max-width: 359px) {
  #whatsappBox .wa-country-picker { flex-basis: 94px; }
  #whatsappBox .wa-country-trigger { padding-inline: 7px; gap: 6px; }
  #whatsappBox .wa-number-row { gap: 7px; }
  #whatsappBox #whatsapp { font-size: 13px; }
}
