/* ===== Desktop nav dropdown (Trail Guides) ===== */
.nav-drop{position:relative;display:flex;align-items:stretch}
.nav-drop-trigger{display:inline-flex!important;align-items:center;gap:6px}
.nav-drop .caret{display:inline-block;font-size:.58rem;line-height:1;transition:transform .18s ease}
.nav-drop.open .caret{transform:rotate(180deg)}
.nav-drop-panel{
  position:absolute;top:100%;left:50%;
  transform:translate(-50%,8px);
  min-width:280px;
  padding:14px 6px 6px; /* transparent top strip = hover bridge, mouse never leaves the menu crossing down */
  opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s;
  z-index:70;
}
.nav-drop.open .nav-drop-panel,.nav-drop:focus-within .nav-drop-panel{
  opacity:1;visibility:visible;pointer-events:auto;
  transform:translate(-50%,0);
  transition:opacity .18s ease,transform .18s ease;
}
.nav-drop-card{
  background:var(--card);border:1px solid var(--line);border-radius:12px;
  box-shadow:0 18px 44px rgba(43,36,20,.22);
  padding:6px;overflow:hidden;
}
.nav-drop-panel a{
  display:flex;flex-direction:column;gap:1px;
  padding:9px 12px;border-radius:8px;
  font-family:var(--font-body);font-weight:600;font-size:.94rem;
  text-transform:none;letter-spacing:0;color:var(--ink);
}
.nav-drop-panel a small{font-weight:400;font-size:.79rem;color:var(--muted)}
.nav-drop-panel a:hover,.nav-drop-panel a:focus{background:rgba(216,248,8,.16);color:var(--ink);text-decoration:none}
@media(max-width:719px){.nav-drop-panel{display:none}}