<!-- start Simple Custom CSS and JS -->
<script type="text/javascript">
document.addEventListener('DOMContentLoaded', function() {
    var fields = document.querySelectorAll('#formulaire-pdp input, #formulaire-pdp textarea, #formulaire-pdp select');

    fields.forEach(function(field) {
        // Hover → beige
        field.addEventListener('mouseover', function() {
            field.style.backgroundColor = '#F6E7DE';
        });
        field.addEventListener('mouseout', function() {
            field.style.backgroundColor = ''; // fond normal déjà défini par Elementor
        });

        // Focus → beige
        field.addEventListener('focus', function() {
            field.style.backgroundColor = '#F6E7DE';
        });

        // Blur → beige (empêche le bleu après saisie)
        field.addEventListener('blur', function() {
            field.style.backgroundColor = '#F6E7DE';
        });
    });
});
</script>
<!-- end Simple Custom CSS and JS -->
