/* Shortcode [flip_join_flip] — carte CTA Join FLIP+
   Le bouton .flip-btn--join est stylé globalement dans style.css. */

.flip-join-flip {
    display: flex;
    padding: var(--Spacing-hero, 64px) 16px;
    flex-direction: column;
    align-items: center;
    gap: var(--Spacing-bloc, 32px);
    align-self: stretch;
    border-radius: 32px;
    background: #232794;
    color: #fff;

    .flip-join-flip__inner {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--Spacing-bloc, 32px);
        width: 100%;
        max-width: 720px;
        text-align: center;
    }

    .flip-join-flip__header {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 12px;
    }

    .flip-join-flip__title {
        margin: 0;
        color: #fff;
    }

    .flip-join-flip__body {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 8px;
        width: 100%;
    }

    .flip-join-flip__subtitle {
        margin: 0;
        font-weight: 700;
        color: #fff;
    }

    .flip-join-flip__text {
        margin: 0;
        color: rgba(255, 255, 255, 0.85);

        p {
            margin: 0 0 0.5em;

            &:last-child {
                margin-bottom: 0;
            }
        }
    }
}