/* Homepage menu button (owner request 2026-11-06).
   On wide screens the full top menu used to load open across three rows.
   It now stays folded behind a "Menu" button and opens, unchanged, when the
   visitor presses it. Phones keep the existing drawer from cain42.css.
   Loaded on the homepages of all three sites. */
@media (min-width: 861px) {
  .c42-top .c42-nav { display: none; }

  .c42-top .c42-actions { margin-left: auto; }

  .c42-top .c42-burger {
    display: inline-flex; align-items: center; gap: 8px; order: 5;
    font-size: 15px; font-weight: 700; line-height: 1; padding: 9px 14px;
    cursor: pointer; color: var(--text); user-select: none;
    border: 1px solid var(--line-strong, #3a4356); border-radius: var(--radius, 10px);
    background: rgba(255, 255, 255, .03);
  }
  .c42-top .c42-burger::after { content: "Menu"; }
  .c42-top .c42-burger:hover { border-color: var(--text-dim); }

  /* Keep the checkbox focusable so keyboard users can open the menu (Tab, then Space). */
  .c42-top .c42-nav-toggle {
    display: block; position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;
    overflow: hidden; clip-path: inset(50%); white-space: nowrap; opacity: 0;
  }
  .c42-top .c42-nav-toggle:focus-visible ~ .c42-burger { outline: 2px solid var(--red); outline-offset: 2px; }
  .c42-top .c42-nav-toggle:checked ~ .c42-burger { border-color: var(--red); background: rgba(255, 59, 74, .12); }

  /* Open: the same menu as before, on its own row under the header bar. */
  .c42-top .c42-nav-toggle:checked ~ .c42-nav {
    display: flex; order: 10; flex-basis: 100%; width: 100%;
    padding: 12px 0 14px; border-top: 1px solid var(--line);
  }
}