/* Container des actualités */
.hum-news-container {
    position: relative; /* nécessaire pour le loader positionné absolu */
}

/* Message "aucun résultat" */
.hum-news-container .no-result {
    text-align: center;      
    grid-column: 1 / -1;     
    width: 100%;
    margin: 20px 0;
}

/* Loader overlay */
#hum-news-container.loading::after {
    content: '';
    position: absolute;
    top:0; left:0; right:0; bottom:0;
    background: rgba(255,255,255,0.6);
    z-index: 10;
    opacity: 0;
    animation: fadeIn 0.15s forwards; 
}

/* Loader spinner */
#hum-news-container.loading::before {
    content: '';
    position: absolute;
    top:50%; left:50%;
    width:40px; height:40px;
    margin:-20px 0 0 -20px;
    border:4px solid #ccc;
    border-top-color:#333;
    border-radius:50%;
    z-index:11;
    opacity: 0;
    animation: spin 1s linear infinite, fadeIn 0.15s forwards;
}

/* Spin animation du loader */
@keyframes spin { to { transform: rotate(360deg); } }

/* Fade-in rapide du loader */
@keyframes fadeIn { to { opacity: 1; } }

/* Items actualités : fade + léger déplacement */
.hum-news-container .news-item {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.4s ease, transform 0.4s ease;
}

/* Items visibles */
.hum-news-container .news-item.visible {
    opacity: 1;
    transform: translateY(0);
}