document.addEventListener("DOMContentLoaded", function (){
const header=document.querySelector("header.wp-block-template-part");
if(!header) return;
function toggleSticky(){
if(window.scrollY > 20){
header.classList.add("is-sticky");
}else{
header.classList.remove("is-sticky");
}}
window.addEventListener("scroll", toggleSticky);
toggleSticky();
});
document.addEventListener('DOMContentLoaded', function (){
const popup=document.querySelector('.measure-table');
const openBtn=document.querySelector('.open-measure-table');
if(!popup||!openBtn) return;
let wrapper=null;
let closeBtn=null;
let isBuilt=false;
function buildPopup(){
if(isBuilt) return;
wrapper=document.createElement('div');
wrapper.className='measure-table-popup';
popup.parentNode.insertBefore(wrapper, popup);
wrapper.appendChild(popup);
closeBtn=popup.querySelector('.measure-table-close');
if(!closeBtn){
closeBtn=document.createElement('button');
closeBtn.type='button';
closeBtn.className='measure-table-close';
closeBtn.setAttribute('aria-label', 'Bezárás');
closeBtn.innerHTML='×';
popup.insertBefore(closeBtn, popup.firstChild);
}
closeBtn.addEventListener('click', closePopup);
wrapper.addEventListener('click', function (e){
if(e.target===wrapper){
closePopup();
}});
document.addEventListener('keydown', function (e){
if(e.key==='Escape'){
closePopup();
}});
isBuilt=true;
}
function openPopup(e){
e.preventDefault();
buildPopup();
wrapper.classList.add('is-open');
document.body.classList.add('measure-table-open');
}
function closePopup(){
if(!wrapper) return;
wrapper.classList.remove('is-open');
document.body.classList.remove('measure-table-open');
}
openBtn.addEventListener('click', openPopup);
});