/* ============================================================================
 * Reassurance block — 4 USPs grid.
 * Uses global tokens from themes/hummingbird/assets/css/heho.css.
 * Author: Hehocom — https://hehocom.fr
 * ========================================================================== */

.hehoblocks-reassurance {
    background-color: var(--heho-color-primary-light-3, #FFF4F4);
    padding-block: var(--heho-space-9, 3rem);
}

.hehoblocks-reassurance__inner {
    max-width: var(--heho-container-max, 96rem);
    margin-inline: auto;
    padding-inline: var(--heho-container-padding-x, 1rem);
}

.hehoblocks-reassurance__header {
    text-align: center;
    margin-bottom: var(--heho-space-7, 1.875rem);
}

.hehoblocks-reassurance__title {
    color: var(--heho-color-primary, #AC0424);
    font-family: var(--heho-font-primary);
    font-size: var(--heho-font-size-2xl, 1.875rem);
    font-weight: var(--heho-font-weight-bold, 700);
    line-height: var(--heho-line-height-tight, 1.2);
    margin: 0 0 var(--heho-space-2, 0.5rem);
}

.hehoblocks-reassurance__subtitle {
    color: var(--heho-color-text-muted, #666666);
    font-size: var(--heho-font-size-base, 1rem);
    font-weight: var(--heho-font-weight-medium, 500);
    margin: 0;
}

.hehoblocks-reassurance__grid {
    display: grid;
    gap: var(--heho-space-6, 1.5rem);
    list-style: none;
    margin: 0;
    padding: 0;
}

.hehoblocks-reassurance--cols-2 .hehoblocks-reassurance__grid { grid-template-columns: repeat(2, 1fr); }
.hehoblocks-reassurance--cols-3 .hehoblocks-reassurance__grid { grid-template-columns: repeat(3, 1fr); }
.hehoblocks-reassurance--cols-4 .hehoblocks-reassurance__grid { grid-template-columns: repeat(4, 1fr); }

.hehoblocks-reassurance__item {
    background-color: var(--heho-color-bg, #FFFFFF);
    border: var(--heho-border-medium, 0.125rem) solid var(--heho-color-primary-light-2, #FFEDED);
    border-radius: var(--heho-radius-md, 0.625rem);
    padding: var(--heho-space-7, 1.875rem) var(--heho-space-5, 1.25rem);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--heho-space-3, 0.75rem);
    transition: box-shadow var(--heho-transition-base, 200ms ease);
}

.hehoblocks-reassurance__item:hover {
    box-shadow: var(--heho-shadow-sm, 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1));
}

.hehoblocks-reassurance__item:focus-visible {
    outline: var(--heho-border-thick, 0.1875rem) solid var(--heho-color-primary, #AC0424);
    outline-offset: var(--heho-space-1, 0.25rem);
}

.hehoblocks-reassurance__icon {
    width: var(--heho-icon-size-md, 3.125rem);
    height: var(--heho-icon-size-md, 3.125rem);
    object-fit: contain;
    flex-shrink: 0;
}

.hehoblocks-reassurance__item-title {
    color: var(--heho-color-primary, #AC0424);
    font-family: var(--heho-font-primary);
    font-size: var(--heho-font-size-base, 1rem);
    font-weight: var(--heho-font-weight-semibold, 600);
    line-height: var(--heho-line-height-tight, 1.2);
    margin: 0;
}

.hehoblocks-reassurance__item-text {
    color: var(--heho-color-text, #010101);
    font-size: var(--heho-font-size-base, 1rem);
    line-height: var(--heho-line-height-base, 1.5);
    margin: 0;
}

.hehoblocks-reassurance__item-text > :first-child { margin-top: 0; }
.hehoblocks-reassurance__item-text > :last-child { margin-bottom: 0; }
.hehoblocks-reassurance__item-text p { margin: 0 0 var(--heho-space-2, 0.5rem); }

/* ── Responsive — breakpoints can't use CSS vars, see heho.css ─────── */
@media (max-width: 991px) {
    .hehoblocks-reassurance--cols-4 .hehoblocks-reassurance__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .hehoblocks-reassurance--cols-3 .hehoblocks-reassurance__grid,
    .hehoblocks-reassurance--cols-4 .hehoblocks-reassurance__grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 480px) {
    .hehoblocks-reassurance__grid,
    .hehoblocks-reassurance--cols-2 .hehoblocks-reassurance__grid,
    .hehoblocks-reassurance--cols-3 .hehoblocks-reassurance__grid,
    .hehoblocks-reassurance--cols-4 .hehoblocks-reassurance__grid {
        grid-template-columns: 1fr;
    }
}