/* VERSION: projects.css v1.1.4-hero-title-friendly (2025-11-19, 11:40:00)
// Changes vs v1.1.3-spacing-tuned:
// - Removed font-size / uppercase override for H1 when it uses .hero-title.
// - Kept vertical offset (padding-top / padding-bottom) for projects page.
// - Ensured project cards are flex so "Виж повече" бутоните стоят на едно ниво.
//*/

/* Vertical spacing for projects page section
   padding-top compensates for fixed header height
   padding-bottom controls space above footer */
.projects-page-section {
  padding-top: 140px;
  padding-bottom: 40px;
}

/* Centered main title on Projects page */
.projects-page-section .section-title {
  text-align: center;
  margin-bottom: 24px;
}

/* If in бъдеще заглавието НЕ е hero-title, можем да го оформим с по-малък размер.
   Сега използваме .hero-title в HTML, така че тези правила няма да го променят. */
.projects-page-section .section-title h1:not(.hero-title) {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 1.4rem;
}

/* Make project cards flex so CTA button sticks to bottom */
.projects-page-section .projects-grid .project-card {
  display: flex;
  flex-direction: column;
}

/* Text padding inside project cards */
.projects-grid .project-card .project-description {
  padding: 0 16px 16px;
}

/* CTA container under each project card */
.project-card-cta {
  padding: 0 16px 24px;
  margin: 0;
  margin-top: auto; /* pushes CTA to bottom of card */
}

.project-card-cta .btn {
  display: inline-block;
}