/* PORTFOLIO : forcer le nombre de colonnes */

.portfolio {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  /* 4 colonnes desktop */
  gap: 1.5rem !important;
}

/* Tablette : 2 colonnes */

@media (max-width: 1024px) {
  .portfolio {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Mobile : 1 colonne */

@media (max-width: 768px) {
  .portfolio {
    grid-template-columns: 1fr !important;
  }
}





/* Corrige le chevauchement du header sur la page d'accueil */
.home main, 
.home .site-content {
  padding-top: 120px; /* ajuste selon la hauteur du menu */
}

@media (max-width: 768px) {
  .home main,
  .home .site-content {
    padding-top: 80px;
  }
}

/* Supprime les flèches sur la page d'accueil */
.home h2:before,
.home h2:after,
.home .section-title:before,
.home .section-title:after {
  content: none !important;
}