<?php

add_action( 'wp_footer', function () { ?>
    <script>
    jQuery(document).ready(function($) {
        
        var searchInput = $('#wpsl-search-input');
        var searchBtn = $('#wpsl-search-btn');

        function iluminarBoton() {
            // Un pequeño retraso para asegurar que el valor de la sugerencia ya entró
            setTimeout(function() {
                var val = searchInput.val();
                if (val && val.length > 0) { // Si hay cualquier texto tras elegir sugerencia
                    searchBtn.attr('style', 'border: 3px solid #00b5e2 !important; color: #00b5e2 !important; background-color: #ffffff !important; transition: all 0.3s ease !important;');
                } else {
                    searchBtn.removeAttr('style');
                }
            }, 200); // 200ms es el tiempo ideal para que Google pegue el texto
        }

        // 1. Al escribir manualmente
        $('body').on('input propertychange', '#wpsl-search-input', function() {
            var val = $(this).val();
            // Aquí mantenemos la regla de los 3 caracteres para escritura manual
            if (val.length >= 3) {
                iluminarBoton();
            } else {
                searchBtn.removeAttr('style');
            }
        });

        // 2. Al hacer clic en CUALQUIER sugerencia de la lista (Google Maps o WP Store Locator)
        // Usamos 'mousedown' porque ocurre justo antes de que la lista desaparezca
        $(document).on('mousedown', '.pac-container, .wpsl-autocomplete-menu, .pac-item', function() {
            iluminarBoton();
        });

        // 3. Por si acaso pierden el foco (clic fuera) tras seleccionar
        searchInput.on('blur change', function() {
            iluminarBoton();
        });

    });
    </script>
<?php });