﻿.nav{
  border-bottom-color:rgba(11,22,32,.07);
  box-shadow:0 14px 38px rgba(11,22,32,.035);
}
.nav-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.18rem;
  width:max-content;
  max-width:100%;
  justify-self:center;
  padding:.3rem;
  border:1px solid rgba(11,22,32,.08);
  border-radius:999px;
  background:linear-gradient(135deg, rgba(247,250,251,.94), rgba(255,255,255,.82));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 18px 42px rgba(11,22,32,.055);
}
.nav-links > a,
.nav-dropdown summary{
  min-height:38px;
  border-radius:999px;
  transition:background 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms cubic-bezier(.2,.75,.2,1);
}
.nav-links > a{
  display:inline-flex;
  align-items:center;
  padding:.58rem .88rem;
  color:rgba(11,22,32,.78);
  font-size:.92rem;
  font-weight:900;
  line-height:1;
}
.nav-links > a:hover,
.nav-links > a:focus-visible,
.nav-dropdown[open] summary,
.nav-dropdown summary:hover,
.nav-dropdown summary:focus-visible{
  color:var(--ami-deep, #0B1620);
  background:#fff;
  box-shadow:0 10px 24px rgba(11,22,32,.08), inset 0 0 0 1px rgba(79,166,59,.16);
  transform:translateY(-1px);
}
body.service-page .nav-dropdown-services summary,
body[data-industry] .nav-dropdown-industries summary,
body.service-area-page .nav-dropdown-areas summary,
body[data-city] .nav-dropdown-areas summary{
  color:var(--ami-green, #4FA63B);
  background:rgba(79,166,59,.1);
  box-shadow:inset 0 0 0 1px rgba(79,166,59,.18);
}
.nav-dropdown{
  position:relative;
  display:inline-flex;
  align-items:center;
  font:inherit;
}
.nav-dropdown summary{
  display:inline-flex;
  align-items:center;
  gap:.46rem;
  list-style:none;
  cursor:pointer;
  padding:.58rem .82rem .58rem .92rem;
  color:rgba(11,22,32,.78);
  font:inherit;
  font-size:.92rem;
  font-weight:900;
  line-height:1;
  user-select:none;
}
.nav-dropdown summary::-webkit-details-marker{display:none}
.nav-dropdown summary:after{
  content:"";
  width:.46rem;
  height:.46rem;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:translateY(-.1rem) rotate(45deg);
  transition:transform 180ms cubic-bezier(.2,.75,.2,1);
}
.nav-dropdown[open] summary:after{
  transform:translateY(.1rem) rotate(225deg);
}
.nav-menu{
  position:absolute;
  top:calc(100% + .7rem);
  left:50%;
  z-index:80;
  display:grid;
  grid-template-columns:repeat(2,minmax(155px,1fr));
  gap:.35rem;
  width:min(420px, calc(100vw - 2rem));
  padding:.8rem;
  border:1px solid rgba(11,22,32,.12);
  border-radius:18px;
  background:rgba(255,255,255,.96);
  box-shadow:0 24px 58px rgba(11,22,32,.18);
  backdrop-filter:blur(18px);
  transform:translate(-50%, -4px);
}
.nav-menu-services,
.nav-menu-industries{
  width:min(470px, calc(100vw - 2rem));
}
.nav-menu:before{
  content:"";
  position:absolute;
  left:50%;
  top:-7px;
  width:14px;
  height:14px;
  border-left:1px solid rgba(11,22,32,.12);
  border-top:1px solid rgba(11,22,32,.12);
  background:rgba(255,255,255,.96);
  transform:translateX(-50%) rotate(45deg);
}
.nav-menu a,
.nav-links .nav-menu a{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:38px;
  padding:.58rem .68rem;
  border:1px solid rgba(11,22,32,.08);
  border-radius:12px;
  background:linear-gradient(135deg, rgba(247,250,251,.92), rgba(255,255,255,.72));
  color:rgba(11,22,32,.82);
  font-size:.84rem;
  font-weight:900;
  line-height:1.12;
  text-decoration:none;
  transition:transform 180ms cubic-bezier(.2,.75,.2,1), border-color 180ms ease, background 180ms ease, color 180ms ease;
}
.nav-menu a:first-child{
  grid-column:1 / -1;
  background:linear-gradient(135deg, rgba(79,166,59,.13), rgba(123,212,94,.08));
  color:var(--ami-deep, #0B1620);
}
.nav-menu a:after{
  content:"";
  width:.42rem;
  height:.42rem;
  border-right:2px solid currentColor;
  border-top:2px solid currentColor;
  transform:rotate(45deg);
  opacity:.58;
}
.nav-menu a:hover,
.nav-menu a:focus-visible{
  color:var(--ami-green, #4FA63B);
  border-color:rgba(79,166,59,.32);
  background:#fff;
  transform:translateY(-2px);
}
.nav-menu a:focus-visible,
.nav-dropdown summary:focus-visible{
  outline:3px solid rgba(123,212,94,.55);
  outline-offset:3px;
}
@media (max-width:700px){
  .nav-links{
    grid-column:1 / -1;
    width:100%;
    justify-self:stretch;
    justify-content:flex-start;
    flex-wrap:wrap;
    border-radius:20px;
  }
  .nav-links > a,
  .nav-dropdown summary{
    min-height:36px;
    padding:.55rem .72rem;
    font-size:.88rem;
  }
  .nav-dropdown{position:static}
  .nav-dropdown[open]{grid-column:1 / -1}
  .nav-menu{
    left:0;
    right:0;
    top:calc(100% + .5rem);
    width:100%;
    grid-template-columns:1fr;
    transform:none;
    max-height:52vh;
    overflow:auto;
  }
  .nav-menu:before{display:none}
}
