/* =========================================
   INTERAGES - BOUTON ADHESION
   PC + MOBILE
   ========================================= */


/* ---------- PC / GRAND ECRAN ---------- */

/* La bannière sert de repère pour le bouton */
.container-banner {
    position: relative;
}

/* Bouton placé dans la bannière */
.interages-adhesion-cta {
    position: absolute;
    left: 57%;
    bottom: 90px;
    transform: translateX(-50%);
    z-index: 10;
    text-align: center;
    padding: 0;
    width: max-content;
}

/* Bouton orange dans la bannière */
.interages-adhesion-btn {
    display: inline-block;
    padding: 14px 32px;
    background: #e6a23c;
    color: #1f2d3d !important;
    font-size: 1.15rem;
    font-weight: 700;
    text-decoration: none;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0,0,0,.30);
    transition: transform .15s ease, filter .15s ease;
}

.interages-adhesion-btn:hover {
    transform: translateY(-2px);
    filter: brightness(1.08);
}

/* Texte "Adhésion 2026-2027 · 25 €" dans la bannière */
.interages-adhesion-info {
    margin-top: 7px;
    color: #fff;
    font-weight: 600;
    text-shadow: 0 1px 4px rgba(0,0,0,.8);
}


/* ---------- BOUTON DANS L'ARTICLE ---------- */

/* Caché sur ordinateur */
.interages-mobile-adhesion {
    display: none;
}


/* =====================================================
   INTERAGES - ADHESION : VERSION MOBILE
   Ne modifie absolument pas la version PC
   ===================================================== */

@media screen and (max-width: 900px) {

    /* 1. CACHER COMPLETEMENT LE BOUTON DE LA BANNIERE */
    .interages-adhesion-cta {
        display: none !important;
        visibility: hidden !important;
    }


    /* 2. AFFICHER LE BLOC ADHESION DE L'ARTICLE */
    .interages-mobile-adhesion {
        display: block !important;
        width: 100% !important;
        margin: 15px 0 25px 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }


    /* 3. TRANSFORMER LE LIEN DE L'ARTICLE EN BOUTON ORANGE */
    .interages-mobile-adhesion a,
    .interages-home-adhesion-btn {
        display: inline-block !important;

        padding: 13px 24px !important;

        background-color: #e6a23c !important;
        background-image: none !important;

        color: #1f2d3d !important;

        font-size: 1rem !important;
        font-weight: 700 !important;

        line-height: 1.4 !important;

        text-decoration: none !important;

        border: none !important;
        border-radius: 8px !important;

        box-shadow: 0 4px 12px rgba(0,0,0,.20) !important;
    }


    /* 4. TEXTE SOUS LE BOUTON */
    .interages-mobile-adhesion .interages-home-adhesion-info {
        display: block !important;

        margin-top: 7px !important;

        color: #333 !important;

        font-size: .95rem !important;
        font-weight: 600 !important;

        text-shadow: none !important;
    }
}