window.addEventListener(‘DOMContentLoaded’, () => {
document.getElementById(“footer_form_start_time”).value = Date.now();
});

function handleFooterSubmit() {
const form = document.getElementById(“footer-zoho-form”);
const captchaInput = document.getElementById(“footer-g-recaptcha-response”);
const btn = form.querySelector(“button”);

if (!form.checkValidity()) {
form.reportValidity();
return;
}

btn.disabled = true;
btn.innerText = “Processing…”;

grecaptcha.ready(function () {
grecaptcha.execute(‘6LcAmMgsAAAAACuATRx66-Hv0nTGUvRJ7Ng79_yR’, {action: ‘submit’})
.then(function (token) {
if (token) {
captchaInput.value = token;
form.submit();
} else {
alert(“Captcha failed to initialize. Please refresh.”);
btn.disabled = false;
btn.innerText = “Subscribe →”;
}
});
});
}

#footer-zoho-form { width: 100%; max-width: 1000px; margin: 0; }
.footer-form-wrapper { display: flex; flex-direction: row; align-items: stretch; gap: 10px; width: 100%; }

/* Input Styles */
#footer-zoho-form input[type=”text”],
#footer-zoho-form input[type=”email”] {
flex: 1;
padding: 12px 15px;
font-size: 14px;
border: 1px solid #dcdcdc;
border-radius: 4px;
outline: none;
box-sizing: border-box;
}

/* Button Style */
#footer-zoho-form button {
flex: 0 0 auto;
min-width: 150px;
background: linear-gradient(to bottom, #ff9000, #ff6a00);
color: #fff;
border: none;
padding: 12px 20px;
font-size: 15px;
font-weight: bold;
border-radius: 8px;
cursor: pointer;
white-space: nowrap;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

#footer-zoho-form button:hover { filter: brightness(1.05); }
#footer-zoho-form button:disabled { background: #ccc; cursor: not-allowed; }

/* Responsive adjustments */
@media (max-width: 800px) {
.footer-form-wrapper { flex-wrap: wrap; }
#footer-zoho-form input[type=”text”],
#footer-zoho-form input[type=”email”] { flex: 1 1 45%; } /* Two inputs per row on medium screens */
#footer-zoho-form button { flex: 1 1 100%; }
}

@media (max-width: 500px) {
.footer-form-wrapper { flex-direction: column; }
#footer-zoho-form input[type=”text”],
#footer-zoho-form input[type=”email”],
#footer-zoho-form button { flex: 0 0 100%; width: 100%; }
}