/* Navigation dropdown */
.nav-dropdown { position: relative; display: inline-block; }
.drop-trigger { cursor: pointer; }
.drop-menu {
  display: none; position: absolute; top: 100%; left: 0;
  background: var(--white); border: 1px solid var(--gray-200);
  border-radius: var(--radius); min-width: 220px; padding: 0.5rem 0;
  box-shadow: 0 4px 20px rgba(0,0,0,0.1); z-index: 200;
}
.drop-menu a {
  display: block; padding: 0.5rem 1rem; font-size: 0.85rem; color: var(--gray-800);
}
.drop-menu a:hover { background: var(--gray-100); color: var(--green); text-decoration: none; }
.nav-dropdown:hover .drop-menu { display: block; }

/* Mobile nav */
.nav-toggle { display: none; background: none; border: none; font-size: 1.5rem; cursor: pointer; padding: 0; color: var(--gray-800); }
.nav-mobile {
  display: none; flex-direction: column; padding: 0 1.5rem 1rem;
}
.nav-mobile a { padding: 0.5rem 0; color: var(--gray-800); font-size: 0.9rem; border-bottom: 1px solid var(--gray-200); }
.nav-mobile a:last-child { border-bottom: none; }
.nav-mobile.open { display: flex; }

@media (max-width: 768px) {
  .nav-links { display: none; }
  .nav-toggle { display: block; }
  .drop-menu { position: static; box-shadow: none; border: none; padding-left: 1rem; }
  .nav-dropdown:hover .drop-menu { display: none; }
  .nav-mobile.open .drop-menu { display: block; }
}