.gl-blog-carousel {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    max-width: 980px;
    margin: 0 auto;
}

/* Piste horizontale façon carrousel */
.gl-blog-carousel__track {
    display: flex;
    gap: 1.5rem;
    overflow-x: auto;
    padding: 0.5rem 0 0.3rem;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
}

/* Masquer la barre de scroll sur certains navigateurs */
.gl-blog-carousel__track::-webkit-scrollbar {
    height: 6px;
}
.gl-blog-carousel__track::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
}

/* Une "carte" */
.gl-blog-carousel__item {
    flex: 0 0 240px;
    scroll-snap-align: start;
}

.gl-blog-carousel__link {
    text-decoration: none;
    color: inherit;
    display: block;
}

/* Image en haut */
.gl-blog-carousel__thumb-wrap {
    width: 100%;
    margin-bottom: 0.5rem;
}

.gl-blog-carousel__thumb {
    width: 100%;
    height: 150px;
    object-fit: cover;
    display: block;
    border-radius: 2px;
    background: #e5e5e5;
}

.gl-blog-carousel__thumb--placeholder {
    background: #f0f0f0;
}

/* Titre sous l'image */
.gl-blog-carousel__title {
    margin: 0;
    font-size: 1rem;
    line-height: 1.4;
    font-weight: 700;
    color: #1a2b4c;
}

.gl-blog-carousel__link:hover .gl-blog-carousel__title,
.gl-blog-carousel__link:focus .gl-blog-carousel__title {
    text-decoration: underline;
}

/* Mobile : cartes un peu plus larges pour occuper l'écran */
@media (max-width: 700px) {
    .gl-blog-carousel {
        padding: 0 0.5rem;
    }
    .gl-blog-carousel__item {
        flex: 0 0 70vw;
    }
    .gl-blog-carousel__thumb {
        height: 160px;
    }
}