/* public/app/css/offers-notes.css
 * Synopsis: Module offers-notes.
 * Objectif: Rôle de public/app/css/offers-notes.css.
 */

.offer-foot {
    border-top: 1px solid color-mix(in srgb, currentColor 35%, transparent);
    margin-top: 1.25rem;
    padding-top: 1rem;
}

.offer .text-cta {
    color: inherit;
    display: inline-block;
    margin: 0 0 .75rem;
}

.offer-soon {
    display: block;
    font-size: .8rem;
    font-weight: 700;
    letter-spacing: .04em;
    margin: 0 0 .75rem;
    text-transform: uppercase;
}

.offer-note a {
    color: inherit;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: .15em;
}

.offer-feat__label a {
    color: inherit;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: .15em;
}

.offer-note--srv {
    max-width: none;
}

.offer-reset-cd {
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.offer-note {
    font-size: .9rem;
    line-height: 1.35;
    margin: 0 0 .35rem;
    max-width: 40ch;
    opacity: .9;
}

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

.offer-em {
    font-weight: 700;
    text-decoration: underline;
    text-decoration-thickness: 1.5px;
    text-underline-offset: .18em;
}

@media (max-width: 1100px) {
    .offers-grid {
        grid-template-columns: 1fr;
    }

    .offer-badge--ghost {
        display: none;
    }
}