/* NAVBAR: Services dropdown (shared by home + inner pages) */
.nav-links{align-self:stretch}
.nav-item{position:relative}
.nav-links .nav-parent{display:inline-flex;align-items:center;gap:7px}
.nav-links .nav-parent.is-active{color:var(--primary)}
.nav-caret{width:7px;height:7px;flex-shrink:0;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-1px,-1px);transition:transform .25s ease}

.dd ul{margin:0;padding:0;list-style:none}
.nav-links .dd-cat-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;color:var(--text);font-size:.95rem;font-weight:700;line-height:1.3}

.dd-name{flex:1}
.dd-arrow{width:7px;height:7px;flex-shrink:0;border-right:2px solid var(--text-muted);border-top:2px solid var(--text-muted);transform:rotate(45deg)}
.nav-links .dd-sub a{display:block;padding:9px 12px;border-radius:9px;color:var(--text-secondary);font-size:.88rem;font-weight:500;line-height:1.4}
.nav-links .dd-sub a:hover{background:var(--primary-light);color:var(--primary)}
.nav-links .dd-all a{color:var(--primary);font-weight:700}

/* ---------- Desktop ---------- */
@media (min-width:761px){
  .nav-item{display:flex;align-items:center;align-self:stretch}

  .dd{position:absolute;top:100%;left:-16px;width:280px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;box-shadow:0 24px 60px rgba(30,25,80,.14);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .25s cubic-bezier(.16,1,.3,1),visibility 0s linear .25s}
  .nav-item:hover>.dd,.nav-item:focus-within>.dd,.nav-item.is-open>.dd{opacity:1;visibility:visible;transform:none;transition-delay:0s}
  .nav-item:hover .nav-parent{color:var(--primary)}
  .nav-item:hover .nav-caret,.nav-item.is-open .nav-caret{transform:rotate(225deg) translate(-1px,-1px)}

  .dd-sub{position:absolute;top:0;left:100%;min-width:290px;margin-left:-1px;padding:10px;border:1px solid var(--border);border-radius:var(--radius-md);background:#fff;box-shadow:0 24px 60px rgba(30,25,80,.14);opacity:0;visibility:hidden;transform:translateX(-6px);transition:opacity .18s ease,transform .22s cubic-bezier(.16,1,.3,1),visibility 0s linear .22s}
  .dd-cat:hover>.dd-sub,.dd-cat:focus-within>.dd-sub,.dd-cat.is-open>.dd-sub{opacity:1;visibility:visible;transform:none;transition-delay:0s}
  .dd-cat:hover>.dd-cat-link,.dd-cat:focus-within>.dd-cat-link,.dd-cat.is-open>.dd-cat-link{background:var(--primary-light)}
  .dd-cat:hover .dd-arrow,.dd-cat.is-open .dd-arrow{border-color:var(--primary)}
}
@media (min-width:761px) and (max-width:1000px){
  .dd{width:250px}
  .dd-sub{min-width:250px}
}
/* mouse devices: the category link itself opens its page, so the extra "All ..." row is hidden */
@media (min-width:761px) and (hover:hover){
  .dd-all{display:none}
}

/* ---------- Mobile ---------- */
@media (max-width:760px){
  .nav-item{display:block}
  .nav-links .nav-parent{display:flex;justify-content:space-between}
  .dd{display:none;padding:4px 0 8px 10px}
  .nav-item.is-open>.dd{display:block}
  .nav-item.is-open .nav-caret{transform:rotate(225deg) translate(-1px,-1px)}
  .nav-links .dd a{border-bottom:0;padding:11px 8px}
  .nav-links .dd-cat-link{padding:10px 8px}
  .dd-arrow{transform:rotate(135deg)}
  .dd-cat.is-open .dd-arrow{transform:rotate(-45deg)}
    .dd-sub{display:none;padding:0 0 6px 16px}
  .dd-cat.is-open>.dd-sub{display:block}
  .nav-links .dd-sub a{padding:9px 8px;font-size:.9rem}
}

@media (prefers-reduced-motion:reduce){
  .dd,.dd-sub,.nav-caret{transition:none!important}
}
.nav-links a.is-active{color:var(--primary)}
.logo img{display:block;width:auto;height:38px}
@media (max-width:760px){.logo img{height:32px}}