.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* Hide the default Elementor icon markup */
.burger-menu .elementor-icon i,
.burger-menu .elementor-icon svg {
  display: none !important;
}

/* Container for the custom burger/X icon */
.burger-menu .elementor-icon {
  width: 50px !important;
  height: 40px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  cursor: pointer;
  color: #918f90;
}

/* Base styles for both pseudo-lines */
.burger-menu .elementor-icon::before,
.burger-menu .elementor-icon::after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 3.3px;
  background: currentColor;
  pointer-events: none;
  transition: transform 0.8s ease,
              top      0.8s ease,
              opacity  0.8s ease,
              box-shadow 0.8s ease;
  transform-origin: center center;
}

/* Top + bottom lines (initial hamburger) */
.burger-menu .elementor-icon::before {
  transform: translate(-50%, -50%);
  box-shadow:
    0 -10px 0 currentColor,
    0  10px 0 currentColor;
}

/* Middle line (hidden initially) */
.burger-menu .elementor-icon::after {
  opacity: 0;
  transform: translate(-50%, -50%);
}

/* Active state → “X” */
.burger-menu.active .elementor-icon::before {
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  box-shadow: none;
}
.burger-menu.active .elementor-icon::after {
  opacity: 1;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* Hover effect: fade *only* the visible lines to 0.4 */
/* – before() always exists, after() only in .active state */
.burger-menu:hover .elementor-icon::before,
.burger-menu.active:hover .elementor-icon::after {
  opacity: 0.4 !important;
}

/* BUTTONS BOUNCE*/

/* 1) Define the keyframes for the press animation */
@keyframes press-once {
  0%   { transform: scale(1); }
  50%  { transform: scale(0.9); }
  100% { transform: scale(1); }
}

/* 2) Prep all Elementor buttons to use CSS animations from their center */
.bbutton {
  transform-origin: center center;
  will-change: transform;
}

/* 3) On hover, play the press-once animation just one time */
.bbutton:hover {
  animation: press-once 0.3s ease-out 0s 1 both;
}


document.addEventListener('DOMContentLoaded', function() {
    // Get both headers
    const header = document.querySelector('.main-header');
    const secondHeader = document.querySelector('.second-header');
    
    // Exit if no headers found
    if (!header && !secondHeader) return;
    
    // Scroll threshold
    const scrollThreshold = 120;
    
    // Throttle function for better performance
    function throttle(func, limit) {
        let inThrottle;
        return function() {
            const args = arguments;
            const context = this;
            if (!inThrottle) {
                func.apply(context, args);
                inThrottle = true;
                setTimeout(() => inThrottle = false, limit);
            }
        }
    }
    
    // Handle scroll for both headers
    function handleScroll() {
        const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
        
        if (scrollTop > scrollThreshold) {
            // Add scrolled class to both headers
            if (header) header.classList.add('scrolled');
            if (secondHeader) secondHeader.classList.add('scrolled');
        } else {
            // Remove scrolled class from both headers
            if (header) header.classList.remove('scrolled');
            if (secondHeader) secondHeader.classList.remove('scrolled');
        }
    }
    
    // Add scroll listener with throttling
    window.addEventListener('scroll', throttle(handleScroll, 16));
    
    // Initial check
    handleScroll();
    
    // Handle window resize
    window.addEventListener('resize', throttle(handleScroll, 100));
});


/* 1) Hide all UAEL submenu-toggle icons in your langmenu */
.langmenu .trp-language-switcher-container 
  .uael-has-submenu-container .uael-menu-toggle,
.langmenu .trp-language-switcher-container 
  .uael-has-submenu-container .sub-arrow,
.langmenu .trp-language-switcher-container 
  .uael-has-submenu-container .uael-menu-toggle i {
  display: none !important;
  visibility: hidden !important;
}

/* 2) Also kill any pseudo-element arrows that some widgets/themes insert */
.langmenu li.menu-item-has-children > a:after {
  content: none !important;
}

/* 3) As a last resort, hide any <i> tags inside langmenu */
.langmenu i {
  display: none !important;
}/* End custom CSS */