/* Phone menu (☰), shared by index.html and contact.html.
   Only shown below 1024px, where the desktop nav is hidden. */

/* Groups the ☰ button and the round WhatsApp icon in the phone header */
.m-actions{display:flex;align-items:center;gap:10px}

/* ☰ and ✕ buttons */
.menu-btn,.menu-close{
  width:44px;height:44px;display:grid;place-items:center;
  border:1px solid #e6edf6;border-radius:12px;background:#fff;color:#0b1f3a;cursor:pointer;padding:0
}
.menu-btn svg,.menu-close svg{width:22px;height:22px}

/* Full-screen panel that opens over the page */
.site-menu{position:fixed;inset:0;z-index:100;background:#fff;overflow-y:auto;
  padding-bottom:env(safe-area-inset-bottom,0px)}
.site-menu[hidden]{display:none}
.site-menu__bar{display:flex;align-items:center;justify-content:space-between;
  padding:14px 20px;padding-top:calc(14px + env(safe-area-inset-top,0px));border-bottom:1px solid #edf1f6}
.site-menu__bar img{height:36px;display:block}
.site-menu nav{display:grid;padding:8px 20px 0}
.site-menu nav a{display:flex;align-items:center;justify-content:space-between;
  padding:17px 4px;border-bottom:1px solid #edf1f6;
  font:600 18px Outfit,system-ui,sans-serif;color:#0b1f3a;text-decoration:none}
.site-menu nav a svg{width:18px;height:18px;color:#9db0c7}
.site-menu nav a[aria-current="page"]{color:#0d7ff2}
.site-menu__wa{display:flex;align-items:center;justify-content:center;gap:10px;
  margin:22px 20px 24px;padding:16px;border-radius:16px;background:#25d366;color:#fff;
  font:700 16px Outfit,system-ui,sans-serif;text-decoration:none}
.site-menu__wa svg{width:20px;height:20px}

/* Stops the page behind the menu from scrolling while it is open */
html.menu-open{overflow:hidden}