/**
 * ACF Repeater Widget — default styles.
 *
 * The flex container makes every item fluid-width (sized by its content).
 * Most visual styles (colors, typography, padding, etc.) are controlled
 * through the Elementor style panel.
 */

.kingkoil-acf-repeater {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.kingkoil-acf-repeater__item {
    display: flex;
    flex: 0 0 auto; /* fluid width — sized by content, no grid */
    flex-direction: column;
    align-items: center;
    gap: 8px;
    max-width: 100%;
}

.kingkoil-acf-repeater__image {
    display: block;
    max-width: 100%;
    height: auto;
}

.kingkoil-acf-repeater__text {
    display: block;
}