/* === Titre badges — texte propre à « Assurance Emprunteur » (tâche 4.5) ===================== */
.x-page-assurance-emprunteur .x-titre-badges__badge--rose {
    left: 0;
    top: 36px;
    width: 423px;
    height: 70px;
    background-color: #cb257d;
    font-size: 42px;
    font-weight: 500;
}
.x-page-assurance-emprunteur .x-titre-badges__badge--violet {
    left: 236px;
    top: 77px;
    width: 564px;
    height: 106px;
    background-color: var(--wp--preset--color--violet-bandeau);
    font-size: 64px;
    font-weight: 700;
}
@media (max-width: 1349px) {
    .x-page-assurance-emprunteur .x-titre-badges__badge--rose {
        top: 34px;
    }
    .x-page-assurance-emprunteur .x-titre-badges__badge--violet {
        top: 75px;
    }
}
@media (max-width: 980px) {
    .x-page-assurance-emprunteur .x-titre-badges__badge--rose {
        top: 37px;
    }
    .x-page-assurance-emprunteur .x-titre-badges__badge--violet {
        top: 78px;
    }
}
@media (max-width: 767px) {
    .x-page-assurance-emprunteur .x-titre-badges__badge--rose {
        left: 0;
        top: 78px;
        width: 185px;
        height: 31px;
        font-size: 19px;
    }
    .x-page-assurance-emprunteur .x-titre-badges__badge--violet {
        left: 103px;
        top: 96px;
        width: 247px;
        height: 46px;
        font-size: 28px;
    }
}
.x-page-assurance-emprunteur.x-titre-badges {
    background-image: url("../../bandeaux/assurance-emprunteur.webp"); /* WebP q82 de Bg_assurance_emprunteur.jpg (28/09, LCP) */
    /* size/position/repeat : ne venaient plus que du défaut de la composition partagée, retiré
       de blocs/titre-badges.css lors de la généricité (tâche C1) — reposés ici explicitement. */
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
@media (max-width: 767px) {
    .x-page-assurance-emprunteur.x-titre-badges {
        background-position: 37% center;
    }
}
/* Marge basse du titre : dernier (et seul) enfant du groupe en layout « constrained » — WordPress la remet à 0 (même mécanisme que la marge haute du premier enfant, déjà… */
.x-page-assurance-emprunteur .x-titre-badges__titre {
    margin-bottom: 100px;
}
@media (max-width: 767px) {
    .x-page-assurance-emprunteur .x-titre-badges__titre {
        margin-bottom: 70px;
    }
}
/* === Texte et image — titre/colonnes/image propres à « Assurance Emprunteur » (tâche 4.5) === */
.x-page-assurance-emprunteur .x-texte-image__titre {
    font-size: var(--wp--preset--font-size--xxxl-b);
    font-weight: 700;
    line-height: 37px;
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    .x-page-assurance-emprunteur .x-texte-image__titre {
        font-size: 35px;
        line-height: 35px;
    }
}
/* flex-basis 38,2 %/58,8 % (retiré) : redondant avec la composition partagée, désormais en gutters2 par défaut — l'inline Gutenberg primait de toute façon sur cette règle. */
@media (min-width: 981px) {
    .x-page-assurance-emprunteur .x-texte-image__colonne-texte {
        padding-right: 0;
    }
}
/* :not(:last-of-type) dans :where() : ramène 0,3,1 à 0,2,1 (vérification R2). */
.x-page-assurance-emprunteur .x-texte-image__colonne-texte > p:where(:not(:last-of-type)) {
    padding-bottom: 14px;
}
@media (min-width: 768px) and (max-width: 980px) {
    .x-page-assurance-emprunteur .x-texte-image__colonne-image {
        margin-bottom: 30px !important;
    }
}
.x-page-assurance-emprunteur .x-texte-image__colonne-image img {
    max-width: min(100%, 455px);
}
.x-page-assurance-emprunteur .x-texte-image__colonne-image img {
    margin-bottom: 0;
}
@media (min-width: 1350px) {
    .x-page-assurance-emprunteur .x-texte-image__colonne-texte {
        padding-bottom: 75.2px;
    }
}
@media (min-width: 981px) and (max-width: 1349px) {
    .x-page-assurance-emprunteur .x-texte-image__colonne-texte {
        padding-bottom: 73.6px;
    }
}
@media (max-width: 767px) {
    .x-page-assurance-emprunteur.x-texte-image {
        padding-top: 60px;
    }
}
.x-page-assurance-emprunteur .x-texte-image__rangee {
    position: relative;
}
.x-page-assurance-emprunteur .x-texte-image__colonne-texte .x-page-assurance-emprunteur__bouton-contact {
    position: absolute;
    left: 41.2%;
    top: 410px;
    margin-top: 0;
}
@media (min-width: 981px) and (max-width: 1349px) {
    .x-page-assurance-emprunteur .x-texte-image__colonne-texte .x-page-assurance-emprunteur__bouton-contact {
        top: 427px;
    }
}
@media (max-width: 980px) {
    .x-page-assurance-emprunteur .x-texte-image__colonne-texte .x-page-assurance-emprunteur__bouton-contact {
        position: static;
        margin-top: 32px;
    }
}
/* === Encart informatif — teinte/remplissage propres à « Assurance Emprunteur » (tâche 4.5) == */
.x-page-assurance-emprunteur.x-encart-info {
    background-color: rgba(138, 200, 199, 0.5);
    padding-bottom: 50px;
}
@media (max-width: 767px) {
    .x-page-assurance-emprunteur.x-encart-info {
        padding-top: 60px;
    }
}
/* :last-of-type dans :where() : ramène 0,3,1 à 0,2,1 (vérification R2). */
.x-page-assurance-emprunteur.x-encart-info p:where(:last-of-type) {
    margin-bottom: 23.8px;
}