.nav-main-row .nav-links > #restaurantPortalLink {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px;
  min-height: 46px !important;
  color: var(--ink);
  text-decoration: none;
  white-space: nowrap;
  transition: color .2s ease;
}

#restaurantPortalLink:hover,
#restaurantPortalLink:focus-visible { color: var(--accent) !important; }

#restaurantPortalLink svg {
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (max-width: 620px) {
  .nav-main-row .nav-links > #restaurantPortalLink {
    width: 32px;
    min-width: 32px;
    justify-content: center;
    gap: 0;
  }
  #restaurantPortalLink span { display: none; }
}

@media (max-width: 360px) {
  body .nav-inner { flex-wrap: wrap !important; row-gap: 0 !important; }
  body .nav-inner > .brand { flex: 1 1 100% !important; justify-content: center; }
  body .nav-main-row { flex: 1 1 100% !important; justify-content: center !important; }
  body .nav-main-row .nav-links { width: 100% !important; justify-content: space-between !important; }
  body .nav-customizer { top: 124px !important; }
  body .hero { padding-top: 205px !important; }
}