/* Main menu (31 Oct 2026): Home, Find a dentist, Locations, For practices. Investors is a footer link only.
 * Same markup on every page (scripts/apply-nav.mjs). Below 720px the links fold into a "Menu" button (CSS only, no script). */
.fad-menu { position: relative; display: flex; align-items: center; }
.fad-menu .fad-menu-t { display: none; }
.fad-menu .fad-menu-b { display: none; }
.fad-menu .fad-menu-l { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: nowrap; gap: 2px 4px; align-items: center; }
.fad-menu .fad-menu-l li { margin: 0; padding: 0; }
.fad-menu .fad-menu-l a { display: block; color: #fff; text-decoration: none; font: 600 14px/1.2 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif; padding: 9px 11px; border-radius: 8px; white-space: nowrap; background: none; }
.fad-menu .fad-menu-l a:hover { background: rgba(255,255,255,.14); color: #fff; text-decoration: none; }
.fad-menu .fad-menu-l a[aria-current="page"] { background: rgba(255,255,255,.16); color: #fff; box-shadow: inset 0 -2px 0 #98DBF8; }
.fad-menu .fad-menu-l a:focus-visible { outline: 3px solid #98DBF8; outline-offset: 2px; }
@media (max-width: 720px) {
  /* .fad-menu--plain (clinic pages: no form controls allowed) keeps the links inline and wrapping */
  .fad-menu--plain .fad-menu-l { flex-wrap: wrap; }
  .fad-menu:not(.fad-menu--plain) .fad-menu-t { display: block; position: absolute; width: 1px; height: 1px; opacity: 0; margin: 0; pointer-events: none; }
  .fad-menu:not(.fad-menu--plain) .fad-menu-b { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 14px; color: #fff; font: 600 15px/1 'Inter', system-ui, sans-serif; border: 1px solid rgba(255,255,255,.4); border-radius: 10px; cursor: pointer; user-select: none; }
  .fad-menu .fad-menu-i, .fad-menu .fad-menu-i::before, .fad-menu .fad-menu-i::after { display: block; width: 16px; height: 2px; background: #fff; border-radius: 1px; content: ''; position: relative; }
  .fad-menu .fad-menu-i::before { position: absolute; top: -5px; } .fad-menu .fad-menu-i::after { position: absolute; top: 5px; }
  .fad-menu .fad-menu-t:checked + .fad-menu-b { background: rgba(255,255,255,.16); }
  .fad-menu .fad-menu-t:focus-visible + .fad-menu-b { outline: 3px solid #98DBF8; outline-offset: 2px; }
  .fad-menu:not(.fad-menu--plain) .fad-menu-l { display: none; position: absolute; right: 0; top: calc(100% + 8px); z-index: 300; flex-direction: column; align-items: stretch; min-width: 230px; padding: 8px; background: #001030; border: 1px solid rgba(255,255,255,.18); border-radius: 12px; box-shadow: 0 14px 32px rgba(0,0,0,.4); }
  .fad-menu .fad-menu-t:checked ~ .fad-menu-l { display: flex; }
  .fad-menu:not(.fad-menu--plain) .fad-menu-l a { padding: 13px 14px; font-size: 16px; }
}
@media print { .fad-menu { display: none; } }