/* ---------------------------------------------------------------------------
 * Shared responsive chrome — enqueued on EVERY page after the per-template CSS.
 * Adds the mobile navigation toggle and fixes the header/footer layout on
 * small screens. Selectors are scoped (nav .x / footer .x) so they win
 * regardless of stylesheet load order.
 * ------------------------------------------------------------------------- */

/* The toggle checkbox is taken out of flow and visually hidden, but stays
   operable (the burger <label> toggles it; it remains keyboard-focusable). */
.pv-nav-toggle{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden}

/* Hamburger is hidden on desktop; the inline nav links show normally. */
.pv-nav-burger{display:none}

@media (max-width:760px){

	/* Tighter side gutters on phones (desktop .wrap padding is 48px). */
	.wrap{padding-left:24px;padding-right:24px}

	/* ---------- Header / primary navigation ---------- */
	nav .nav-in{flex-wrap:wrap;gap:0;row-gap:0}

	.pv-nav-burger{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:5px;width:44px;height:44px;margin:-10px -8px -10px 0;cursor:pointer}
	.pv-nav-burger span{display:block;width:24px;height:2px;background:#161556;transition:transform .2s ease,opacity .2s ease}

	/* Burger morphs into an X when the menu is open. */
	nav .pv-nav-toggle:checked ~ .pv-nav-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
	nav .pv-nav-toggle:checked ~ .pv-nav-burger span:nth-child(2){opacity:0}
	nav .pv-nav-toggle:checked ~ .pv-nav-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

	/* Links collapse into a full-width dropdown, revealed on toggle. */
	nav .nav-links{display:none;flex-basis:100%;width:100%;flex-direction:column;align-items:stretch;gap:0;margin-top:14px}
	nav .pv-nav-toggle:checked ~ .nav-links{display:flex}
	nav .nav-links a{font-size:15px;padding:14px 2px;border-top:1px solid rgba(22,21,86,0.10)}
	nav .nav-links a.nav-cta{margin-top:14px;border:1px solid rgba(22,21,86,0.5);padding:13px 0;text-align:center;font-size:11px}

	/* ---------- Footer ---------- */
	footer .footer-top{flex-direction:column;align-items:flex-start;gap:18px}
	footer .footer-nav{flex-wrap:wrap;gap:14px 22px}
	footer .footer-bottom{flex-direction:column;align-items:flex-start;gap:12px}
	footer .footer-meta{flex-wrap:wrap;gap:14px 20px}
}