RepsolHeaderMenu = {  
    component: '.menu-v2',
    ts: null,
    flagPrev :false,
	flagNext : true,
    init: function () {       
        let $component = document.querySelector(RepsolHeaderMenu.component);
        if($component){
            RepsolHeaderMenu.events($component);
            RepsolHeaderMenu.resetSlider($component);           
            RepsolHeaderMenu.highlightMenu($component);
            RepsolHeaderMenu.seeAllLinks($component);
        }   
    },
    events: ($obj) =>{
        /** Arrows subheader events **/
        window.addEventListener('resize', () => {            
            RepsolHeaderMenu.resetMenu($obj);
            RepsolHeaderMenu.resetSlider($obj);
            RepsolHeaderMenu.hideUserDropdowns(); 
        });
        $obj.querySelector('.prev').addEventListener('click', (ev) => { 
            let obj = ev.target.closest(".menu-v2")            
            RepsolHeaderMenu.moveSlider(obj, false);
            RepsolHeaderMenu.hideUserDropdowns(); 
        });

        $obj.querySelector('.next').addEventListener('click', (ev) => {  
            let obj = ev.target.closest(".menu-v2")
            RepsolHeaderMenu.moveSlider(obj, true);
            RepsolHeaderMenu.hideUserDropdowns(); 
        });

        $obj.querySelector('.menu__primary').addEventListener('touchstart', (ev) => {             
            RepsolHeaderMenu.ts = ev.touches[0].clientX;
        });

        $obj.querySelector('.menu__primary').addEventListener('touchend', (ev) => {  
            var te = ev.changedTouches[0].clientX;
            let obj = ev.target.closest(".menu-v2")
            if(RepsolHeaderMenu.ts > te+5 && RepsolHeaderMenu.flagNext ){
                RepsolHeaderMenu.moveSlider(obj, true);
            }else if(RepsolHeaderMenu.ts < te-5 && RepsolHeaderMenu.flagPrev){
                RepsolHeaderMenu.moveSlider(obj, false);
            } 
            
        });
         //scroll down desktop
        const container = $obj.querySelector('.menu');
        let lastScrollTop = 0;          
       
        window.addEventListener('scroll', function() {
            RepsolHeaderMenu.hideUserDropdowns();     
            const isMenuVisible = Array.from($obj.querySelectorAll('.tab-menu:not(.menu-main)')).some(menu => !menu.classList.contains('d-none'));
            let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
           
             // Scroll hacia abajo
            if (scrollTop > lastScrollTop) {
                if (isMenuVisible) {     
                    const $activeTabMenu = container.querySelector('.tab-menu:not(.menu-main):not(.d-none)');
                    const activeTabMenuRect = $activeTabMenu.getBoundingClientRect();
                    const activeTabMenuRectBottom = activeTabMenuRect.bottom; 
                  if (activeTabMenuRectBottom <= 0) {
                        $('.header-es').css('position' , 'fixed');
                        container.classList.add('transition-off');                        
                        $($obj).find('.tab-menu:not(.menu-main)').addClass('d-none');                        
                        const $activeMenuTab = $obj.querySelector('.menu__tab-text:not(.button).active');
                        RepsolHeaderMenu.toggleMenu($activeMenuTab , 'hide');                    
                    }else{                        
                        $('.header-es').css('position' , 'relative');
                        container.classList.remove('transition-off');
                        $('.header-es .header-2024').css('position' , 'relative');
                        $('.page').css('padding-top' , '0px');
                        $('.header-es').removeClass('fixed-top');
                    }
                }
                else{                    
                    $('.header-es').css('position' , 'fixed');
                    $('.page').css('padding-top' , '0px');
                    container.classList.add('transition-off');
                }
            }
                // Scroll hacia arriba
            if (scrollTop < lastScrollTop) {
                
                //console.log('Scroll hacia arriba');
                if ( scrollTop > 0) {
                    $('.header-es').css('position' , 'fixed');
                    container.classList.remove('transition-off');
                } else {
                    $('.header-es').css('position' , 'relative');
                    container.classList.remove('transition-off');
                }
                        
            }
            if (scrollTop === 0) {
                $('.header-es').css('position' , 'relative');
                container.classList.remove('transition-off');
            }
    
            lastScrollTop = scrollTop;

        });

        /** Dropdown subheader events **/
        $obj.querySelectorAll('.menu__tab-text:not(.button)').forEach( (item) => {
            let openMenuTimeout;
            item.addEventListener('click', (ev) => { 
                if (window.matchMedia("(min-width: 768px)").matches) {
                    ev.preventDefault();
                    let $this = ev.currentTarget;
                    clearTimeout(openMenuTimeout);
                    if(!item.classList.contains('active')){
                        openMenuTimeout = setTimeout(() => {
                            RepsolHeaderMenu.toggleMenu($this, 'show');
                            RepsolHeaderMenu.hideUserDropdowns();
                            
                            const $link = $($this).find("a"); 
                            if ($link.length > 0) {
                                Repsol.Analytics.ES.header.hoverMenu2024($link);
                                Repsol.AnalyticsRomProd.menuViewRomProd2024($link, {});
                            }

                        }, 300);
                    }else{
                        RepsolHeaderMenu.toggleMenu($this, 'hide');
                    }                    
                }    
            });           
        });

        document.addEventListener('click', (ev) => {
            if (window.matchMedia("(min-width: 768px)").matches) {
                let $this = ev.target;
                const $activeMenuTab = $obj.querySelector('.menu__tab-text:not(.button).active');
                if($activeMenuTab && !$this.closest('.tab-menu:not(.menu-main):not(d-none)')){
                    RepsolHeaderMenu.toggleMenu($activeMenuTab, 'hide');
                }
            }
        });          
    },
    resetSlider:function(obj){
        const menuPrimaryLinks = obj.querySelector('.menu__primary.menu__links');
        const menuPrimaryLinksWidth = menuPrimaryLinks.getBoundingClientRect().width;        
        const widthContainer = obj.querySelector(".container").offsetWidth;

        obj.querySelector('.menu__primary').style.transform=  'translateX(0)';
        obj.setAttribute("data-current-tab", 0);
        
        let flagNext = false;
        if(widthContainer < menuPrimaryLinksWidth){
            flagNext = true;            
        }
        RepsolHeaderMenu.setArrows(obj, false, flagNext); 
    },
    moveSlider:function(obj, flag){ 
        var flagPrev = false;
        var flagNext = true;
        RepsolHeaderMenu.flagNext = true;
        RepsolHeaderMenu.flagPrev=false;
        var indexItem = obj.getAttribute("data-current-tab"); // Item active position        
        indexItem = indexItem != undefined ? parseInt(indexItem) : 0;
        if(!flag){ // PREV
            indexItem = indexItem > 0 ? (indexItem - 1 ): 0;
        }else{ // NEXT
            indexItem = indexItem +1;
        }
        
        obj.setAttribute("data-current-tab", indexItem);
        const menuPrimaryLinks = document.querySelector('.menu__primary.menu__links');
        const menuPrimaryLinksWidth = menuPrimaryLinks.getBoundingClientRect().width;  
        
        var move = 0;
        var list = obj.querySelector('.menu__primary').querySelectorAll(".menu__tab-text");     
        var total = menuPrimaryLinksWidth;
        var widthContainer = obj.querySelector(".container").offsetWidth; 
        var widthItem = 0; 
        for(var i=0; i< indexItem ; i++){                
            widthItem +=  Math.ceil(list[i].offsetWidth);
        }
        
        if((widthItem + widthContainer) < total){
            move = -(widthItem) + 25;
        }else{
            move = widthContainer - total - 25;
            flagNext = false;
            RepsolHeaderMenu.flagNext = false;
        }
        if(move < 0){
            flagPrev=true;
            RepsolHeaderMenu.flagPrev=true;
        }       

        obj.querySelector('.menu__primary').style.transform= 'translateX('+move+'px)';
        RepsolHeaderMenu.setArrows(obj, flagPrev, flagNext);
        
    },
    setArrows: function(obj, flagPrev, flagNext){
        if(!flagPrev){            
            obj.querySelector(".prev").classList.add("btn-disabled");
        }else{
            obj.querySelector(".prev").classList.remove("btn-disabled");
            obj.querySelector(".prev").classList.remove("rp-disabled");      
        }
        if(!flagNext){
            obj.querySelector(".next").classList.add("btn-disabled");
        }else{
            obj.querySelector(".next").classList.remove("btn-disabled");
            obj.querySelector(".next").classList.remove("rp-disabled");
        }
    },
    toggleMenu:(obj, action) => {
        let targetTabMenuName = obj.querySelector('a').getAttribute("data-targettabname");
        let menuComponent = document.querySelector(`${RepsolHeaderMenu.component}`);
        let targetTabMenu = menuComponent.querySelector('.'+`${targetTabMenuName}`);
        let tablist = menuComponent.querySelectorAll('.tab-menu:not(.menu-main)');
        let previousTab =  menuComponent.querySelectorAll('.menu__tab-text.active');
    
        tablist.forEach((item) => {
            item.classList.add("d-none");
        });
    
        if (targetTabMenuName != null && targetTabMenu) {
            if (action === 'show') {
                previousTab.forEach( (item) => {                  
                    item.classList.remove("active");
                })
                targetTabMenu.classList.remove("d-none");
                obj.classList.add("active");

            } else if (action === 'hide') {                
                targetTabMenu.classList.add("d-none");
                if(menuComponent.querySelector('.menu__tab-text.active')){
                    menuComponent.querySelector('.menu__tab-text.active').classList.remove("active");
                }
                
                obj.classList.remove("active");
            }
        }
    
        // Control OpacityLayer in desktop
        const menuDesktop = document.querySelector('.menu-v2');
    
        if ( menuDesktop) {
            if (action === 'show') {
                menuDesktop.classList.add('opacity-layer');
            } else if (action === 'hide') {
                menuDesktop.classList.remove('opacity-layer');
            }
        }

        //clean offers divider
        document.querySelectorAll('.offers').forEach(offer => {            
            if (offer.innerHTML.trim() === '' && offer.children.length === 0) {
                offer.classList.add('offers-empty'); 
            }
        });
    },
    highlightMenu:($obj) => {     
        const currentUrl = window.location.origin + window.location.pathname;  
        const links = $obj.querySelectorAll('.tab-menu:not(.menu-main) .menu__secondary .links__list .links__link');
        
        let firstMatchingLink = null;    
        for (let link of links) {
            if (link.href === currentUrl) {
                firstMatchingLink = link;
                break; 
            }
        }    
        if (!firstMatchingLink) return;    
        const closestTabMenu = firstMatchingLink.closest('.tab-menu');    
        
        if (!closestTabMenu) return;
        
        let menuClass = null;
        closestTabMenu.classList.forEach(cls => {
            if (cls.startsWith('menu-')) {
                menuClass = cls;
            }
        });    
        if (!menuClass) return;
        
        const primaryMenuTabs = $obj.querySelectorAll('.menu__primary .menu__tab-text a');
        let matchingPrimaryMenu = null;

        for (let tab of primaryMenuTabs) {
            if (tab.getAttribute('data-targettabname') === menuClass) {
                matchingPrimaryMenu = tab;
                break;
            }
        }    
        if (!matchingPrimaryMenu) return;
        matchingPrimaryMenu.classList.add('rds-body-01-bold', 'active');
    },
    seeAllLinks:($obj) => {          
        const primaryMenuTabsLinks = $obj.querySelectorAll(".menu__primary .menu__tab-text a");        
        primaryMenuTabsLinks.forEach(primaryLink => {
            const dataMenuName = primaryLink.getAttribute('data-targettabname');
            const menuTabs = $obj.querySelectorAll(".tab-menu:not(.menu-main)");  
            menuTabs.forEach(menuTab => {
                if (menuTab.classList.contains(dataMenuName)) {     
                    const seeAllLink = menuTab.querySelector(".links__seeAllLink a");
                    if (seeAllLink) {
                        seeAllLink.setAttribute('href', primaryLink.getAttribute('href'));
                    }
                    const seeAllLinkText = menuTab.querySelector(".links__seeAllLink a .js-tab-text");
                    if (seeAllLinkText) {
                        seeAllLinkText.textContent = primaryLink.textContent;
                    }
                }
            });
        });

    },
    hideUserDropdowns:() => { 
        let loggedUserElement = document.querySelector('.header-user.logged');
        if (loggedUserElement) {            
            let rpDropdownUser = loggedUserElement.querySelector('.rp-dropdown-user');
            let dropdownMenu = loggedUserElement.querySelector('.dropdown-menu');           
            if (rpDropdownUser) {
                rpDropdownUser.classList.remove('show');
            }
            if (dropdownMenu) {
                dropdownMenu.classList.remove('show');
            }
        }
    },
    resetMenu: ($obj) =>{
        const $header = $obj.closest('header');
        const $hamburger = $header.querySelector('.js-hamburger');
        const $secondaryTabMenus = $obj.querySelectorAll('.tab-menu:not(.menu-main)');
        const $mainTabMenu = $obj.querySelector('.menu-main');
        RepsolHeaderMenuMobile.setMaxHeight();
        if (window.matchMedia("(min-width: 768px)").matches) {
            document.querySelector('main').style.transform = `translateX(0)`;  
            $mainTabMenu.classList.add('unsetpos');
            $mainTabMenu.classList.remove('animated-to-left','d-none');
            $secondaryTabMenus.forEach(($tabMenu)=>{
                $tabMenu.querySelector('.links__item--dropdown')?.classList.remove('active');
                $tabMenu.classList.add('d-none');
                $tabMenu.classList.remove('unsetpos', 'animated-to-right');
                $tabMenu.style.removeProperty("transform");
            });
        }else if($hamburger.classList.contains('is-active')){
            document.querySelector('main').style.transform = `translateX(-${window.innerWidth}px)`;
        }
    }
}


