/* Touch targets for the site's shared navbar and footer.

   STAGING SHIM. These elements (.navbar1_*, .footer14_*) belong to Webflow's
   global navbar and footer components, which render on every page of
   lorum.com. The correct long-term fix is in those components, but changing
   them there would alter live production pages. This file is linked only from
   the -2026 staging pages, so the fix is visible for review without touching
   anything live. Delete it once the components carry their own minimums.

   The hit area is expanded with a pseudo-element rather than by resizing the
   elements, so nothing in the navbar or footer moves. All five targets were
   checked first: none has an existing ::before/::after to clobber, and all
   have overflow: visible so the expanded area is not clipped.

   Measured at 390px before writing this:
     .navbar1_logo-link      105x24  -> 105x44
     .navbar1_menu-button     34x32  ->  44x44
     .footer14_link          154x31  -> 154x44   (37px pitch, 6px gap)
     .footer14_logo-link     124x25  -> 124x44
     .footer14_social-link    24x24  ->  44x44   (single element, no neighbour)

   Note on the footer links: at a 37px pitch a 44px target overlaps its
   neighbour by ~7px. That band falls in the dead space between links and
   resolves to the nearer one, which is the behaviour a reader already gets
   there. Widening the pitch instead would make the shared footer taller on
   these pages only, which is a worse trade for a review build. */

@media (max-width: 767px) {
  .navbar1_logo-link,
  .navbar1_menu-button,
  .footer14_link,
  .footer14_logo-link,
  .footer14_social-link { position: relative; }

  .navbar1_logo-link::after,
  .navbar1_menu-button::after,
  .footer14_link::after,
  .footer14_logo-link::after,
  .footer14_social-link::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: max(100%, 44px);
    height: max(100%, 44px);
  }
}