/* Trusted partners logo slider — YMCA Midsize 2026 */

.bmg-partners__title {
    max-width: 360px;
    flex-shrink: 0;
}

/* Let the slider fill the rest of the row; min-width keeps Splide from overflowing a flex parent */
.bmg-partners__slider {
    flex: 1 1 0;
    min-width: 0;
}

.bmg-partners__slider .wp-block-ymca-image-slide {
    height: 128px; /* comp logos read noticeably larger than the old 96px band */
}

.bmg-partners__slider .wp-block-ymca-image-slide img {
    width: auto;
    max-width: 100%;
    max-height: 100%;
}

/* pagination is enabled for the mobile dots (below); the default block style
   otherwise shows stock Splide dots on desktop, so hide them here */
.bmg-partners__slider .splide__pagination {
    display: none;
}

@media (max-width: 1100px) {
    .bmg-partners__row {
        flex-wrap: wrap !important;
        gap: 28px;
    }

    /* stacked layout: title centered above the logos (mobile comp) */
    .bmg-partners__title {
        max-width: none;
        flex-basis: 100%;
        text-align: center;
    }

    .bmg-partners__slider {
        flex-basis: 100%;
    }

    /* dots below the logos, centered — dark on the white band (block default is #ccc) */
    .bmg-partners__slider .splide__pagination {
        display: flex;
        position: static;
        justify-content: center;
        gap: 10px;
        margin-top: 24px;
    }
    .bmg-partners__slider .splide__pagination .splide__pagination__page {
        width: 10px;
        height: 10px;
        margin: 0;
        background: var(--primary-dk);
        opacity: 0.3;
        transform: none;
    }
    .bmg-partners__slider .splide__pagination .splide__pagination__page.is-active {
        opacity: 1;
        transform: none;
    }
}