/*
 * Final route-scoped CaseCard V2 interaction polish.
 * Imported after case-card-system.css by exam and success-case route layouts.
 */

.case-card-v2 {
  border-color: #dbe4e6 !important;
  box-shadow: 0 10px 30px rgba(7, 48, 63, .055) !important;
  transition:
    transform 180ms cubic-bezier(.23,1,.32,1),
    border-color 180ms cubic-bezier(.23,1,.32,1),
    box-shadow 220ms cubic-bezier(.23,1,.32,1) !important;
}

.case-card-v2__cta {
  transition:
    transform 160ms cubic-bezier(.23,1,.32,1),
    color 160ms cubic-bezier(.23,1,.32,1),
    border-color 160ms cubic-bezier(.23,1,.32,1),
    background-color 160ms cubic-bezier(.23,1,.32,1) !important;
}

.case-card-v2__cta:active {
  transform: scale(.985);
}

@media (hover: hover) and (pointer: fine) {
  .case-card-v2:hover {
    transform: translateY(-2px) !important;
    border-color: #cad8db !important;
    box-shadow: 0 16px 38px rgba(7, 48, 63, .09) !important;
  }

  .case-card-v2__cta:hover {
    transform: translateY(-1px);
    border-color: #c9a64d !important;
    background: #fff4d4 !important;
  }
}

@media (hover: none), (pointer: coarse) {
  .case-card-v2:hover {
    transform: none !important;
    border-color: #dbe4e6 !important;
    box-shadow: 0 10px 30px rgba(7, 48, 63, .055) !important;
  }

  .case-card-v2__cta:hover {
    transform: none !important;
    border-color: #d7b75a !important;
    background: #fff9e8 !important;
  }
}

@media (max-width: 700px) {
  .case-card-v2 {
    box-shadow: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .case-card-v2,
  .case-card-v2__cta {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    transform: none !important;
  }
}