/*
 * Column choice for the Partner With Us content blocks: Category Cards (.partnerCategories),
 * Text Grid (.weightingFactor) and Rate Cards (.paymentRates).
 *
 * Printed by ut_partner_block_styles() only when a block's "Columns" setting differs from its
 * original layout, which stays with css/pages/partner-with-us.css. Three or four columns drop to
 * two on tablets; phones (640px and below) always show one, as the original layout does.
 */

section.ifx-cols-1 { --ifx-cols: 1; }
section.ifx-cols-2 { --ifx-cols: 2; }
section.ifx-cols-3 { --ifx-cols: 3; }
section.ifx-cols-4 { --ifx-cols: 4; }

section.partnerCategories.ifx-cols > .container > ul,
section.weightingFactor.ifx-cols > .container > ul,
section.paymentRates.ifx-cols > .container > ul {
    grid-template-columns: repeat(var(--ifx-cols), minmax(0, 1fr));
}

/* Text Grid's wide column gap only suits two columns. */
section.weightingFactor.ifx-cols-3 > .container > ul,
section.weightingFactor.ifx-cols-4 > .container > ul {
    column-gap: 3.75rem;
}

@media (max-width: 1025px) {
    section.ifx-cols-3,
    section.ifx-cols-4 { --ifx-cols: 2; }
}

@media (max-width: 640px) {
    section.ifx-cols { --ifx-cols: 1; }
}