/* Styles mobiles pour la page Vie du club */

.title {
    font-size: 1.2rem;
    padding: 0 1rem;
}

.title h1 {
    font-size: 1.5rem;
}

.presentation, .histoire, .actualites, .rejoindre {
    margin: 3vh 3%;
    padding: 2vh 4%;
    font-size: 1rem;
}

.presentation {
    flex-direction: column;
}

.presentation article {
    width: 100%;
}

.presentation .image-gallery {
    width: 100%;
    margin-left: 0;
    margin-top: 1.5rem;
}

.histoire {
    flex-direction: column-reverse;
}

.histoire article {
    width: 100%;
}

.histoire .image-gallery {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1.5rem;
}

.gallery-image {
    max-width: 100%;
}

.articles-grid {
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

.article-card {
    border-radius: 12px;
}

.article-image {
    height: 150px;
}

.lien-join-us {
    flex-direction: column;
    gap: 1rem;
    align-items: center;
}

.lien-join-us a {
    width: 80%;
    text-align: center;
}

/* Page détail article mobile */
.article-detail {
    margin: 2vh 3%;
    padding: 2vh 4%;
    border-radius: 16px;
}

.article-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
}

.article-detail h1 {
    font-size: 1.5rem;
}

.article-cover {
    border-radius: 8px;
}

.article-body {
    font-size: 1rem;
    line-height: 1.7;
}

.cta-button {
    width: 100%;
    text-align: center;
}