/* 1. Style de la carte : Arrondi léger et ombre douce */
.custom-card {
    border-radius: 10px; /* Contrôle l'arrondi général de la carte */
    border: none; /* Enlève la bordure par défaut si désiré */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ajoute une ombre légère */
    overflow: visible; /* Important pour que le logo puisse dépasser si nécessaire */
    position: relative; /* Nécessaire pour le positionnement absolu du logo */
    transition: transform 0.2s ease-in-out; /* Effet de survol */
}

.custom-card:hover {
    transform: translateY(-5px); /* Soulève la carte au survol */
}

/* 2. Style de l'image : Arrondi en haut uniquement */
.custom-card-img {
    height: 300px; /* Hauteur fixe comme avant */
    object-fit: cover;
    object-position: center;
    border-top-left-radius: 10px; /* Doit correspondre à l'arrondi de la carte */
    border-top-right-radius: 10px;
}

/* 3. Container du logo : Positionnement précis */
.card-logo-container {
    position: absolute;
    top: 280px; /* (Hauteur image - (Hauteur logo / 2)) : 200px - (40px / 2) = 180px. Centre verticalement le logo sur la ligne de séparation */

    /* Centrage horizontal */
    left: 50%;
    transform: translateX(-50%);

    z-index: 10; /* Assure que le logo est au-dessus de l'image et du texte */
    background-color: #fff; /* Fond blanc derrière le logo pour la lisibilité */
    padding: 5px; /* Espace autour du logo */
    border-radius: 50%; /* Pour un logo rond */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Ombre sous le logo */
}

/* 4. Style du logo lui-même */
.card-logo {
    height: 40px; /* Taille du logo */
    width: 40px; /* Assurez-vous qu'il est carré pour un arrondi parfait */
    object-fit: contain; /* S'assure que le logo n'est pas déformé */
    display: block; /* Enlève les espaces blancs sous l'image */
}

/* 5. Ajustement du card-body : Pour ne pas que le texte soit masqué par le logo */
.custom-card .card-body {
    padding-top: 35px; /* Espace supplémentaire en haut pour laisser la place au logo */
}

.post-description {
    display: -webkit-box;
    -webkit-line-clamp: 5; /* Nombre de lignes maximum */
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5em; /* Hauteur d'une ligne */
    max-height: 7.5em; /* line-height x nombre de lignes */
}