/* ========================================================================== Hamburger Menu — structural styles. Fallback values here only apply if Elementor's Style-tab controls haven't set anything yet. Real values are injected live per-instance. ========================================================================== */ .hb-menu-wrap { position: relative; display: inline-block; --hb-thickness: 1px; --hb-gap: 8px; --hb-speed: 300ms; } /* ---------- Icon button (kept 1:1 square, never overflows) ---------- */ .hb-toggle { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; aspect-ratio: 1 / 1; margin: 0; padding: 0; cursor: pointer; overflow: hidden; /* hard safety net: nothing can ever visually spill outside the box */ z-index: 1000000; /* stays clickable above the full-screen panel when open */ /* Hard reset so the host theme's default