:root{--header-height:74px;--admin-bar-height:32px;--body-padding-top:5px}body.menu-active{overflow:hidden;height:100vh;position:fixed}.hamburger-trigger{background:none;border:none;cursor:pointer;padding:1rem;z-index:1001;position:relative;display:flex;flex-direction:column;gap:6px}.hamburger-bar{display:block;width:30px;height:2px;background:#333;transition:0.3s}.hamburger-trigger.active .hamburger-bar:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-trigger.active .hamburger-bar:nth-child(2){opacity:0}.hamburger-trigger.active .hamburger-bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.menu-overlay{position:fixed;top:calc(var(--header-height) + var(--admin-bar-height) + var(--body-padding-top));left:0;width:100%;height:calc(100vh - var(--header-height) - var(--admin-bar-height) - var(--body-padding-top));background:var(--wp--preset--color--base);z-index:999;transform:translateY(-100%);transition:transform 0.3s ease;padding:0;overflow-y:auto;visibility:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain}.menu-overlay.active{transform:translateY(0);visibility:visible}header{position:relative;z-index:1000;background:#fff;width:100%}#wpadminbar{position:fixed!important}.menu-overlay>div{padding:0 25px}.menu-overlay .has-global-padding{padding-left:0;padding-right:0}.menu-overlay .has-global-padding>.alignfull{margin:0}