/**
 * Responsive group wrapping styles
 * Based on Bootstrap 5 breakpoints
 */

/* By default, respect the core nowrap setting */
.wp-block-group.is-nowrap {
    flex-wrap: nowrap;
}

/* Responsive wrapping at small breakpoint (≤ 576px) */
@media (max-width: 576px) {
    .wp-block-group.is-nowrap.wrap-s {
        flex-wrap: wrap !important;
    }
}

/* Responsive wrapping at medium breakpoint (≤ 768px) */
@media (max-width: 767.98px) {
    .wp-block-group.is-nowrap.wrap-md {
        flex-wrap: wrap !important;
    }
}

/* Responsive wrapping at large breakpoint (≤ 992px) */
@media (max-width: 991.98px) {
    .wp-block-group.is-nowrap.wrap-lg {
        flex-wrap: wrap !important;
    }
}

/* Responsive wrapping at extra large breakpoint (≤ 1200px) */
@media (max-width: 1199.98px) {
    .wp-block-group.is-nowrap.wrap-xl {
        flex-wrap: wrap !important;
    }
}

/* Responsive wrapping at extra extra large breakpoint (≤ 1400px) */
@media (max-width: 1399.98px) {
    .wp-block-group.is-nowrap.wrap-xxl {
        flex-wrap: wrap !important;
    }
}