/**
 * Campaign Showcase Block Styles
 *
 * Loaded in both editor and frontend via block.json "style" field.
 *
 * @since 1.8.13
 */

.wp-block-charitable-campaign-showcase {
    margin: 2em 0;
}

.wp-block-charitable-campaign-showcase .charitable-campaigns-shortcode {
    margin: 0;
}

/* 1-up carousel: full-width single slide so block editor preview matches live frontend */
.wp-block-charitable-campaign-showcase .campaign-loop.campaign-layout-carousel[data-carousel-slides="1"] > li.campaign {
    flex: 0 0 100%;
    max-width: 100%;
}

/* 2-up carousel: half width each so block editor preview matches when "Slides to show" is 2 */
.wp-block-charitable-campaign-showcase .campaign-loop.campaign-layout-carousel[data-carousel-slides="2"] > li.campaign {
    flex: 0 0 50%;
    max-width: 50%;
}

/* Single campaign in carousel: full width in preview when only one item (no JS to clamp slidesVisible) */
.wp-block-charitable-campaign-showcase .campaign-loop.campaign-layout-carousel > li.campaign:only-child {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}