/* Styles for the projects card grid on Aviel Amitay portfolio */

/* Container for project cards */
.projects-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 18px;
  margin-top: 14px;
}

/* Individual project card */
.project-card {
  background: #fff;
  border: 1px solid #e4e7ec;
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 2px 6px rgba(16, 24, 40, 0.06);
  transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.project-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(16, 24, 40, 0.12);
}

/* Thumbnail image */
.project-thumb {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: 10px;
  border: 1px solid #eef2f6;
  margin-bottom: 12px;
}

/* Pinned card (GitHub Stats/Repo card) */
.pinned-card {
  width: 100%;
  border-radius: 10px;
  border: 1px solid #e4e7ec;
  margin-bottom: 12px;
}

/* Card title */
.project-title {
  margin: 0 0 6px;
  font-size: 1.05rem;
  font-weight: 700;
}

/* Card description */
.project-desc {
  margin: 0 0 10px;
  color: #475467;
  line-height: 1.45;
}

/* Tags container */
.project-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 0 0 12px;
}

/* Individual tag */
.project-tag {
  font-size: 0.78rem;
  padding: 4px 8px;
  border-radius: 999px;
  background: #f2f4f7;
  color: #344054;
  border: 1px solid #e4e7ec;
}

/* Actions container */
.project-actions {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}