/* =============================================
   RENDERON — RESEARCH SUPPLEMENT
   ============================================= */

.nav-link--active {
  color: var(--white) !important;
}

.sidebar-empty {
  padding: 20px 28px;
}

.sidebar-empty p {
  font-size: 0.75rem;
  color: var(--grey-600);
  font-weight: 300;
}

/* Mobile nav open state */
@media (max-width: 768px) {
  .nav-links--open {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    position: fixed;
    top: var(--nav-h);
    left: 0;
    right: 0;
    background: var(--black);
    border-bottom: 1px solid var(--border);
    padding: 16px 24px 24px;
    z-index: 99;
  }

  .nav-links--open .nav-link {
    padding: 12px 0;
    font-size: 1rem;
    border-bottom: 1px solid var(--border);
    width: 100%;
  }

  .nav-links--open .btn-primary {
    margin-top: 16px;
    width: 100%;
    justify-content: center;
  }
}

/* Fade-up animation */
.fade-up {
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 400ms ease, transform 400ms ease;
}

.fade-up.visible {
  opacity: 1;
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .fade-up {
    opacity: 1;
    transform: none;
  }
}