/*
 * Le libellé coloré de la thématique est rendu à l'intérieur de la carte.
 * :has() permet d'appliquer sa couleur au conteneur d'informations Bricks
 * sans imposer de JavaScript ni modifier la boucle.
 *
 * La teinte est mélangée à du blanc pour conserver le contraste des titres,
 * métadonnées et pictogrammes déjà présents dans la carte.
 */
:is(#brxe-xbcfst, .platform-content-card__container-info):has(.abra-thematique-label) {
    background-color: color-mix(in srgb, var(--abra-carte-thematique) 34%, #ffffff) !important;
    transition: background-color 180ms ease;
}

:is(#brxe-xbcfst, .platform-content-card__container-info):has(.abra-thematique-label--respiration) {
    --abra-carte-thematique: #74d6d8;
}

:is(#brxe-xbcfst, .platform-content-card__container-info):has(.abra-thematique-label--retour_au_calme) {
    --abra-carte-thematique: #5cc9cc;
}

:is(#brxe-xbcfst, .platform-content-card__container-info):has(.abra-thematique-label--sommeil) {
    --abra-carte-thematique: #92e1e2;
}

:is(#brxe-xbcfst, .platform-content-card__container-info):has(.abra-thematique-label--presence) {
    --abra-carte-thematique: #47a93a;
}

:is(#brxe-xbcfst, .platform-content-card__container-info):has(.abra-thematique-label--rituel) {
    --abra-carte-thematique: #6cbf5e;
}

:is(#brxe-xbcfst, .platform-content-card__container-info):has(.abra-thematique-label--concentration) {
    --abra-carte-thematique: #fdd52d;
}

:is(#brxe-xbcfst, .platform-content-card__container-info):has(.abra-thematique-label--experts) {
    --abra-carte-thematique: #ffea00;
}

:is(#brxe-xbcfst, .platform-content-card__container-info):has(.abra-thematique-label--emotions) {
    --abra-carte-thematique: #f8716b;
}

:is(#brxe-xbcfst, .platform-content-card__container-info):has(.abra-thematique-label--gestion_du_stress) {
    --abra-carte-thematique: #fa8f8a;
}

:is(#brxe-xbcfst, .platform-content-card__container-info):has(.abra-thematique-label--confiance_en_soi) {
    --abra-carte-thematique: #9e4fd1;
}

:is(#brxe-xbcfst, .platform-content-card__container-info):has(.abra-thematique-label--mon_bien_etre) {
    --abra-carte-thematique: #7f3aad;
}

:is(#brxe-xbcfst, .platform-content-card__container-info):has(.abra-thematique-label--zenbag) {
    --abra-carte-thematique: #ff9f45;
}

:is(#brxe-xbcfst, .platform-content-card__container-info):has(.abra-thematique-label--toute_thematique) {
    --abra-carte-thematique: #e9ecef;
}