/* Styles pour les articles chargés en infinite scroll */

/* S'assurer que .list-all-article prend toute la largeur disponible */
.list-all-article {
    width: 100%;
    max-width: 100%;
}

/* Articles chargés en infinite scroll */
.infinite-scroll-article {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    clear: both;
    display: block;
}

/* Animation d'apparition pour les nouveaux articles */
.infinite-scroll-article {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 0.6s ease forwards;
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Forcer la largeur complète pour éviter les colonnes */
.container.article .list-all-article,
.container.article .list-all-article > *,
.infinite-scroll-article,
.infinite-scroll-block {
    box-sizing: border-box;
    float: none !important;
    display: block;
    width: 100% !important;
    max-width: 100% !important;
}

.infinite-scroll-article{
    border-top: 1px solid #49494b;
padding-top: 3rem;
    margin-top: 5rem;
}

/* Responsive */
@media (max-width: 768px) {
    .infinite-scroll-separator {
        margin: 20px 0;
    }
    
    .infinite-scroll-separator hr {
        width: 90%;
    }
}