/* public/app/css/offers-feats.css
 * Synopsis: Lignes fonctions offres.
 * Objectif: Coche verte / croix rouge lisibles.
 */

.offer-feats {
    list-style: none;
    margin: 0;
    padding: 0;
}

.offer-feat {
    align-items: flex-start;
    display: flex;
    gap: .55rem;
    margin: 0 0 .45rem;
    min-height: 2.1rem;
    padding: .2rem 0;
}

.offer-feat:last-child {
    margin-bottom: 0;
}

.offer-feat__mark {
    align-items: center;
    border-radius: .3rem;
    display: inline-flex;
    flex: 0 0 auto;
    font-size: 1.05rem;
    font-weight: 700;
    justify-content: center;
    line-height: 1;
    min-height: 1.55rem;
    min-width: 1.55rem;
    padding: .2rem;
}

.offer-feat--yes .offer-feat__mark {
    background: color-mix(in srgb, var(--cold) 28%, transparent);
    color: color-mix(in srgb, var(--cold) 20%, var(--band-future-ink, var(--ink)));
}

.offer-feat--no .offer-feat__mark {
    background: color-mix(in srgb, var(--signal) 24%, transparent);
    color: color-mix(in srgb, var(--signal) 22%, var(--band-future-ink, var(--ink)));
}

.offer-feat__label {
    flex: 1 1 auto;
    font-size: .92rem;
    line-height: 1.35;
    padding-top: .12rem;
}

.offer-feat--no .offer-feat__label {
    opacity: .72;
}

.offer-feat--sec {
    margin: .85rem 0 .35rem;
    min-height: 0;
    padding: .35rem 0 .1rem;
}

.offer-feat--sec:first-child {
    margin-top: 0;
}

.offer-feat--sec .offer-feat__label {
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .06em;
    opacity: .78;
    padding-top: 0;
    text-transform: uppercase;
}