/* wc.ui.menu.tree.scss */
@import 'menu_vars';

// TODO: try to work WMenu Type TREE to be more like WTree so we can get rid of this.
.wc-menu[role="tree"] {
	[role='treeitem'] {
		padding: $wc-tree-item-pad;
	}

	.wc-submenu-o {
		padding: $wc-tree-item-pad;

		> .wc-decoratedlabel {
			display: inline-table;
			width: calc(100% - #{$wc-ui-menu-tree-iconwidth}); // allow for icon.
		}
	}

	.wc-decoratedlabel {
		display: table-row;
		width: 100%;
	}

	.wc_dlbl_seg {
		display: table-cell;

		+ .wc_dlbl_seg {
			padding-left: $hgap-small;
		}
	}

	.wc-labelbody {
		width: 100%;
	}
}