document.addEventListener('DOMContentLoaded', () => {   
    RepsolHeaderMenu.init()        
});

RepsolHeaderMenuMobile = {  
    component: '.menu-v2 .menu-component',
    actualRelativeWidth: '',
    windowsWidth: '',
    referenceElementName: '#headTop',
    referenceElement: '',
    init: function () {        
        RepsolHeaderMenuMobile.referenceElement = document.querySelector(`${RepsolHeaderMenuMobile.referenceElementName}`);
        if (RepsolHeaderMenuMobile.referenceElement  === null) {
            RepsolHeaderMenuMobile.referenceElement = document.querySelector(".menu-v2.carousel");            
        }
        if(document.querySelector(".menu-v2.carousel").closest('.header') == undefined) {
            document.querySelector(".menu-v2.carousel").querySelector('.menu-component').classList.remove('right');
        }
        RepsolHeaderMenuMobile.events();
        RepsolHeaderMenuMobile.setTabSize(false, false);
        RepsolHeaderMenuMobile.initPosition();
        RepsolHeaderMenuMobile.showUserButtons();
        //RepsolHeaderMenuMobile.adjustUserButtonPosition();
        RepsolHeaderMenuMobile.updateSearchUrl();
        RepsolHeaderMenuMobile.setTabPosition();
    },
    events: () =>{
        const $menu = document.querySelector(".menu-v2");
        const $mainNavigationMenuMobileActiveItem = $menu.querySelector(".tab-menu-main-navigation .tab-menu-main-navigation-item.active");
        
        window.addEventListener("orientationchange", function() {
            RepsolHeaderMenuMobile.setTabSize(true, false);
        });
        document.querySelectorAll(`${RepsolHeaderMenuMobile.component} .links__item`).forEach( (item) => {
            item.addEventListener('click', (ev) => { 
                if (window.matchMedia("(max-width: 768px)").matches && !ev.target.closest('.links__list--sublist')) {
                    ev.preventDefault();
                    let $this = ev.currentTarget;
                    RepsolHeaderMenuMobile.nextTab($this);
                }   
            }); 
        });  
    
        document.querySelectorAll(`${RepsolHeaderMenuMobile.component} .menu__backlink`).forEach( (item) => {
            item.addEventListener('click', (ev) => { 
                if (window.matchMedia("(max-width: 768px)").matches) {
                    ev.preventDefault();
                    ev.stopPropagation();
                    let $this = ev.currentTarget;
                    RepsolHeaderMenuMobile.backTab($this);
                }    
            });
           
        });
        
        $mainNavigationMenuMobileActiveItem?.addEventListener('click', (ev) => {            
            ev.preventDefault();              
        });
        
    },
    backTab: (obj) => {   
        if(!obj.closest('.links-item-sublevel')){     
            RepsolHeaderMenuMobile.setTabPosition();
            let targetTabMenuName = obj.querySelector('.backlink').getAttribute("data-targettabnamebefore");
            let currentTab = obj.closest(".tab-menu");
            let menuComponent = document.querySelector(`${RepsolHeaderMenuMobile.component}`);
            let targetTabMenu = menuComponent.querySelector(`[data-tabname="${targetTabMenuName}"]`);

            //Animate target tab
            targetTabMenu.classList.add("animated-to-middle");
            targetTabMenu.classList.remove('animated-to-left');
            
            //Animate current tab
            currentTab.classList.add('animated-to-right');
            currentTab.classList.remove("animated-to-middle");
            currentTab.classList.remove("unsetpos");
            targetTabMenu.classList.add('unsetpos');           

            RepsolHeaderMenuMobile.setLayerPosition(currentTab);
        
            setTimeout(function() {               
                targetTabMenu.classList.remove("animated-to-middle");
                targetTabMenu.classList.remove('d-none');
                currentTab.classList.add("d-none");    
            }, 300);
        }else{            
            obj.closest('.links__item')?.classList.remove('active'); 
        }
    },
    nextTab: (obj) => {
        if(obj.closest('.menu__primary')){
            RepsolHeaderMenuMobile.setTabPosition();
            let targetTabMenuName = obj.querySelector('a').getAttribute("data-targettabname");
            let currentTab = obj.closest(".tab-menu");
            let currentTabName = currentTab.getAttribute("data-tabname");
    
            let menuComponent = document.querySelector(`${RepsolHeaderMenuMobile.component}`);
            let targetTabMenu = menuComponent.querySelector(`.${targetTabMenuName}`);
    
            //Animate target tab
            targetTabMenu.classList.remove("animated-to-right");
            targetTabMenu.classList.add("animated-to-middle");
            targetTabMenu.classList.add("unsetpos");
            
            
            //Animate current tab
            currentTab.classList.add('animated-to-left');
            currentTab.classList.remove("animated-to-middle");
            currentTab.classList.remove('unsetpos');
            currentTab.style.removeProperty("transform")
            //Animate mask
            RepsolHeaderMenuMobile.setLayerPosition(currentTab);
            
            //Fill backtab info
            let backTabTargetElement = targetTabMenu.querySelector(".backlink");
            backTabTargetElement.setAttribute("data-targettabnamebefore",currentTabName);
    
            setTimeout(function() {
                currentTab.classList.remove("animated-to-middle");
                currentTab.classList.add("d-none");                 
                targetTabMenu.classList.remove("animated-to-middle", "d-none"); 
                targetTabMenu.style.removeProperty("transform");             
            }, 300);
        }else{
            obj.classList.add('active'); 
        }
        
    },
    setTabSize: (onEvent, startMenu) => { 
        //hidden all except middle
        RepsolHeaderMenuMobile.setTabPosition();
        let hiddenTabs = document.querySelectorAll(".tab-menu:not(.menu-main)");
        hiddenTabs.forEach( (item) => {
            item.classList.add('d-none');
        })   
        
        
        setTimeout(function() {
            //calculate width depend of start menu or transition tabs
            if(startMenu)RepsolHeaderMenuMobile.actualRelativeWidth =  RepsolHeaderMenuMobile.referenceElement.offsetWidth;
                //calculate width depend of rotation event or not
            else RepsolHeaderMenuMobile.actualRelativeWidth = onEvent ? document.querySelector(".menu-component").offsetWidth : document.querySelector(".tab-menu.unsetpos").offsetWidth;
           
            RepsolHeaderMenuMobile.windowsWidth = window.innerWidth;
            document.documentElement.style.setProperty('--animatedXposition', RepsolHeaderMenuMobile.windowsWidth + 'px');
            document.documentElement.style.setProperty('--animatedXpositionPrev', RepsolHeaderMenuMobile.windowsWidth*-1 + 'px');
            document.documentElement.style.setProperty('--tabWidthReference', RepsolHeaderMenuMobile.actualRelativeWidth + 'px');
            hiddenTabs.forEach( (item) => {
                //Add delay for calculate the new screen width and we show
                //item.classList.remove('d-none')
                if(item.classList.contains("animated-to-right")){
                    var translateValue = "translateX(" + RepsolHeaderMenuMobile.windowsWidth + "px)";
                }
                else if (item.classList.contains("animated-to-left")){
                    var translateValue = "translateX(" + RepsolHeaderMenuMobile.windowsWidth*-1 + "px)";
                }
                var translateValue = "translateX(" + translateValue + "px)";
                item.style.transform = translateValue ;
            });
        }, 50);    
        
    },
    setLayerPosition: (currentTab) => {
        RepsolHeaderMenuMobile.setTabPosition();
        if (currentTab.classList.contains('animated-to-right')) {
            document.documentElement.style.setProperty('--animatedLayerposition', RepsolHeaderMenuMobile.windowsWidth + 'px');
        } else if (currentTab.classList.contains('animated-to-left')) {
            document.documentElement.style.setProperty('--animatedLayerposition', RepsolHeaderMenuMobile.windowsWidth*-1 + 'px');
        } 
    },
    initPosition: () =>{      
        RepsolHeaderMenuMobile.setTabPosition();   
        let allTabs = document.querySelectorAll(`${RepsolHeaderMenuMobile.component} .animated-to-right:not(.unsetpos)`);
        allTabs.forEach( (item) => {
            var translateValue = "translateX(" + RepsolHeaderMenuMobile.windowsWidth + "px)";
            item.style.transform = translateValue ;
        }); 
    },
    initMenu: () =>{       
        RepsolHeaderMenuMobile.setTabPosition();  
        const $component = document.querySelector(`${RepsolHeaderMenuMobile.component}`);
        const tabMenus = $component.querySelectorAll('.tab-menu');    
        
        tabMenus.forEach((tabMenu, index) => {
            
            if (index === 0) {
                
                tabMenu.classList.add('unsetpos');
                tabMenu.classList.remove('animated-to-left', 'animated-to-middle', 'd-none');
            } else {
                
                tabMenu.classList.remove('unsetpos', 'animated-to-left', 'animated-to-middle');
                tabMenu.classList.add('animated-to-right');
            }
        });

        const $secondaryMenus = $component.querySelectorAll('.menu__secondary');
        $secondaryMenus.forEach(($secondaryMenu) => {
            $secondaryMenu.querySelector('.links__item--dropdown')?.classList.remove('active');
        });
    },
       
    toggleMenu: () =>{
        
        RepsolHeaderMenu.hideUserDropdowns(); 
        RepsolHeaderMenuMobile.setTabPosition();
        let hamburger = document.querySelector(".js-hamburger");
        let menuComponent = document.querySelector(`${RepsolHeaderMenuMobile.component}`);
        let elementMain = document.querySelector('main');
        elementMain.style.transform = "translateX(0px)"; 
        RepsolHeaderMenuMobile.initMenu();       

        if(!hamburger.classList.contains("is-active")){                         
            elementMain.style.transition = "transform 0.3s ease"; 
            elementMain.style.transform = `translateX(-${window.innerWidth}px)`; 
            menuComponent.classList.remove("right");
            menuComponent.classList.add("animated-to-middle");
            RepsolHeaderMenuMobile.setTabSize(false, true);
            RepsolHeaderMenuMobile.setMaxHeight();
            setTimeout(function() {
                menuComponent.classList.remove("animated-to-middle"); 
            }, 300); 
        }
        else {                      
            RepsolHeaderMenuMobile.setTabSize(false, true);
            menuComponent.classList.add("animated-to-right");
            setTimeout(function() {
                menuComponent.classList.remove("animated-to-right");
                menuComponent.classList.add("right"); 
                RepsolHeaderMenuMobile.initPosition(); 
            }, 300); 
        } 
    },
    showUserButtons: () =>{
        const isLogged = Repsol.utils.getCookie('isLogged') === 'true' ? true : false;  
        var url = window.location.href;
        var menuUserBtnParticulares = document.querySelector('.menu__primary__userbtn-particulares');
        var menuUserBtnTienda = document.querySelector('.menu__primary__userbtn-tienda');    
        const $menu = document.querySelector('.menu-v2');  
        const $mainNavigationMenuMobile = $menu.querySelector('.menu-v2 .tab-menu-main-navigation');
        const $linksVariant = $menu.querySelector(".menu__primary-links--variant")  
        const $loginBtn = $menu.querySelector(".links__link-variant .user-button");
        const $logoutBtn = $menu.querySelector(".links__link-variant .logout");
       
        if (url.includes('tienda') && menuUserBtnTienda) {
            menuUserBtnTienda.classList.remove('d-none');
            $linksVariant?.closest("li").classList.remove('d-none');
            if(isLogged){
                $logoutBtn.closest(".links__link-variant").classList.remove('d-none');
            }else{
                $loginBtn.closest(".links__link-variant").classList.remove('d-none');
            }
        } 
        if (url.includes('particulares') && menuUserBtnParticulares) {                 
            menuUserBtnParticulares.classList.remove('d-none')  
            $mainNavigationMenuMobile.classList.remove('d-none');           
        }
        if (url.includes('autonomos-y-empresas') && menuUserBtnParticulares) {                 
            menuUserBtnParticulares.classList.remove('d-none')  
            $mainNavigationMenuMobile.classList.remove('d-none');
        }
    },
    adjustUserButtonPosition: () =>{
        var storeMessageComponent = document.querySelector('.store-message-component.show');
        var userButtonContainer = document.querySelector('.menu-component .menu__primary__userbtn-container');
        if (window.matchMedia('(max-width: 768px)').matches) {
            if (userButtonContainer) {
                if (storeMessageComponent) {
                    userButtonContainer.style.bottom = '56px';
                } 
            }
        }
        
    },
    updateSearchUrl: ()=>{
        var headerSearchBlock = document.querySelector('.header-search-2024 .block-search');
        var urlSearch2024 = '';

        if (headerSearchBlock) {            
            urlSearch2024 = headerSearchBlock.getAttribute('data-url-search');
        }        
        var menuSearchBlock = document.querySelector('.menu-search-2024 .block-search');
        if (menuSearchBlock && urlSearch2024) {            
            menuSearchBlock.setAttribute('data-url-search', urlSearch2024);
        }
    },
    setTabPosition: ()=>{
        const storeMessageComponent = document.querySelector('.store-message-component.show');
        const tabMenuElements = document.querySelectorAll('.tab-menu:not(.menu-main)');
        const menuMobile = document.querySelector('.menu-v2 .menu-component');        
        tabMenuElements.forEach((element) => {
            if (storeMessageComponent) {
                element.classList.add('tab-menu-store-message');
                menuMobile.classList.add('tab-menu-store-message');
            } else {
                element.classList.remove('tab-menu-store-message');
                menuMobile.classList.remove('tab-menu-store-message');
            }
        }); 
    },    
    setMaxHeight: () =>{
        const menuMobile = document.querySelector(`${RepsolHeaderMenuMobile.component}`);
        const storeMessageComponent = document.querySelector('.store-message-component.show');
        if(menuMobile){
            const btnsContainer = menuMobile.querySelector('.menu__primary__userbtn-container');
            let btnsContainerHeight = btnsContainer ? btnsContainer.offsetHeight : 0;            
            document.documentElement.style.setProperty('--heightBtnsContainerMenuMobile', `${btnsContainerHeight}px`);

            let headerHeight = getComputedStyle(document.documentElement).getPropertyValue('--headerHeight');
            if(headerHeight){
               headerHeight = headerHeight.replace('px', '')
            } 

            const headerContainerHeight = document.querySelector('header').offsetHeight;
            const headerHeightDiff = (headerContainerHeight - headerHeight) > 0 ? headerContainerHeight - headerHeight : 0;
            headerHeight = parseFloat(headerHeight) + headerHeightDiff;
            if(storeMessageComponent){
                let storeMessageComponentHeight = storeMessageComponent.offsetHeight;   
                const headerStoreMessageHeight =  parseFloat(headerHeight) + storeMessageComponentHeight;
                document.documentElement.style.setProperty('--headerStoreMessageHeight', `${headerStoreMessageHeight}px`);
            }else{
                document.documentElement.style.setProperty('--headerStoreMessageHeight', `${headerHeight}px`);

            }
        }
    }
}    

document.addEventListener('DOMContentLoaded', () => {   
    RepsolHeaderMenuMobile.init()   
});
// $(window).resize(function(){
//     if ($(window).width() <= 1024 && document.querySelector(".menu-v2.carousel").closest('.header') != undefined) {
//         let menuComponent = document.querySelector(`${RepsolHeaderMenuMobile.component}`);
//         menuComponent.classList.remove("animated-to-right");
//         menuComponent.classList.remove("animated-to-middle");
//         menuComponent.classList.add("right");
//         let hamburger = document.querySelector(".js-hamburger");
//         hamburger.classList.remove("is-active");
//         $('.header-ecom').find(".header-call-button, .header-user, .header-store, .header-search-button").removeClass("d-none");
//         RepsolHeaderMenuMobile.initPosition();
//         RepsolHeaderMenuMobile.setTabSize(true, false);
//     }
// });