<script>
// Verificar si el código ya se ha ejecutado
if (!window.fbFormScriptExecuted) {
  function customizeForm(form) {
    const formGroups = form.querySelectorAll('.woocommerce-form-row');

    formGroups.forEach(formGroup => {
      const input = formGroup.querySelector('input, textarea');
      const label = formGroup.querySelector('label');

      if (input && label) {
        // Agregar evento de escucha para el enfoque del input
        input.addEventListener('focus', () => {
          label.classList.add('fb-focus');
        });

        // Agregar evento de escucha para la pérdida de enfoque del input
        input.addEventListener('blur', () => {
          // Verificar si el input tiene texto antes de quitar la clase fb-focus
          if (input.value.trim() === '') {
            label.classList.remove('fb-focus');
          }
        });

        // Agregar evento de escucha para cambios en el contenido del input
        input.addEventListener('input', () => {
          // Si el input tiene texto, agregar la clase fb-focus
          if (input.value.trim() !== '') {
            label.classList.add('fb-focus');
          }
        });
      }
    });
  }

  // Obtener todos los formularios en la página
  const allForms = document.querySelectorAll('.fb-login-register-one');

  // Aplicar el script a cada formulario
  allForms.forEach(form => {
    customizeForm(form);
  });

  // Marcar que el código ya se ha ejecutado
  window.fbFormScriptExecuted = true;
}
</script>