/* === Titre badges — texte propre à « Financement Professionnel » (tâche 4.3) ================ */
/* Marge basse du titre : sans accroche après lui, le titre devient le DERNIER enfant de la section — WordPress lui remet margin-bottom:0 (même mécanisme documenté sur l'… */
.x-page-financement-professionnel .x-titre-badges__badge--rose {
    left: 0;
    width: 457px;
    height: 65px;
    background-color: var(--wp--preset--color--rose-bandeau);
    font-size: 39px;
    font-weight: 500;
}
.x-page-financement-professionnel .x-titre-badges__badge--violet {
    left: 215px;
    width: 585px;
    height: 99px;
    background-color: var(--wp--preset--color--violet-bandeau);
    font-size: 59px;
    font-weight: 700;
}
@media (max-width: 767px) {
    .x-page-financement-professionnel .x-titre-badges__badge--rose {
        left: 0;
        width: 200px;
        height: 28px;
        font-size: 17px;
    }
    .x-page-financement-professionnel .x-titre-badges__badge--violet {
        left: 94px;
        width: 256px;
        height: 43px;
        font-size: 26px;
    }
}
/* !important : sans accroche après lui, le titre devient le dernier enfant du groupe « constrained » — le cœur y remet margin-bottom à 0 sans ce battement. */
.x-page-financement-professionnel .x-titre-badges__titre {
    margin-bottom: 100px !important;
}
@media (max-width: 767px) {
    .x-page-financement-professionnel .x-titre-badges__titre {
        margin-bottom: 70px !important;
    }
}
.x-page-financement-professionnel.x-titre-badges {
    background-image: url("../../bandeaux/financement-professionnel.webp"); /* WebP q82 de ban_pret_pro.png (28/09, LCP) */
    background-size: cover;
    background-position: center center;
}
@media (max-width: 767px) {
    .x-page-financement-professionnel.x-titre-badges {
        background-size: auto;
        background-position: 49% 21%;
    }
}
/* === Sommaire d'offres — 3 cartes propres à « Financement Professionnel » (tâche 4.3) ======== */
.x-page-financement-professionnel .x-sommaire-offres__rangee {
    max-width: 840px;
}
@media (min-width: 1350px) {
    /* 1440px : +5px, résorbe le décalage cumulé qui atteignait « Financer votre activité » (css-notes.md, S3). */
    .x-page-financement-professionnel .x-sommaire-offres__carte-bouton {
        padding-bottom: 25px;
    }
}
@media (min-width: 981px) {
    /* Spécificité 0,3,0 (égale à la règle générique de blocs/sommaire-offres.css qui pose 22,75 % à ce palier) : gagne par l'ordre d'impression (pages/ après blocs/), PAS par la spécificité seule — une spécificité inférieure perdrait quel que soit l'ordre. */
    .x-page-financement-professionnel .x-sommaire-offres__rangee > .x-sommaire-offres__carte {
        flex-basis: 31.3333% !important;
    }
    .x-page-financement-professionnel .x-sommaire-offres__rangee {
        gap: 3%;
        padding-top: 0;
        padding-bottom: 60px;
    }
}
@media (max-width: 980px) {
    /* Spécificité 0,3,0 (égale à la règle générique ≤980 : 47,25 %) : gagne par l'ordre d'impression. */
    .x-page-financement-professionnel .x-sommaire-offres__rangee > .x-sommaire-offres__carte {
        flex-basis: 100% !important;
    }
    .x-page-financement-professionnel .x-sommaire-offres__rangee {
        gap: 0;
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .x-page-financement-professionnel .x-sommaire-offres__carte {
        margin-bottom: 30px;
    }
    .x-page-financement-professionnel .x-sommaire-offres__carte:last-child {
        margin-bottom: 0;
    }
    .x-page-financement-professionnel .x-sommaire-offres__image img {
        width: auto;
        max-width: min(100%, 356px);
    }
    .x-page-financement-professionnel .x-sommaire-offres__carte-bouton {
        padding-bottom: 35px;
    }
}
/* === Texte et image — sections de détail propres à « Financement Professionnel » (tâche 4.3) = */
@media (min-width: 768px) and (max-width: 980px) {
    .x-texte-image--fve .x-texte-image__colonne-texte .wp-block-buttons,
    .x-texte-image--fvle .x-texte-image__colonne-texte .wp-block-buttons,
    .x-texte-image--fva .x-texte-image__colonne-texte .wp-block-buttons {
        margin-top: 30px;
    }
}
@media (max-width: 767px) {
    .x-texte-image--fve .x-texte-image__colonne-texte .wp-block-buttons,
    .x-texte-image--fvle .x-texte-image__colonne-texte .wp-block-buttons,
    .x-texte-image--fva .x-texte-image__colonne-texte .wp-block-buttons {
        margin-top: 30px;
    }
}
