/* bp-phone 2.0.0: one full-width phone field. The visitor types the country code with the number; there is no
 * country picker, flag or dial-code box any more. bp-phone.js marks the input with data-bp-phone when it mounts. */
html body input[data-bp-phone] {
  display: block;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  direction: ltr;
  text-align: left;
  font-size: max(16px, 1em); /* 16px or more: iOS Safari does not zoom the page on focus */
}
/* Arabic placeholder text reads right to left while the field is empty; digits are typed left to right. */
html body input[data-bp-phone][data-bp-ph="rtl"]:placeholder-shown {
  direction: rtl;
  text-align: right;
}