var Webflow = Webflow || [];
Webflow.push(function () {
  var form = document.getElementById("wf-form-Booking-Form");
  if (!form) return;

  var input = form.querySelector("#Phone-number");
  if (!input) return;

  input.setAttribute("inputmode", "tel");
  input.setAttribute("autocomplete", "tel-national");
  input.setAttribute("maxlength", "14");

  function formatUSPhone(value) {
    var digits = (value || "").replace(/\D/g, "").slice(0, 10);
    if (!digits.length) return "";
    if (digits.length < 4) return "(" + digits;
    if (digits.length < 7)
      return "(" + digits.slice(0, 3) + ") " + digits.slice(3);
    return (
      "(" +
      digits.slice(0, 3) +
      ") " +
      digits.slice(3, 6) +
      "-" +
      digits.slice(6)
    );
  }

  function setFormattedValue(raw) {
    input.value = formatUSPhone(raw);
  }

  input.addEventListener("input", function (e) {
    setFormattedValue(e.target.value);
  });

  input.addEventListener("blur", function () {
    setFormattedValue(input.value);
  });
});