/* Projects Page Specific Styles */

/* Project Cards */
.ai-project-card {
  height: 100%;
  transition: all var(--transition-duration) ease;
  border-left: 4px solid var(--color-primary-green) !important;
  border: 1px solid var(--color-light-gray);
  opacity: 0;
  transform: translateY(30px);
  background: white;
  display: flex;
  flex-direction: column;
}

.ai-project-card .card-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.ai-project-card .content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.ai-project-card .content p:last-of-type {
  margin-top: auto !important;
}

.ai-project-card .content .button {
  margin-top: 0.75rem !important;
}

.ai-project-card .title {
  margin-bottom: 0.1rem !important;
  line-height: 1.2;
  margin-top: 0 !important;
  transition: all 0.3s ease;
}

.ai-project-card .title-header {
  margin-top: 3rem !important;
}

.ai-project-card:hover {
  box-shadow: 0 12px 35px rgba(0, 138, 164, 0.2) !important;
  border-left-color: var(--color-secondary-orange) !important;
}

.ai-project-logo {
  height: 70px !important;
  width: auto !important;
  max-width: 200px !important;
  max-height: 70px !important;
  object-fit: contain;
  margin-top: 1rem !important;
  transition: all 0.3s ease;
}

.ai-project-card:hover .ai-project-logo {
  transform: scale(1.12) translateY(-3px);
  filter: brightness(1.1);
}

.ai-project-card:hover .title {
  color: var(--color-primary-green);
  transform: translateY(-2px);
}

.ai-project-card:hover .ai-project-status {
  transform: scale(1.05) translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 138, 164, 0.2);
}

.ai-project-status {
  padding: 0.25rem 0.75rem;
  border-radius: 20px;
  font-size: 0.8rem;
  font-weight: 600;
  display: inline-block;
  transition: all 0.3s ease;
}

.ai-project-status.current {
  background-color: var(--color-success);
  color: white;
}

.ai-project-status.past {
  background-color: var(--color-medium-gray);
  color: white;
}