.nav-item--dropdown { position: relative; }
.nav-link--parent { display: flex; align-items: center; gap: 0.35rem; position: relative; }
.nav-chevron { display: inline-block; width: 6px; height: 6px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: rotate(45deg); transition: transform 0.2s ease; margin-left: 0.25rem; flex-shrink: 0; }
.nav-link--parent[aria-expanded="true"] .nav-chevron { transform: rotate(-135deg); }
.nav-dropdown { position: absolute; top: 100%; left: 0; background: #fff; border: 1px solid #ddd; border-radius: 6px; list-style: none; min-width: 200px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); padding: 0.5rem 0; opacity: 0; visibility: hidden; transform: translateY(-10px); transition: opacity 0.2s ease, visibility 0.2s ease, transform 0.2s ease; z-index: 50; margin: 0; }
.nav-dropdown--visible { opacity: 1; visibility: visible; transform: translateY(0); }
.nav-dropdown-item { list-style: none; margin: 0; padding: 0; }
.nav-dropdown-link { display: block; padding: 0.6rem 1.2rem; color: #000; text-decoration: none; font-size: 0.95rem; transition: background 0.2s, color 0.2s; white-space: nowrap; }
.nav-dropdown-link:hover, .nav-dropdown-link:focus { background: #f5f5f5; color: #1c5daf; outline: none; }
.nav-dropdown-link.active { background: #006935; color: #fff; font-weight: 600; }
@media(max-width: 768px) { .nav-dropdown { position: static; opacity: 0; visibility: hidden; max-height: 0; overflow: hidden; background: #f9f9f9; border: none; border-top: 1px solid #ddd; border-radius: 0; box-shadow: none; margin: 0; padding: 0; transform: none; } .nav-dropdown--visible { opacity: 1; visibility: visible; max-height: 500px; padding: 0.5rem 0; transform: none; } .nav-dropdown-link { padding: 0.5rem 1.5rem; } .nav-chevron { width: 5px; height: 5px; } .nav-link--parent[aria-expanded="true"] .nav-chevron { transform: rotate(-135deg); } }