/* celorus.com menu layer (29 Oct 2026). Loaded after site.css on every page.
   The Solutions disclosure in the header is a plain <details>, so it opens with the keyboard (Enter or
   Space on the summary) and on touch without any script; and the wider footer that carries the
   industry and infrastructure pages. Colours, radii and shadows are tokens, as in site.css. */

/* ---------- Solutions disclosure (desktop) ---------- */
.nav-drop{position:relative}
.nav-drop>summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;color:var(--semantic-color-fg-on-inverse-muted);font-size:14px;padding:8px 12px;border-radius:var(--semantic-radius-control);transition:color var(--semantic-motion-duration-fast) var(--semantic-motion-easing-standard)}
.nav-drop>summary::-webkit-details-marker{display:none}
.nav-drop>summary::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);flex:none}
.nav-drop[open]>summary::after{transform:translateY(1px) rotate(-135deg)}
.nav-drop>summary:hover,.nav-drop[open]>summary,.nav-drop.is-current>summary{color:var(--semantic-color-fg-on-inverse)}
.nav-drop.is-current>summary{text-decoration:underline;text-decoration-color:var(--semantic-color-accent-on-inverse);text-underline-offset:6px}
.nav-panel{position:absolute;top:calc(100% + 10px);left:-12px;z-index:60;width:min(400px,calc(100vw - 2*var(--gutter)));background:var(--semantic-color-bg-inverse);border:1px solid var(--semantic-color-border-inverse-strong);border-radius:var(--semantic-radius-card);box-shadow:var(--semantic-shadow-overlay);padding:8px}
.nav-panel ul{list-style:none;margin:0;padding:0}
.nav .nav-panel a{display:block;padding:10px 12px;font-size:14px;color:var(--semantic-color-fg-on-inverse)}
.nav .nav-panel a:hover,.nav .nav-panel a:focus-visible{background:color-mix(in srgb,var(--semantic-color-fg-on-inverse) 10%,transparent)}
.nav .nav-panel a[aria-current="page"]{text-decoration:none;background:color-mix(in srgb,var(--semantic-color-fg-on-inverse) 8%,transparent)}
.nav-n{display:block;font-weight:500;font-size:15px;line-height:1.3}
.nav-l{display:block;margin-top:2px;font-size:13px;line-height:1.45;color:var(--semantic-color-fg-on-inverse-muted)}

/* ---------- inside the phone menu (site.css opens #site-nav under 900px) ---------- */
@media (max-width:899px){
  /* a long menu scrolls inside itself instead of running off the bottom of a small screen */
  .nav{max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);overflow-y:auto}
  .nav-drop>summary{justify-content:space-between;padding:12px 4px;font-size:16px}
  .nav-panel{position:static;width:auto;background:none;border:0;border-radius:0;box-shadow:none;padding:0 0 8px 12px}
  .nav .nav-panel a{padding:10px 4px}
  .nav-l{font-size:13.5px}
}

/* ---------- footer: Product and Infrastructure columns joined the three it had ---------- */
@media (min-width:800px){.foot-grid{grid-template-columns:repeat(3,1fr);gap:32px 28px}}
@media (min-width:1100px){.foot-grid{grid-template-columns:1.3fr repeat(4,1fr)}}