var Webflow = Webflow || [];
Webflow.push(function () {
  var root = document.querySelector(".left_time");
  if (!root) return;

  var timeEl = root.querySelector("#us-time");
  var ampmEl = root.querySelector("#pm-am");
  if (!timeEl || !ampmEl) return;

  if (!document.getElementById("us-time-blink-style")) {
    var style = document.createElement("style");
    style.id = "us-time-blink-style";
    style.textContent =
      ".left_time .time-colon{" +
      "display:inline-block;" +
      "animation:timeColonBlink 1.2s ease-in-out infinite;" +
      "}" +
      "@keyframes timeColonBlink{" +
      "0%,100%{opacity:1;}" +
      "50%{opacity:.2;}" +
      "}";
    document.head.appendChild(style);
  }

  function pad2(n) {
    return String(n).padStart(2, "0");
  }

  function updateClock() {
    var now = new Date();

    var parts = new Intl.DateTimeFormat("en-US", {
      timeZone: "America/New_York",
      hour: "2-digit",
      minute: "2-digit",
      second: "2-digit",
      hour12: true
    }).formatToParts(now);

    var hh = "00";
    var mm = "00";
    var ss = "00";
    var dayPeriod = "AM";

    for (var i = 0; i < parts.length; i++) {
      if (parts[i].type === "hour") hh = pad2(parts[i].value);
      if (parts[i].type === "minute") mm = pad2(parts[i].value);
      if (parts[i].type === "second") ss = pad2(parts[i].value);
      if (parts[i].type === "dayPeriod")
        dayPeriod = parts[i].value.toUpperCase();
    }

    timeEl.innerHTML =
      hh +
      '<span class="time-colon">:</span>' +
      mm +
      '<span class="time-colon">:</span>' +
      ss;

    ampmEl.textContent = dayPeriod;
  }

  updateClock();
  setInterval(updateClock, 1000);
});