/* Footer partner logos (inc/partners.php, sections/footer.blade.php).
   Logos share one fixed height and wrap into rows. The block has a minimum width so the
   footer's flex layout cannot collapse this column under the logos when the tagline in the
   first column is long (e.g. English). */
.iam-partners {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.875rem 1.25rem;
    min-width: 16rem;
    max-width: 18rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.iam-partners__item {
    display: flex;
    align-items: center;
    min-width: 0;
    margin: 0;
}

.iam-partners__link {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    transition: opacity 0.2s ease;
}

.iam-partners__link:hover,
.iam-partners__link:focus-visible {
    opacity: 0.7;
}

.iam-partners__logo {
    --iam-partner-h: 1.625rem;
    display: block;
    height: var(--iam-partner-h);
    width: auto;
    max-width: 100%;
    object-fit: contain;
}

@media (min-width: 768px) {
    .iam-partners__logo {
        --iam-partner-h: 1.75rem;
    }
}

/* optional per-logo size (ACF "Velikost"): s = -20 %, l = +25 % */
.iam-partners__logo--s {
    height: calc(var(--iam-partner-h) * 0.8);
}

.iam-partners__logo--l {
    height: calc(var(--iam-partner-h) * 1.25);
}

/* Tablet range: the three footer columns (tagline / menu / partners) do not fit side by side
   once the partner block keeps its width, so let the row wrap (menu + partners move below). */
@media (min-width: 768px) and (max-width: 1023.98px) {
    footer.content-info > .container > .flex {
        flex-wrap: wrap;
    }
}