@media (max-width: 768px) {
    .left-col-mon-compte {
        display: none;
    }

    .titre-page-mon-compte {

        font-size: 32px !important;
    }

    .post-template-default {
        .wp-block-vert-newsletter {
            margin-block-end: 24px !important;
        }

    }

    .prefooter-single {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .a-la-une-de-vert {
        img {
            width: 100px !important;
            min-width: 100px;
            height: 100px !important;
            object-fit: cover;
        }
    }

    .separator-footer {
        margin-left: 20px !important;
        margin-right: 20px !important;
    }

    .logo-footer {
        svg {
            width: 200px;
        }
    }



    .figure-85-pour-cent {
        figure:has(.attachment-post-thumbnail) {
            height: 85% !important;

            .attachment-post-thumbnail {
                height: 100% !important;
            }
        }
    }


    .border-bottom-mobile {
        border-bottom: 1px solid #D6F5E7;
        padding-bottom: 24px;
    }

    .hide-on-mobile {
        display: none !important;
    }

    .mobile-flex-column {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;

        p {
            display: flex;
            justify-content: center;
        }
    }

    .align-items-baseline {
        display: flex !important;
        align-items: baseline !important;
        gap: 2px !important;
    }

    .center-on-mobile {
        display: flex !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .left-on-mobile {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        text-align: left !important;
    }

    .left-on-mobile>* {
        align-self: flex-start !important;
        text-align: left !important;
    }

    .no-margin-mobile {
        margin: 0 !important;
        padding: 0 !important;
    }

    .margin-mobile {
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .padding-top-20 {
        padding-top: 20px !important;
    }

    .padding-bot-20-mobile {
        padding-bottom: 20px !important;
    }

    /* Fix carrousel blanc à droite sur mobile */
    .carousel-block-wrapper.margin-mobile {
        padding-left: 0px !important;
        padding-right: 0px !important;
        overflow: hidden !important;
    }

    .carousel-block-wrapper.margin-mobile .swiper {
        overflow: visible !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .carousel-block-wrapper.margin-mobile .swiper-wrapper {
        overflow: visible !important;
    }

    /* Fix global carrousel mobile: evite l'overflow horizontal */
    .carousel-block-wrapper {
        width: 100%;
        max-width: 100%;
        overflow-x: clip !important;
    }

    .carousel-block-wrapper .carousel-overflow-fade-mask {
        max-width: 100%;
        overflow: hidden !important;
    }

    .carousel-block-wrapper .swiper,
    .carousel-block-wrapper .swiper-wrapper,
    .carousel-block-wrapper .swiper-slide {
        max-width: 100%;
        box-sizing: border-box;
    }

    .carousel-block-wrapper .wp-block-embed,
    .carousel-block-wrapper .wp-block-embed__wrapper {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .carousel-block-wrapper .wp-block-embed__wrapper iframe {
        display: block;
        width: 100% !important;
        max-width: 100% !important;
        height: auto;
        aspect-ratio: 16 / 9;
    }

    /* Utilitaires d'espacement mobile */
    .margin-mobile-bottom,
    .margin-mobile-bottom-0 {
        margin-bottom: 0px !important;
    }

    .margin-mobile-top {
        margin-top: 0px !important;
    }

    .margin-mobile-start {
        margin-left: 0px !important;
    }

    .margin-mobile-end {
        margin-right: 0px !important;
    }

    .margin-mobile-top-24 {
        margin-top: 24px !important;
    }

    .margin-mobile-top-18 {
        margin-top: 18px !important;
    }

    .margin-mobile-top-12 {
        margin-top: 12px !important;
    }

    .margin-mobile-bottom-24 {
        margin-bottom: 24px !important;
    }

    .margin-mobile-bottom-18 {
        margin-bottom: 18px !important;
    }

    .margin-mobile-bottom-12 {
        margin-bottom: 12px !important;
    }

    .margin-mobile-bottom-6 {
        margin-bottom: 6px !important;
    }

    .padding-mobile-top-0 {
        padding-top: 0px !important;
    }

    .padding-mobile-top-24 {
        padding-top: 24px !important;
    }

    .padding-mobile-top-12 {
        padding-top: 12px !important;
    }

    .padding-mobile-bottom-0 {
        padding-bottom: 0px !important;
    }

    .padding-mobile-bottom-24 {
        padding-bottom: 24px !important;
    }

    .padding-mobile-bottom-12 {
        padding-bottom: 12px !important;
    }

    .padding-mobile-left-0 {
        padding-left: 0px !important;
    }

    .padding-mobile-left-24 {
        padding-left: 24px !important;
    }

    .padding-mobile-left-12 {
        padding-left: 12px !important;
    }

    .padding-mobile-left-20 {
        padding-left: 20px !important;
    }

    .padding-mobile-right-20 {
        padding-right: 20px !important;
    }

    .padding-mobile-right-12 {
        padding-right: 12px !important;
    }

    .padding-mobile-right-0 {
        padding-right: 0px !important;
    }

    .categorie-edito {
        pointer-events: none;
        cursor: default;
        display: inline-flex;
        align-items: center;
        justify-content: left;
        gap: 0.35em;
        padding: 6px 12px !important;
        margin-bottom: 0.75rem;
        text-align: left;
        white-space: nowrap;
        width: fit-content;
        font-size: 13px;
        font-style: normal;
        font-weight: 600;
        line-height: 110%;
        /* 14.3px */
        letter-spacing: 0.26px;
        text-transform: uppercase;
    }

    .font-size-title-article-petit {
        font-size: 18px !important;
    }

    .font-size-title-article-26 {
        font-size: 26px !important;
    }

    .font-weight-mobile-500 {
        font-weight: 500 !important;
    }

    .font-weight-mobile-600 {
        font-weight: 600 !important;
    }

    /* En-tete rubrique mobile: titre a gauche + "Voir tout" sur une ligne */
    .rubrique-header-mobile {
        display: flex !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: flex-start !important;
        gap: 12px !important;
        margin-left: 0px !important;
    }

    .rubrique-header-mobile .wp-block-heading {
        margin: 0 !important;
        line-height: 1.05 !important;
        flex: 1 1 auto;
        min-width: 0;
    }

    .rubrique-header-mobile .wp-block-buttons,
    .rubrique-header-mobile .wp-block-button {
        flex: 0 0 auto;
    }

    .rubrique-header-mobile .wp-block-button.voir-plus .wp-block-button__link {
        white-space: nowrap;
        display: inline-flex;
        align-items: center;
    }

    /* Carte article contexte mobile: categorie -> titre -> image */
    .article-contexte-mobile,
    .article-contexte-mobile>.article-contexte.wp-block-vert-article-contexte {
        display: flex !important;
        flex-direction: column;
    }

    .article-contexte-mobile>.taxonomy-categorie-editoriale,
    .article-contexte-mobile>.article-contexte.wp-block-vert-article-contexte>.taxonomy-categorie-editoriale {
        order: 1;
        margin-bottom: 6px !important;
    }

    .article-contexte-mobile>.wp-block-post-title,
    .article-contexte-mobile>.article-contexte.wp-block-vert-article-contexte>.wp-block-post-title {
        order: 2;
        margin-top: 0 !important;
        margin-bottom: 12px !important;
    }

    .article-contexte-mobile>.wp-block-post-featured-image,
    .article-contexte-mobile>.article-contexte.wp-block-vert-article-contexte>.wp-block-post-featured-image {
        order: 3;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .article-contexte-mobile>.wp-block-post-featured-image img,
    .article-contexte-mobile>.article-contexte.wp-block-vert-article-contexte>.wp-block-post-featured-image img {
        width: 100%;
        height: auto;
        display: block;
    }

    div[class*="wp-block-"] figcaption {
        color: var(--Gris-fonc, #616161);
        font-family: Inter, sans-serif;
        font-size: 11px !important;
        font-style: normal !important;
        font-weight: 400 !important;
    }

    .btn-mobile {
        width: 100% !important;
        justify-content: center !important;
    }

    .txt-align-left {
        text-align: left !important;
    }

    .footer-colonnes {
        gap: 24px;



    }

    .padding-top-0-mobile {
        padding-top: 0 !important;
    }

}



@media (min-width: 769px) and (max-width: 1380px) {
    .hide-on-little-screen {
        display: none !important;
    }
}


@media (max-width: 1200px) {
    .hide-on-tablet {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .hide-on-desktop {
        display: none;
    }
}

.carousel-soutenir {
    margin-bottom: 1rem !important;

}


@media (max-width: 850px) {

    .swiper-wrapper {
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }

    .header-soutenir {
        display: flex;
        flex-direction: column;
        align-items: start;

        .btn-retour-site-soutenir {
            left: 0px;
            bottom: 24px;
        }

        .vert-logo-page-soutenir {
            padding-right: inherit !important;
            margin-bottom: 1rem;

            .anim-drop {
                width: 100px;
            }
        }
    }
}

.card-don-legende {
    margin: auto;
    align-self: anchor-center;
}

/* 1. Le wrapper Swiper doit aligner en stretch */
.swiper-wrapper {
    align-items: stretch;
}

/* 2. Chaque slide prend toute la hauteur */
.swiper-slide {
    height: auto;
}

/* 3. Le groupe WordPress dans le slide prend 100% */
.swiper-slide>.wp-block-group {
    height: 100%;
}

/* 4. La card elle-même (le bloc avec la bordure et le fond blanc) */
.swiper-slide .ticss-e5770503 {
    height: 100%;
    box-sizing: border-box;
}

#gform_2_validation_container {
    display: none !important;
}

#gform_submit_button_2:hover {
    border-radius: var(--micro, 6px);
    border: 1px solid var(--Noir-100, #000);
    background: var(--Jaune-survol, #FFF86B);
    box-shadow: 4px 4px 0 0 var(--Noir-100, #000);
    color: var(--Noir-100, #000);

}

#gform_submit_button_2 {
    transition: all 0.2s ease;
}