/* Effet hover sur les cartes */
.card-hover {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    cursor: pointer;
}

.card-hover:hover {
    transform: translateY(-6px) scale(1.03);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.25);
}


/* Uniformiser toutes les cartes */
.card {
    height: 220px; /* ajuste selon ton design */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

/* Le body prend toute la hauteur */
.card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    overflow: hidden;
}

/* Troncation sur les titres */
.card-body h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%; /* important sinon ellipsis ne marche pas */
}

/* Troncation sur les descriptions */
.card-body p {
    display: -webkit-box;
    -webkit-line-clamp: 2;   /* max 2 lignes */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
}