Header Widget inside burger menu

I think I found a way :) :

function move_header_widget_to_burger() {
?>
<script>
(function($){
	var isMobile = false; // Variable pour stocker l'état initial de l'écran

	function moveWidget() {
		if (isMobile && $(window).width() > 990) {
			// Réinitialise le widget si l'écran est plus large que 990px
			$('#header_main .widget').css('display', 'block');
			$('.av-burger-overlay-inner .widget').detach().appendTo('#header_main .inner-container').removeAttr('style');
			isMobile = false; // Met à jour l'état de l'écran
		} else if (!isMobile && $(window).width() <= 990) {
			// Déplace le widget dans le menu burger si l'écran est inférieur ou égal à 990px
			$('#header_main .widget').css('display', 'none');
			$('#header').one('click', '.av-main-nav-wrap', function() {
				$('#top #av-burger-menu-ul').css({
					'display' : 'block',
					'height' : 'auto',
					'vertical-align' : 'top',
					'padding' : '140px 0 0',
				});
				var burger_widget = $('#header_main .widget').detach();
				burger_widget.appendTo('.av-burger-overlay-inner').css({
					'display' : 'block',
					'position': 'relative',
					'width': '94%',
					'text-align': 'left',
					'margin-left': '3%',
					'border-top': '1px dashed #333',
				});
			});
			isMobile = true; // Met à jour l'état de l'écran
		}
	}

	$(window).on('resize', moveWidget); // Appelle la fonction lors du redimensionnement de la fenêtre

	moveWidget(); // Appelle la fonction au chargement de la page
})(jQuery);
</script>
<?php
}
add_action('wp_footer', 'move_header_widget_to_burger');