/* Shared by the sub-pages (support, privacy, terms, delete-account, food-alerts, news). Loaded AFTER each page's own
   <style>, so it overrides it. 11 Oct 2026: the home page's top menu on every sub-page, and readable links. */

/* ---------- top menu (same look as the home page) ---------- */
.topbar { position: sticky; top: 0; z-index: 50; background: rgba(255,255,255,0.86);
  -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px);
  border-bottom: 1px solid rgba(0,0,0,0.08); }
.topbar .in { max-width: 980px; margin: 0 auto; padding: 0 16px; display: flex; align-items: center;
  justify-content: space-between; height: 52px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
.topbar .brand { display: flex; align-items: center; gap: 10px; color: #1d1d1f; text-decoration: none; font-weight: 600; font-size: 17px; }
.topbar .brand img { width: 28px; height: 28px; border-radius: 7px; }
.topbar nav { display: flex; align-items: center; gap: 22px; font-size: 14px; }
.topbar nav a { color: #1d1d1f; text-decoration: none; font-weight: 400; opacity: 0.85; }
.topbar nav a:hover { opacity: 1; text-decoration: none; }
.topbar nav a[aria-current="page"] { opacity: 1; font-weight: 600; }
.topbar .pill { display: inline-block; font-size: 13px; font-weight: 600; padding: 6px 12px; border-radius: 999px;
  background: #B71C1C; color: #fff !important; opacity: 1 !important; }
@media (max-width: 800px) {
  .topbar .in { position: relative; flex-wrap: wrap; height: auto; padding-top: 10px; }
  .topbar .brand { height: 32px; }
  .topbar nav { order: 3; width: 100%; gap: 20px; overflow-x: auto; white-space: nowrap; padding: 8px 0 10px;
    scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .topbar nav::-webkit-scrollbar { display: none; }
  .topbar nav a { flex: none; }
  .topbar nav .pill { position: absolute; right: 16px; top: 12px; }
}
/* The big logo under the menu is redundant once the menu shows the brand. */
.wrap > header .cr-mark { display: none; }

/* ---------- readable links ---------- */
.wrap a:not(.cta) { color: #B71C1C; text-decoration: underline; text-underline-offset: 3px;
  text-decoration-thickness: 1px; }
.wrap a:not(.cta):hover { text-decoration-thickness: 2px; }