/* Small, reversible additions to baiban-v1.css for Vikunja 2.7.0.
   The card selector is intentionally more specific than Vue's scoped rule. */

.app-content .project-card.project-card {
  border-radius: 24px;
  overflow: hidden;
  --project-card-padding: 1.25rem;
}

.app-content .project-card.project-card .project-title {
  font-weight: 600;
  line-height: 1.35;
}

/* Vikunja's five-column overview makes recent projects hard to scan. */
.app-content.home .project-grid {
  --project-grid-columns: 1;
  --project-grid-item-height: 160px;
  --project-grid-gap: 16px;
}

@media (min-width: 768px) {
  .app-content.home .project-grid {
    --project-grid-columns: 2;
    --project-grid-item-height: 180px;
  }
}

@media (min-width: 1280px) {
  .app-content.home .project-grid {
    --project-grid-columns: 3;
  }

  .app-content.home .project-grid.show-even-number-of-projects .project-grid-item:nth-child(5) {
    display: grid;
  }
}