/**
 * mod_jpc_award_display
 * Sizes arrive as custom properties on .jpc-awards (set from the module options):
 *   --jpc-award-small, --jpc-award-medium, --jpc-award-large   fixed image widths (px)
 * Images keep their size; rows wrap onto more lines on narrow screens.
 * Spacing matches the original hand-built markup (flex gap plus an inline margin-right on every
 * image): the vertical gap is --space-award-gap (default 10px), the horizontal space between
 * awards is twice that, and each row keeps one trailing gap, so a row wraps at the same width
 * as the original (n awards of 100px need 120n - 10px).
 */
.jpc-awards {
    --jpc-award-gap: var(--space-award-gap, 10px);
}

.jpc-awards__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--jpc-award-gap) calc(var(--jpc-award-gap) * 2);
    margin-top: var(--jpc-award-gap);
    padding-right: var(--jpc-award-gap);
}

.jpc-awards--left .jpc-awards__row {
    justify-content: flex-start;
}

.jpc-awards--center .jpc-awards__row {
    justify-content: center;
}

.jpc-awards--right .jpc-awards__row {
    justify-content: flex-end;
}

.jpc-awards__link {
    display: inline-block;
    line-height: 0;
}

.jpc-awards__img {
    display: block;
    flex: 0 0 auto;
    max-width: 100%;
    height: auto;
}

.jpc-awards__img--small {
    width: var(--jpc-award-small);
}

.jpc-awards__img--medium {
    width: var(--jpc-award-medium);
}

.jpc-awards__img--large {
    width: var(--jpc-award-large);
}

/* Fallback for sites that do not load Bootstrap's .visually-hidden. */
.jpc-awards__sr {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}