/*
  Motion layer for directory v2. Keep this subtle and easy to disable.
*/

@media (prefers-reduced-motion: no-preference) {
  .directory-page--v2.directory-page-shell > .directory-hero,
  .directory-page--v2 .directory-hero-panel,
  .directory-page--v2 .directory-sidebar-card,
  .directory-page--v2 .directory-info-card,
  .directory-page--v2 .directory-empty-state,
  .directory-page--v2 .directory-faq-item,
  .directory-page--v2 .directory-faq-toggle,
  .directory-page--v2 .directory-sidebar-link,
  .directory-page--v2 .trader-card-modern,
  .directory-page--v2 .trader-card-btn-call,
  .directory-page--v2 .trader-card-btn-quote,
  .directory-page--v2 .trader-card-btn-profile,
  .directory-page--v2 .trader-card-name-link {
    transition:
      transform  ,
      box-shadow  ,
      border-color  ,
      background-color  ,
      color  ;
  }

  .directory-page--v2 .directory-hero-panel:hover,
  .directory-page--v2 .directory-info-card:hover,
  .directory-page--v2 .directory-empty-state:hover,
  .directory-page--v2 .trader-card-modern:hover {
    box-shadow: ;
    transform: translateY(-3px);
  }

  .directory-page--v2 .directory-faq-item:hover {
    box-shadow: 0 16px 30px rgba(20, 35, 50, 0.08);
  }

  .directory-page--v2 .directory-sidebar-link:hover {
    transform: translateX(3px);
  }

  .directory-page--v2 .directory-faq-item[open] .directory-faq-toggle {
    transform: rotate(45deg);
  }

  .directory-page--v2 .trader-card-btn-call:hover,
  .directory-page--v2 .trader-card-btn-quote:hover,
  .directory-page--v2 .trader-card-btn-profile:hover {
    transform: translateY(-2px);
  }

  .directory-page--v2 .trader-card-name-link:hover {
    color: ;
  }
}

@media (prefers-reduced-motion: reduce) {
  .directory-page--v2 .directory-faq-toggle {
    transform: none !important;
  }
}