/* === NAVIGATION: DROPDOWN === */
.dropdown { position: relative; }
.dropdown:hover .dropdown-arrow { transform: rotate(180deg); }
.dropdown-arrow { font-size: 0.7rem; margin-left: 5px; transition: transform 0.3s ease; display: inline-block; }

.dropdown:hover .dropdown-content { opacity: 1; visibility: visible; transform: translateY(0); }
.dropdown-content {
  position: absolute; top: 100%; left: 0; min-width: 180px; padding: 10px 0; border-radius: 8px;
  opacity: 0; visibility: hidden; transform: translateY(-10px); transition: all 0.3s ease; z-index: 1000;
  background: rgba(15, 23, 32, 0.95); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}
.dropdown-link { display: block; padding: 12px 20px; color: #c9d3da; text-decoration: none; font-weight: 400; transition: all 0.3s ease; border-left: 3px solid transparent; }
.dropdown-link:hover { color: var(--color-accent); background: color-mix(in oklab, var(--color-accent) 10%, transparent); border-left-color: var(--color-accent); padding-left: 25px; }
.dropdown-link:first-child { border-radius: 8px 8px 0 0; }
.dropdown-link:last-child { border-radius: 0 0 8px 8px; }