.post-slider-container {
    scroll-behavior: smooth;
    padding: 15px 0;
    white-space: nowrap;
}

.publication-card {
    flex: 0 0 auto;
    width: 250px; /* Largeur fixe des cartes */
    border-radius: 10px;
    transition: transform 0.3s ease-in-out;
    position: relative;
    word-wrap: break-word; /* Assure que les mots trop longs se coupent */
    white-space: normal; /* Permet le retour à la ligne */
}

.publication-card, .publication-card * {
    cursor: pointer; /* Ajouter un curseur pointeur pour une meilleure UX */
}

.card-body p {
    height: 40px;     /* Set a fixed height for the paragraph */
    overflow: hidden; /* Hide overflowing text */
    text-overflow: ellipsis; /* Add ellipsis for overflowing text */
    display: -webkit-box;
    -webkit-line-clamp: 2; /* Number of lines to display before adding ellipsis */
    -webkit-box-orient: vertical;
}

.publication-card.active {
    border: 3px solid #007bff; /* Mettre une bordure bleue lorsque la carte est sélectionnée */
    transform: scale(1.05); /* Zoom léger à l'hover pour l'effet interactif */
}

.media-img, .media-video {
    height: 200px; /* Set a fixed height */
    width: 100%;   /* Make sure it always takes full width */
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.publication-card label:hover {
    text-decoration: none;
}

input[type="radio"]:checked + label .publication-card {
    border: 3px solid #007bff;
}

/* Styles for the Create Publication card */
.publication-card.non-selectable-card {
    border: 1px solid #e4e6ef;
    opacity: 1 !important; /* Ensure it's never faded */
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.publication-card.non-selectable-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}