/*
 * wm/menu — the block's Columns choice (includes/blocks/menu-block.php).
 *
 * The menu flows down one column and on into the next: one section's rows split
 * across the columns, or a whole menu's sections one after another — the same
 * choice serves both, which is what acf/menu-display's 2-column mode did for one
 * section (WT-256). A dish never splits between columns, a heading stays with
 * what follows it, and a phone reads one column.
 *
 * Loaded only where the block is: in <head> when the page's content holds one
 * (wm_shortcode_maybe_enqueue_styles), at render time anywhere else.
 */

.wp-block-wm-menu.wm-menu-cols-2 { column-count: 2; }
.wp-block-wm-menu.wm-menu-cols-3 { column-count: 3; }

.wp-block-wm-menu.wm-menu-cols {
    column-gap: var(--wm-menu-column-gap, 2.5rem);
}

.wp-block-wm-menu.wm-menu-cols .menu-item {
    break-inside: avoid;
}

.wp-block-wm-menu.wm-menu-cols :is(.menu-sub-heading, .wm-menu-category-heading) {
    break-after: avoid;
    break-inside: avoid;
}

@media (max-width: 700px) {
    .wp-block-wm-menu.wm-menu-cols { column-count: 1; }
}