/* Services dropdown — additional stylesheet, preserves existing styles.css */
.nav-dropdown { position: relative; }
.dropdown-toggle { display: inline-flex; align-items: center; gap: 7px; padding: 10px 0; background: transparent; border: 0; color: var(--muted, #9aadc5); font: inherit; font-size: 14px; cursor: pointer; }
.dropdown-toggle:hover, .dropdown-toggle:focus-visible, .dropdown-toggle[aria-expanded="true"] { color: var(--accent, #fa6025); }
.dropdown-arrow { display: inline-block; transition: transform .2s ease; }
.dropdown-toggle[aria-expanded="true"] .dropdown-arrow { transform: rotate(180deg); }
.dropdown-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 100; min-width: 190px; padding: 8px; background: var(--surface, #111f33); border: 1px solid #33465c; border-radius: 10px; box-shadow: 0 12px 30px rgba(0,0,0,.35); }
.nav-dropdown.open .dropdown-menu { display: flex; flex-direction: column; gap: 2px; }
.dropdown-menu a { display: block; padding: 10px 12px; border-radius: 6px; color: var(--text, #edf5ff); text-decoration: none; white-space: nowrap; }
.dropdown-menu a:hover, .dropdown-menu a:focus-visible, .dropdown-menu a[aria-current="page"] { background: rgba(250,96,37,.12); color: var(--accent, #fa6025); }
@media (max-width: 750px) { .dropdown-menu { position: static; margin-top: 4px; box-shadow: none; } }