/* Reassurance band — the four guarantees above the footer, on every page
 * (rendered by core/redesign/footer.html).
 *
 * Reclaimed from core/css/redesign.css (#529): the band is chrome, so it has no
 * business living in the legacy page bundle that the redesigned pages are
 * dropping. Values are copied as-is — this is a move, not a restyle.
 *
 * The markup is still the legacy PrestaShop block (`.block-reassurance` with an
 * <i> icon per item), hence the selector shapes.
 */

/* Font and box model came from the legacy bundle's document-wide reset, which a
   fully redesigned page no longer loads (#529) — without this the band fell back
   to Times New Roman and content-box. */
.footer__reassurance,
.footer__reassurance * {
    box-sizing: border-box;
}

.footer__reassurance {
    background: #ff8e4f;
    color: #fff;
    font-family: var(--font-body, 'Inter', sans-serif);
}

.footer__reassurance .block-reassurance {
    padding: 32px 0 8px;
    margin: 0 auto;
    width: 90%;
    max-width: 962px;
    text-align: center;
    /* The legacy theme gives every `.block-*` a white card; the band is its own
       surface, so it has to win against that with the weight the theme used. */
    background: transparent !important;
    box-shadow: none !important;
}

.footer__reassurance .block-reassurance i {
    display: block;
    font-size: 64px;
    margin: 0 auto 16px;
    color: #fff;
}

.footer__reassurance ul {
    display: flex;
    flex-wrap: wrap;
}

.footer__reassurance ul li {
    margin: 0 auto 24px;
    border-bottom: unset;
    width: 24%;
}

.footer__reassurance ul li .block-reassurance-item {
    padding: 0;
}

.footer__reassurance ul li span.h6 {
    font-weight: 900;
    text-transform: uppercase;
    font-size: 17px;
}

.footer__reassurance .footer-container li a {
    color: #fff;
    font-size: 16px;
}

@media (max-width: 900px) {
    .footer__reassurance ul li {
        width: 40%;
    }
}

@media (max-width: 460px) {
    .footer__reassurance ul li {
        width: 90%;
    }
}